From 8bb751699ff9fe74817c4e49745688753c5bddba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=BD=E5=B0=8F=E6=A2=85?= <425605679@qq.com>
Date: Mon, 18 Oct 2021 19:10:36 +0800
Subject: [PATCH] =?UTF-8?q?refactor(tree):=20=E6=A0=91=E5=BD=A2=E7=BB=84?=
=?UTF-8?q?=E4=BB=B6=E9=87=8D=E6=9E=84=E4=BC=98=E5=8C=96=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
docs/docs/zh-CN/components/menu.md | 12 +--
docs/docs/zh-CN/guide/changelog.md | 124 ++++++++++++++---------------
docs/docs/zh-CN/guide/sandbox.md | 2 +-
docs/src/layouts/Layout.vue | 29 ++++---
docs/src/router/zh-CN.ts | 23 ++++--
src/module/carouselItem/index.ts | 2 +-
src/module/carouselItem/index.vue | 9 +--
src/module/tab/index.vue | 4 +-
8 files changed, 109 insertions(+), 96 deletions(-)
diff --git a/docs/docs/zh-CN/components/menu.md b/docs/docs/zh-CN/components/menu.md
index aeed02dd..3036deca 100644
--- a/docs/docs/zh-CN/components/menu.md
+++ b/docs/docs/zh-CN/components/menu.md
@@ -77,15 +77,15 @@ export default {
:::
-| | | |
-| ----------- | -------- | --- |
+| | | |
+| --------------------- | ------ | --- |
| selectedKey (v-model) | 选中项 | -- |
-| openKeys (v-model) | 打开项 | -- |
+| openKeys (v-model) | 打开项 | -- |
::: field menu slots
:::
-| | | |
-| ----------- | -------- | --- |
-| title | 菜单标题 | -- |
\ No newline at end of file
+| | | |
+| ----- | -------- | --- |
+| title | 菜单标题 | -- |
diff --git a/docs/docs/zh-CN/guide/changelog.md b/docs/docs/zh-CN/guide/changelog.md
index 608f8aca..31e41ae5 100644
--- a/docs/docs/zh-CN/guide/changelog.md
+++ b/docs/docs/zh-CN/guide/changelog.md
@@ -3,68 +3,68 @@
::: demo
-
-
- [修复] menu 菜单 selectedKey 选中项 openKeys 打开项 props 双绑。
- [修复] tab 选项卡 v-model 激活项 双绑。
-
-
- [新增] button 按钮 loading 属性, 提供 加载 状态。
- [新增] tab 选项卡 allow-close 属性，支持 关闭。
- [新增] tab 选项卡 close change 事件，扩展 tab 动态逻辑。
- [新增] ClickOutside 工具。
- [新增] menu 菜单 selectedKey, openKeys 属性。
- [修复] menu 菜单 layui-this 样式，多 a 标签样式重叠。
-
-
- [新增] menu 菜单 title 插槽，允许自定义菜单项。
- [新增] table 表格 toolbar 插槽, 用于自定义工具栏。
- [新增] icon 图标 color 属性, 用于自定义颜色。
- [新增] icon 图标 size 属性, 用于自定义尺寸。
- [新增] breadcrumb-item 面包屑 default 插槽, 用于自定义标题。
- [调整] menu 菜单 child-item 行高, 由 40 调整为 46。
- [调整] breadcrumb 面包屑样式, 让 Api 更合理。
-
-
- [新增] tree 树，支持 node-click，selectKeys 等
- [新增] table 表格，提供 columns datasource page 分页
- [新增] transfer 穿梭框，提供 双列表数据切换
- [新增] textarea 文本域 input 事件 与 disabled 禁用属性
- [新增] button 按钮 disabled 禁用属性
- [新增] input 输入框 disabled 禁用属性
- [新增] checkbox 复选框 disabled 禁用属性
- [新增] icon 图标 prefix 属性，支持自定义 iconfont 引入使用
- [修改] card 卡片 slot 判断逻辑，body 不存在时，使用 default slot
- [修改] field 字段逻辑，当 slot 为空时，展现为线状，否则为面板
- [修复] collapse 手风琴，展开 收起 状态时的不同图标展示
- [重构] checkbox 复选框逻辑，让 api 更合理
- [依赖] 升级 vue 3.2.20 依赖
-
-
- [新增] table 表格组件
- [新增] tab 选项卡组件
- [新增] rate 评分组件
- [新增] button 组件 border 属性，设置边框颜色
- [新增] iconPicker 组件 showSearch 配置, 是否启用搜索
- [新增] page 分页组件
- [修复] menu 组件，菜单项 与 目录 重复渲染
- [支持] 完善 layui-vue-sample 案例
- [支持] 文档支持模糊查询, 用于快速检索组件文档
- [支持] 文档移动端预览
-
-
- [新增] menu 菜单组件
- [新增] iconPicker 图标选择组件
- [新增] anim 动画文档
- [新增] dropdown 下拉菜单组件
- [新增] color 颜色文档
- [新增] collapse 手风琴组件
- [新增] select 下拉选择组件
- [新增] empty 空数据组件
- [新增] scroll 滚动容器组件
- [新增] avatar 头像组件
-
-
+
+
+[修复] menu 菜单 selectedKey 选中项 openKeys 打开项 props 双绑。
+[修复] tab 选项卡 v-model 激活项 双绑。
+
+
+[新增] button 按钮 loading 属性, 提供 加载 状态。
+[新增] tab 选项卡 allow-close 属性，支持 关闭。
+[新增] tab 选项卡 close change 事件，扩展 tab 动态逻辑。
+[新增] ClickOutside 工具。
+[新增] menu 菜单 selectedKey, openKeys 属性。
+[修复] menu 菜单 layui-this 样式，多 a 标签样式重叠。
+
+
+[新增] menu 菜单 title 插槽，允许自定义菜单项。
+[新增] table 表格 toolbar 插槽, 用于自定义工具栏。
+[新增] icon 图标 color 属性, 用于自定义颜色。
+[新增] icon 图标 size 属性, 用于自定义尺寸。
+[新增] breadcrumb-item 面包屑 default 插槽, 用于自定义标题。
+[调整] menu 菜单 child-item 行高, 由 40 调整为 46。
+[调整] breadcrumb 面包屑样式, 让 Api 更合理。
+
+
+[新增] tree 树，支持 node-click，selectKeys 等
+[新增] table 表格，提供 columns datasource page 分页
+[新增] transfer 穿梭框，提供 双列表数据切换
+[新增] textarea 文本域 input 事件 与 disabled 禁用属性
+[新增] button 按钮 disabled 禁用属性
+[新增] input 输入框 disabled 禁用属性
+[新增] checkbox 复选框 disabled 禁用属性
+[新增] icon 图标 prefix 属性，支持自定义 iconfont 引入使用
+[修改] card 卡片 slot 判断逻辑，body 不存在时，使用 default slot
+[修改] field 字段逻辑，当 slot 为空时，展现为线状，否则为面板
+[修复] collapse 手风琴，展开 收起 状态时的不同图标展示
+[重构] checkbox 复选框逻辑，让 api 更合理
+[依赖] 升级 vue 3.2.20 依赖
+
+
+[新增] table 表格组件
+[新增] tab 选项卡组件
+[新增] rate 评分组件
+[新增] button 组件 border 属性，设置边框颜色
+[新增] iconPicker 组件 showSearch 配置, 是否启用搜索
+[新增] page 分页组件
+[修复] menu 组件，菜单项 与 目录 重复渲染
+[支持] 完善 layui-vue-sample 案例
+[支持] 文档支持模糊查询, 用于快速检索组件文档
+[支持] 文档移动端预览
+
+
+[新增] menu 菜单组件
+[新增] iconPicker 图标选择组件
+[新增] anim 动画文档
+[新增] dropdown 下拉菜单组件
+[新增] color 颜色文档
+[新增] collapse 手风琴组件
+[新增] select 下拉选择组件
+[新增] empty 空数据组件
+[新增] scroll 滚动容器组件
+[新增] avatar 头像组件
+
+
-:::
\ No newline at end of file
+:::
diff --git a/docs/src/layouts/Layout.vue b/docs/src/layouts/Layout.vue
index f8874030..0144687d 100644
--- a/docs/src/layouts/Layout.vue
+++ b/docs/src/layouts/Layout.vue
@@ -80,9 +80,10 @@ export default {
() => route.path,
(val) => {
currentPath.value = val
- },{
+ },
+ {
immediate: true,
- deep: true
+ deep: true,
}
)
@@ -109,7 +110,7 @@ export default {
id: 39,
title: '沙盒',
subTitle: 'sandbox',
- path: '/zh-CN/guide/sandbox'
+ path: '/zh-CN/guide/sandbox',
},
{
id: 4,
@@ -290,37 +291,43 @@ export default {
title: '复选框',
subTitle: 'checkbox',
path: '/zh-CN/components/checkbox',
- },{
+ },
+ {
id: 33,
title: '单选框',
subTitle: 'radio',
path: '/zh-CN/components/radio',
- },{
+ },
+ {
id: 34,
title: '输入框',
subTitle: 'input',
path: '/zh-CN/components/input',
- },{
+ },
+ {
id: 35,
title: '文本域',
subTitle: 'textarea',
path: '/zh-CN/components/textarea',
- },{
+ },
+ {
id: 36,
title: '开关',
subTitle: 'switch',
path: '/zh-CN/components/switch',
- },{
+ },
+ {
id: 37,
title: '滑块',
subTitle: 'slider',
path: '/zh-CN/components/slider',
- },{
+ },
+ {
id: 38,
title: '轮播',
subTitle: 'carousel',
- path: '/zh-CN/components/carousel'
- }
+ path: '/zh-CN/components/carousel',
+ },
]
const selected = ref(1)
diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts
index 3e60e14e..fd0731df 100644
--- a/docs/src/router/zh-CN.ts
+++ b/docs/src/router/zh-CN.ts
@@ -179,35 +179,42 @@ const zhCN = [
path: '/zh-CN/components/transfer',
component: () => import('../../docs/zh-CN/components/transfer.md'),
meta: { title: '穿梭框' },
- },{
+ },
+ {
path: '/zh-CN/components/checkbox',
component: () => import('../../docs/zh-CN/components/checkbox.md'),
meta: { title: '复选框' },
- },{
+ },
+ {
path: '/zh-CN/components/radio',
component: () => import('../../docs/zh-CN/components/radio.md'),
meta: { title: '单选框' },
- },{
+ },
+ {
path: '/zh-CN/components/input',
component: () => import('../../docs/zh-CN/components/input.md'),
meta: { title: '输入框' },
- },{
+ },
+ {
path: '/zh-CN/components/textarea',
component: () => import('../../docs/zh-CN/components/textarea.md'),
meta: { title: '文本域' },
- },{
+ },
+ {
path: '/zh-CN/components/switch',
component: () => import('../../docs/zh-CN/components/switch.md'),
meta: { title: '开关' },
- },{
+ },
+ {
path: '/zh-CN/components/slider',
component: () => import('../../docs/zh-CN/components/slider.md'),
meta: { title: '滑块' },
- },{
+ },
+ {
path: '/zh-CN/components/carousel',
component: () => import('../../docs/zh-CN/components/carousel.md'),
meta: { title: '轮播' },
- }
+ },
],
},
]
diff --git a/src/module/carouselItem/index.ts b/src/module/carouselItem/index.ts
index 51404620..1acce590 100644
--- a/src/module/carouselItem/index.ts
+++ b/src/module/carouselItem/index.ts
@@ -6,4 +6,4 @@ Component.install = (app: App) => {
app.component(Component.name || 'LayCarouselItem', Component)
}
-export default Component as IDefineComponent
\ No newline at end of file
+export default Component as IDefineComponent
diff --git a/src/module/carouselItem/index.vue b/src/module/carouselItem/index.vue
index f21b9d47..5ed054a5 100644
--- a/src/module/carouselItem/index.vue
+++ b/src/module/carouselItem/index.vue
@@ -6,10 +6,9 @@
\ No newline at end of file
+
diff --git a/src/module/tab/index.vue b/src/module/tab/index.vue
index 50479429..de1c2169 100644
--- a/src/module/tab/index.vue
+++ b/src/module/tab/index.vue
@@ -9,9 +9,9 @@
>
{{ ss.props.title }}
@@ -42,7 +42,7 @@ const active = computed({
},
set(val) {
emit('update:modelValue', val)
- }
+ },
})
const change = function (id: any) {