theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交 Github 地址, 更改 ChangeLog 格式

Browse Source
This commit is contained in:
就眠儀式 2021-12-14 01:15:36 +08:00
parent 9d829729f4
commit 6dd0bd791f
14 changed files with 94 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
example/docs/zh-CN/components/animation.md
View File

@ -92,3 +92,6 @@ export default {
| layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop` | | layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop` |
::: :::
::: footer
:::

2
example/docs/zh-CN/components/color.md
View File

@ -159,4 +159,4 @@ export default {
| layui-bg-blue | 蓝色 | class="layui-bg-blue" | | layui-bg-blue | 蓝色 | class="layui-bg-blue" |
| layui-bg-black | 雅黑 | class="layui-bg-black" | | layui-bg-black | 雅黑 | class="layui-bg-black" |
::: :::

8
example/docs/zh-CN/components/modal.md
View File

@ -6,6 +6,7 @@
<template> <template>
<lay-button @click="changeVisible1" type="primary">基础使用</lay-button> <lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
<lay-modal title="基础使用" v-model="visible1"> <lay-modal title="基础使用" v-model="visible1">
内容
</lay-modal> </lay-modal>
</template> </template>
@ -38,6 +39,7 @@ export default {
<template> <template>
<lay-button @click="changeVisible2" type="primary">允许拖动</lay-button> <lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
<lay-modal title="允许拖动" v-model="visible2"> <lay-modal title="允许拖动" v-model="visible2">
内容
</lay-modal> </lay-modal>
</template> </template>
@ -70,6 +72,7 @@ export default {
<template> <template>
<lay-button @click="changeVisible3" type="primary">放大缩小</lay-button> <lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
<lay-modal title="放大缩小" v-model="visible3" move="true" maxmin="true"> <lay-modal title="放大缩小" v-model="visible3" move="true" maxmin="true">
内容
</lay-modal> </lay-modal>
</template> </template>
@ -102,6 +105,7 @@ export default {
<template> <template>
<lay-button @click="changeVisible4" type="primary">指定位置</lay-button> <lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
<lay-modal title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']"> <lay-modal title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']">
内容
</lay-modal> </lay-modal>
</template> </template>
@ -167,6 +171,7 @@ export default {
<template> <template>
<lay-button @click="changeVisible6" type="primary">定义操作</lay-button> <lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
<lay-modal title="定义操作" v-model="visible6" move="true" :btn="btn6"> <lay-modal title="定义操作" v-model="visible6" move="true" :btn="btn6">
内容
</lay-modal> </lay-modal>
</template> </template>
@ -203,7 +208,8 @@ export default {
<template> <template>
<lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button> <lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
<lay-modal title="开启遮盖" move="true" shade="false" v-model="visible7"> <lay-modal title="开启遮盖" move="true" shade="false" v-model="visible7">
内容
</lay-modal> </lay-modal>
</template> </template>

202
example/docs/zh-CN/guide/changelog.md
View File

@ -10,180 +10,34 @@
::: demo ::: demo
<template> <template>
<lay-timeline> <lay-timeline>
<lay-timeline-item title="0.2.8"> <lay-timeline-item title="0.2.x">
[新增] tooltip 提示信息组件。<br> <ul>
[新增] input-number 数字输入框。<br> <a name="0-2-7"> </a>
[新增] layer 弹层 area 属性 auto 类型。<br> <li>
[升级] layer-vue 1.1.3。<br> <h3>0.2.8 <span class="layui-badge-rim">2021-12-10</span></h3>
</lay-timeline-item> <ul>
<lay-timeline-item title="0.2.7"> <li>[重写] sort 方法，以便对数字、非数字及混合类等所有内容的排序进行支持</li>
[完善] rate 评分组件。<br> <li>[新增] dropdown 组件的 align 参数，用于控制下拉菜单水平对齐方式（支持 left、center、right），默认 left</li>
[完善] collapse 手风琴组件。<br> <li>[加强] colorpicker 组件的坐标定位计算方式</li>
[新增] useState 变量状态管理。<br> <li>[修复] 低版本 ie 若干报错问题</li>
[新增] useBoolean 布尔变量状态管理。<br> </ul>
[新增] tab 选项卡 before-close, before-leave 钩子。<br> </li>
[新增] rate 评分组件 half 属性, 支持半选状态。<br> </ul>
[新增] rate 评分组件 select 事件, 评分回调事件。<br> </lay-timeline-item>
[新增] layer 对象 confirm 方法, 函数式调用信息框。<br> <lay-timeline-item title="0.1.x">
[新增] layer 对象 load 方法, 通过 type 配置调用不同类型加载层。<br> <ul>
[修复] tab 选项卡 close 无法删除选项卡问题。<br> <a name="0-2-7"> </a>
[修复] layer 对象的函数调用, 导致弹层过渡动画失效的问题。<br> <li>
[文档] icons-vue 组件化使用方式。<br> <h3>0.1.1 <span class="layui-badge-rim">2021-12-10</span></h3>
[文档] hooks-vue 使用文档。<br> <ul>
[升级] hooks-vue 0.1.6。<br> <li>[重写] sort 方法，以便对数字、非数字及混合类等所有内容的排序进行支持</li>
[升级] layer-vue 1.1.2。<br> <li>[新增] dropdown 组件的 align 参数，用于控制下拉菜单水平对齐方式（支持 left、center、right），默认 left</li>
[升级] vue 3.2.24。 <li>[加强] colorpicker 组件的坐标定位计算方式</li>
</lay-timeline-item> <li>[修复] 低版本 ie 若干报错问题</li>
<lay-timeline-item title="0.2.6"> </ul>
[依赖] hooks-vue 0.1.2。<br> </li>
[升级] layer-vue 1.0.3。<br> </ul>
</lay-timeline-item> </lay-timeline-item>
<lay-timeline-item title="0.2.5">
[新增] layer 提供 open, close, closeAll 函数式调用。<br>
[新增] icons 组件化调用方式, 使用 class 作为组件名使用组件。<br>
[修复] layer 的 id 属性不唯一, 调整 Guid 为 Uuid 策略。<br>
[修改] layer 组件 move 默认为 true, 默认提供拖拽支持。<br>
[修改] layer.css 为 @layui/layui-vue/lib/index.css。<br>
[修改] layer 组件为 lay-modal, 使用方式保持不变。<br>
[独立] layui-vue 项目, 亦支持单独引用。<br>
[独立] icons-vue 项目, 亦支持单独引用。<br>
</lay-timeline-item>
<lay-timeline-item title="0.2.4">
[增强] checkbox 组件, v-model 支持 array 数据类型。<br>
[重构] row col 栅格组件, 支持 24 粒度布局。<br>
[重构] layui.css 样式, 集成 less 编译器。<br>
[重构] button, button-group, button-container 非破坏性改进代码。<br>
[修复] themeline 时间线，因 mackdown 造成的样式污染。<br>
[新增] layer 弹层出场动画, 允许使用 isOutAmin 关闭。<br>
[新增] checkbox-group 复选框组, 更方便的复选方式。<br>
[优化] table 和 tranfer 组件复选实现。<br>
[删除] rate 评分 theme 属性默认值。<br>
</lay-timeline-item>
<lay-timeline-item title="0.2.3">
[新增] table 表格 列筛选功能。<br>
[新增] table 表格 row 行单击, row-double 行双击事件。<br>
[新增] layer 弹层 closeBtn 属性, 允许隐藏关闭操作。<br>
[新增] layer 弹层 btnAlign 属性, 允许自定义按钮布局。<br>
[新增] layer 弹层 anim 属性, 支持 7 种入场动画。<br>
[修复] layer 弹层 btn 属性为非必填。<br>
[修复] layer 弹层 boolean 类型推断造成的警告。<br>
[修复] mackdown 文档 table 样式对 table 组件的污染。<br>
[修复] breadcrumb-item 面包屑 title 属性, 未填写造成的警告。<br>
[修复] select-option 下拉选择 disabled 属性的类型推断造成的警告。<br>
[修复] page 分页 showSkip 属性的类型推断造成的警告。<br>
[修复] rate 评分 readonly 属性的类型推断造成的警告。<br>
[修复] carousel 轮播 anim arrow indicator 属性为非必传。<br>
[优化] carousel 轮播逻辑, 允许循环切换。<br>
[优化] layer 弹层 border 样式。<br>
[优化] layer 弹层 id 默认生成方式, 使用 Guid 作为编号。<br>
[升级] vue-router 4.0.12 版本。<br>
[升级] vue 3.2.21 版本。<br>
</lay-timeline-item>
<lay-timeline-item title="0.2.2">
[新增] useFullScreen 全屏 hooks。<br>
[新增] useMove 拖拽 hooks。<br>
[新增] textarea 文本域 blur foucs 获取焦点 失去焦点 事件。<br>
[新增] layer 弹层。<br>
</lay-timeline-item>
<lay-timeline-item title="0.2.1">
[新增] hooks 文档
[新增] useClickOutside 外部 click 事件 hooks。<br>
[新增] rate 评分 readonly 属性, 支持只读模式。<br>
[新增] rate 评分 theme 属性, 支持自定义主题。<br>
[新增] progress 文档, 区分 theme 与 size 使用案例。<br>
[新增] dropdown 下拉组件 dropdown-item 点击监听, 隐藏 content 内容。<br>
[新增] input 输入框 foucs blur 原生事件绑定。<br>
[修复] rate 评分 modelValue 属性, 支持双向数据绑定。<br>
</lay-timeline-item>
<lay-timeline-item title="0.2.0">
[新增] carousel 轮播 anim 属性, 支持 default updown 不同方向轮播。<br>
[新增] carousel 轮播 arrow 属性, 支持 always hover none 不同状态切换按钮。<br>
[新增] carousel 轮播 indicator 属性, 支持 none inside outside 不同位置轮播控制器。<br>
[新增] carousel 轮播 change 事件, 用于自定义切换回调事件。<br>
[重构] layout 系列组件, 支持 纵向布局, 横向布局, 嵌套布局等。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.9">
[新增] carousel 轮播组件, 初步完成切换逻辑。<br>
[新增] colorPicker 颜色选择器, 初步完成组件渲染。<br>
[文档] 新增首页模块。<br>
[文档] 拆分菜单为指南与组件模块。<br>
[文档] 新增全局内容检索。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.8">
[新增] table 表格 size 属性, 提供不同尺寸。<br>
[新增] transfer 穿梭框 item 插槽, 允许自定义列表项。<br>
[新增] select 下拉选择 change 事件, 值变动触发回调。<br>
[新增] select-option 下拉选择项 disabled 属性, 允许可选项禁用。<br>
[修复] transfer 穿梭框 切换 逻辑。<br>
[删除] dropdown 下拉菜单 padding 样式。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.7">
[新增] page 分页 prev 插槽。<br>
[新增] page 分页 next 插槽。<br>
[新增] button 按钮 naiveType 属性, 原生 type 属性, 支持 button, submit 可选值。<br>
[新增] form 表单 model 属性, 共 submit 等事件作为入参。<br>
[新增] form 表单 submit 事件, 内部 submit 提交回调。<br>
[修复] menu 菜单 selectedKey 选中项 openKeys 打开项 props 双绑。<br>
[修复] tab 选项卡 v-model 激活项 双绑。<br>
[修复] tab 选项卡 tab-item 组件套用 for 循环无法获取 props 属性。<br>
[重构] tree 树内部逻辑, 优化性能。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.4">
[新增] button 按钮 loading 属性, 提供 加载 状态。<br>
[新增] tab 选项卡 allow-close 属性，支持 关闭。<br>
[新增] tab 选项卡 close change 事件，扩展 tab 动态逻辑。<br>
[新增] ClickOutside 工具。<br>
[新增] menu 菜单 selectedKey, openKeys 属性。<br>
[修复] menu 菜单 layui-this 样式，多 a 标签样式重叠。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.1">
[新增] menu 菜单 title 插槽，允许自定义菜单项。<br>
[新增] table 表格 toolbar 插槽, 用于自定义工具栏。<br>
[新增] icon 图标 color 属性, 用于自定义颜色。<br>
[新增] icon 图标 size 属性, 用于自定义尺寸。<br>
[新增] breadcrumb-item 面包屑 default 插槽, 用于自定义标题。<br>
[调整] menu 菜单 child-item 行高, 由 40 调整为 46。<br>
[调整] breadcrumb 面包屑样式, 让 Api 更合理。<br>
</lay-timeline-item>
<lay-timeline-item title="0.1.0">
[新增] tree 树，支持 node-click，selectKeys 等<br>
[新增] table 表格，提供 columns datasource page 分页<br>
[新增] transfer 穿梭框，提供 双列表数据切换<br>
[新增] textarea 文本域 input 事件 与 disabled 禁用属性<br>
[新增] button 按钮 disabled 禁用属性<br>
[新增] input 输入框 disabled 禁用属性<br>
[新增] checkbox 复选框 disabled 禁用属性<br>
[新增] icon 图标 prefix 属性，支持自定义 iconfont 引入使用<br>
[修改] card 卡片 slot 判断逻辑，body 不存在时，使用 default slot<br>
[修改] field 字段逻辑，当 slot 为空时，展现为线状，否则为面板<br>
[修复] collapse 手风琴，展开 收起 状态时的不同图标展示<br>
[重构] checkbox 复选框逻辑，让 api 更合理<br>
[依赖] 升级 vue 3.2.20 依赖<br>
</lay-timeline-item>
<lay-timeline-item title="0.0.17">
[新增] table 表格组件<br>
[新增] tab 选项卡组件<br>
[新增] rate 评分组件<br>
[新增] button 组件 border 属性，设置边框颜色<br>
[新增] iconPicker 组件 showSearch 配置, 是否启用搜索<br>
[新增] page 分页组件<br>
[修复] menu 组件，菜单项 与 目录 重复渲染<br>
[支持] 完善 layui-vue-sample 案例<br>
[支持] 文档支持模糊查询, 用于快速检索组件文档<br>
[支持] 文档移动端预览<br>
</lay-timeline-item>
<lay-timeline-item title="0.0.14">
[新增] menu 菜单组件<br>
[新增] iconPicker 图标选择组件<br>
[新增] anim 动画文档<br>
[新增] dropdown 下拉菜单组件<br>
[新增] color 颜色文档<br>
[新增] collapse 手风琴组件<br>
[新增] select 下拉选择组件<br>
[新增] empty 空数据组件<br>
[新增] scroll 滚动容器组件<br>
[新增] avatar 头像组件<br>
</lay-timeline-item>
</lay-timeline> </lay-timeline>
</template> </template>

8
example/docs/zh-CN/guide/contribution.md
View File

@ -1,2 +1,10 @@
::: title 贡献代码 ::: title 贡献代码
::: :::
::: describe
[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)
:::

6
example/docs/zh-CN/guide/introduce.md
View File

@ -1,7 +1,11 @@
::: title 基本介绍 ::: title 基本介绍
::: :::
<img src="http://layui-doc.pearadmin.com/static/images/layui/logo-2.png" /> <p>
<a href="http://layui-vue.pearadmin.com">
<img src="https://sentsin.gitee.io/res/images/layui/layui.png" alt="layui" width="500">
</a>
</p>
<br> <br>

2
example/src/components/LaySearch.vue
View File

@ -41,7 +41,7 @@
<script setup name="LaySelect" lang="ts"> <script setup name="LaySelect" lang="ts">
import { defineProps, ref } from 'vue' import { defineProps, ref } from 'vue'
import { useRouter, useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
import { Recordable } from '/@src/module/type' import { Recordable } from '../../../src/module/type'
const props = defineProps<{ const props = defineProps<{
datas?: Recordable[] datas?: Recordable[]

6
example/src/layouts/Layout.vue
View File

@ -32,14 +32,14 @@
> >
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="https://gitee.com/layui-vue"> <a href="https://gitee.com/layui-vue">
<lay-icon type="layui-icon-fonts-code" size="14px"></lay-icon> <lay-icon type="layui-icon-fonts-code" size="15px"></lay-icon>
</a> </a>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a <a
href="https://gitee.com/layui-vue/layui-vue/issues?assignee_id=&author_id=&branch=&collaborator_ids=&issue_search=&label_ids=&label_text=&milestone_id=&priority=&private_issue=&program_id=&project_id=Jmysy%2Flayui-vue&project_type=&scope=&sort=&state=all&target_project=" href="https://gitee.com/layui-vue/layui-vue/issues"
> >
<lay-icon type="layui-icon-chat" size="14px"></lay-icon> <lay-icon type="layui-icon-chat" size="15px"></lay-icon>
</a> </a>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">

2
example/src/view/component.vue
View File

@ -346,7 +346,7 @@ export default {
children: [ children: [
{ {
id: 90, id: 90,
title: '简介', title: '基础',
subTitle: 'layer', subTitle: 'layer',
path: '/zh-CN/components/layer', path: '/zh-CN/components/layer',
}, },

12
example/src/view/index.vue
View File

@ -21,9 +21,7 @@
<cite>layui vue, A component library for Vue 3 base on layui</cite> <cite>layui vue, A component library for Vue 3 base on layui</cite>
</div> </div>
<div class="site-download"> <div class="site-download">
<router-link <router-link class="layui-inline site-down" to="/zh-CN/guide"
class="layui-inline site-down"
to="/zh-CN/guide"
>Get Started</router-link >Get Started</router-link
> >
</div> </div>
@ -56,6 +54,14 @@
> >
Gitee Gitee
</a> </a>
<a
href="https://github.com/layui-vue"
target="_blank"
rel="nofollow"
class="site-fork"
>
Github
</a>
</div> </div>
</div> </div>
<div style="margin-left: 10%; margin-right: 10%"> <div style="margin-left: 10%; margin-right: 10%">

4
package.json
View File

@ -30,14 +30,14 @@
"peerDependencies": { "peerDependencies": {
"vue": "^3.2.24", "vue": "^3.2.24",
"vue-router": "^4.0.12", "vue-router": "^4.0.12",
"@layui/layer-vue": "^1.1.6", "@layui/layer-vue": "^1.1.7",
"@layui/icons-vue": "^1.0.1", "@layui/icons-vue": "^1.0.1",
"@layui/hooks-vue": "^0.1.6" "@layui/hooks-vue": "^0.1.6"
}, },
"dependencies": { "dependencies": {
"vue": "^3.2.24", "vue": "^3.2.24",
"vue-router": "^4.0.12", "vue-router": "^4.0.12",
"@layui/layer-vue": "^1.1.6", "@layui/layer-vue": "^1.1.7",
"@layui/icons-vue": "^1.0.1", "@layui/icons-vue": "^1.0.1",
"@layui/hooks-vue": "^0.1.6" "@layui/hooks-vue": "^0.1.6"
}, },

3
src/index.ts
View File

@ -8,6 +8,7 @@ import '@layui/icons-vue/lib/index.css';
import { layer } from '@layui/layer-vue' import { layer } from '@layui/layer-vue'
import LayModal from './module/layer/modal/index' import LayModal from './module/layer/modal/index'
import LayBacktop from './module/backTop/index'
import LayAvatar from './module/avatar/index' import LayAvatar from './module/avatar/index'
import LayRadio from './module/radio/index' import LayRadio from './module/radio/index'
import LayButton from './module/button/index' import LayButton from './module/button/index'
@ -71,6 +72,7 @@ const components: Record<string, IDefineComponent> = {
LayRadio, LayRadio,
LayButton, LayButton,
LayIcon, LayIcon,
LayBacktop,
LayLayout, LayLayout,
LaySide, LaySide,
LayHeader, LayHeader,
@ -143,6 +145,7 @@ export {
LayRadio, LayRadio,
LayIcon, LayIcon,
LayButton, LayButton,
LayBacktop,
LayLayout, LayLayout,
LaySide, LaySide,
LayHeader, LayHeader,

9
src/module/backTop/index.ts Normal file
View File

@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayBacktop', Component)
}
export default Component as IDefineComponent

14
src/module/backTop/index.vue Normal file
View File

@ -0,0 +1,14 @@
<template>
<ul class="layui-fixbar">
<li class="layui-icon layui-fixbar-top" style="display: list-item"></li>
</ul>
</template>
<script lang="ts">
export default {
name: "LayBacktop"
}
</script>
<script lang="ts" setup>
</script>