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

style(prettier): reset code style with prettier

Browse Source
This commit is contained in:
落小梅
2021-10-12 11:30:07 +08:00
parent aee99c49c9
commit 2b59e008f3
148 changed files with 4296 additions and 4191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
docs/docs/zh-CN/components/animation.md
View File

@@ -65,19 +65,20 @@ export default {
}
}
</script>
:::
| | | |
|--|--|--|
| layui-anim-down | 顶部往下滑入 | `layui-anim layui-anim-down` |
| layui-anim-downbit | 微微往下滑入 | `layui-anim layui-anim-downbit` |
| layui-anim-up | 底部往上滑入 | `layui-anim layui-anim-up` |
| layui-anim-upbit | 微微往上滑入 | `layui-anim ayui-anim-upbit` |
| layui-anim-scale | 平滑放大 | `layui-anim layui-anim-scale` |
| layui-anim-scaleSpring | 弹簧式放大 | `layui-anim layui-anim-scaleSpring` |
| layui-anim-scalesmall | 平滑放小 |`layui-anim layui-anim-scalesmall`|
| layui-anim-scalesmall-spring | 弹簧式放小 | `layui-anim layui-anim-scalesmall-spring`|
| layui-anim-fadein | 渐现 | `layui-anim layui-anim-fadein`|
| layui-anim-fadeout | 渐隐 | `layui-anim layui-anim-fadeout`|
| layui-anim-rotate | 360度旋转 | `layui-anim layui-anim-rotate`|
| layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop`|
| | | |
| --------------------------------- | ------------ | ---------------------------------------------- |
| layui-anim-down | 顶部往下滑入 | `layui-anim layui-anim-down` |
| layui-anim-downbit | 微微往下滑入 | `layui-anim layui-anim-downbit` |
| layui-anim-up | 底部往上滑入 | `layui-anim layui-anim-up` |
| layui-anim-upbit | 微微往上滑入 | `layui-anim ayui-anim-upbit` |
| layui-anim-scale | 平滑放大 | `layui-anim layui-anim-scale` |
| layui-anim-scaleSpring | 弹簧式放大 | `layui-anim layui-anim-scaleSpring` |
| layui-anim-scalesmall | 平滑放小 | `layui-anim layui-anim-scalesmall` |
| layui-anim-scalesmall-spring | 弹簧式放小 | `layui-anim layui-anim-scalesmall-spring` |
| layui-anim-fadein | 渐现 | `layui-anim layui-anim-fadein` |
| layui-anim-fadeout | 渐隐 | `layui-anim layui-anim-fadeout` |
| layui-anim-rotate | 360 度旋转 | `layui-anim layui-anim-rotate` |
| layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop` |

11
docs/docs/zh-CN/components/avatar.md
View File

@@ -68,10 +68,11 @@ export default {
}
}
</script>
:::
| | | |
|--|--|--|
| src | 图源 | -- |
| size | 尺寸 | `xs` `sm` `lg`|
| radius | 圆形 | `true` `false`|
| | | |
| ------ | ---- | -------------- |
| src | 图源 | -- |
| size | 尺寸 | `xs` `sm` `lg` |
| radius | 圆形 | `true` `false` |

8
docs/docs/zh-CN/components/badge.md
View File

@@ -33,7 +33,7 @@ export default {
:::
| | | |
|--|--|--|
| type | 类型 | `dot` `rim` |
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| | | |
| ----- | ---- | --------------------------------------------- |
| type | 类型 | `dot` `rim` |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

6
docs/docs/zh-CN/components/breadcrumb.md
View File

@@ -46,6 +46,6 @@ export default {
:::
| | | |
|--|--|--|
| separator | 分割符 | `/` |
| | | |
| --------- | ------ | --- |
| separator | 分割符 | `/` |

17
docs/docs/zh-CN/components/button.md
View File

@@ -48,7 +48,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -74,7 +73,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -177,7 +175,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -202,10 +199,10 @@ export default {
:::
| | | |
|--|--|--|
| type | 主题 | `primary` `normal` `warm` `danger` `disabled`|
| size | 尺寸 | `lg` `sm` `xs` |
| fluid | 最大化 | `true` `false` |
| radius | 圆角 | `true` `false` |
| border | 边框 | `green` `blue` `orange` `red` `black` |
| | | |
| ------ | ------ | --------------------------------------------- |
| type | 主题 | `primary` `normal` `warm` `danger` `disabled` |
| size | 尺寸 | `lg` `sm` `xs` |
| fluid | 最大化 | `true` `false` |
| radius | 圆角 | `true` `false` |
| border | 边框 | `green` `blue` `orange` `red` `black` |

6
docs/docs/zh-CN/components/cards.md
View File

@@ -49,7 +49,7 @@ export default {
:::
| | | |
|--|--|--|
| | | |
| ------ | ---- | ------ |
| header | 插槽 | `内容` |
| body | 插槽 | `内容` |
| body | 插槽 | `内容` |

2
docs/docs/zh-CN/components/collapse.md
View File

@@ -20,4 +20,4 @@ export default {
}
</script>
:::
:::

5
docs/docs/zh-CN/components/color.md
View File

@@ -40,6 +40,7 @@ export default {
}
}
</script>
:::
::: demo
@@ -84,6 +85,7 @@ export default {
}
}
</script>
:::
::: demo
@@ -130,4 +132,5 @@ export default {
}
}
</script>
:::
:::

6
docs/docs/zh-CN/components/container.md
View File

@@ -59,6 +59,6 @@ export default {
:::
| | | |
|--|--|--|
| fluid | 流模式 | `true` `false` |
| | | |
| ----- | ------ | -------------- |
| fluid | 流模式 | `true` `false` |

7
docs/docs/zh-CN/components/dropdown.md
View File

@@ -61,7 +61,6 @@ export default {
:::
| | | |
|--|--|--|
| trigger | 触发方式 | `click` `hover` |
| | | |
| ------- | -------- | --------------- |
| trigger | 触发方式 | `click` `hover` |

6
docs/docs/zh-CN/components/empty.md
View File

@@ -38,6 +38,6 @@ export default {
:::
| | | |
|--|--|--|
| description | 描述信息 | -- |
| | | |
| ----------- | -------- | --- |
| description | 描述信息 | -- |

6
docs/docs/zh-CN/components/field.md
View File

@@ -38,6 +38,6 @@ export default {
:::
| | | |
|--|--|--|
| title | 标题 | -- |
| | | |
| ----- | ---- | --- |
| title | 标题 | -- |

2
docs/docs/zh-CN/components/form.md
View File

@@ -220,4 +220,4 @@ export default {
}
</script>
:::
:::

21
docs/docs/zh-CN/components/grid.md
View File

@@ -71,6 +71,7 @@ export default {
color: #fff;
}
</style>
:::
::: demo
@@ -123,13 +124,13 @@ export default {
:::
| | | | |
|--|--|--|--|
| xs | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| sm | 尺寸 | 小屏幕 (平板≥768px) | 12 |
| md | 尺寸 | 中等屏幕 (桌面≥992px) | 12 |
| lg | 尺寸 | 大型屏幕 (桌面≥1200px) | 12 |
| xsOffset | 偏移 | 超小屏幕 (手机<768px) | 12 |
| smOffset | 偏移 | 小屏幕 (平板≥768px) | 12 |
| mdOffset | 偏移 | 中等屏幕 (桌面≥992px) | 12 |
| lgOffset | 偏移 | 大型屏幕 (桌面≥1200px) | 12 |
| | | | |
| -------- | ---- | ----------------------- | --- |
| xs | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| sm | 尺寸 | 小屏幕 (平板 ≥768px) | 12 |
| md | 尺寸 | 中等屏幕 (桌面 ≥992px) | 12 |
| lg | 尺寸 | 大型屏幕 (桌面 ≥1200px) | 12 |
| xsOffset | 偏移 | 超小屏幕 (手机<768px) | 12 |
| smOffset | 偏移 | 小屏幕 (平板 ≥768px) | 12 |
| mdOffset | 偏移 | 中等屏幕 (桌面 ≥992px) | 12 |
| lgOffset | 偏移 | 大型屏幕 (桌面 ≥1200px) | 12 |

4
docs/docs/zh-CN/components/icon.md
View File

@@ -1047,6 +1047,6 @@ export default {
:::
| | | |
|--|--|--|
| | | |
| ---- | ---- | ----------------- |
| type | 图标 | `layui-icon-home` |

10
docs/docs/zh-CN/components/iconPicker.md
View File

@@ -86,8 +86,8 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 默认值 | -- |
| page | 开启分页 | -- |
| showSearch | 启用搜索 | -- |
| | | |
| ---------- | -------- | --- |
| v-model | 默认值 | -- |
| page | 开启分页 | -- |
| showSearch | 启用搜索 | -- |

32
docs/docs/zh-CN/components/layout.md
View File

@@ -8,22 +8,22 @@ layui 之所以赢得如此多人的青睐，更多是在于它「前后界面
```html
<lay-layout>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
</lay-layout>
```
| | | |
|--|--|--|
| lay-layout | 容器 | -- |
| lay-header | 顶部 | -- |
| lay-logo | 图标 | -- |
| lay-side | 侧边 | -- |
| lay-body | 内容 | -- |
| lay-footer | 底部 | -- |
| | | |
| ---------- | ---- | --- |
| lay-layout | 容器 | -- |
| lay-header | 顶部 | -- |
| lay-logo | 图标 | -- |
| lay-side | 侧边 | -- |
| lay-body | 内容 | -- |
| lay-footer | 底部 | -- |

6
docs/docs/zh-CN/components/line.md
View File

@@ -31,6 +31,6 @@ export default {
:::
| | | |
|--|--|--|
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| | | |
| ----- | ---- | --------------------------------------------- |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

7
docs/docs/zh-CN/components/menu.md
View File

@@ -56,7 +56,6 @@ export default {
:::
| | | |
|--|--|--|
| selectedKey | 默认选择 | -- |
| | | |
| ----------- | -------- | --- |
| selectedKey | 默认选择 | -- |

18
docs/docs/zh-CN/components/page.md
View File

@@ -107,13 +107,13 @@ export default {
:::
| | | |
|--|--|--|
| limit | 每页数量 | -- |
| total | 总条数 | -- |
| jump | 切换回调 | -- |
| showCount | 显示总数 | `false` |
| showPage | 显示每页 | `false` |
| showLimit | 显示每页数量 | `false` |
| | | |
| ----------- | ------------ | ------- |
| limit | 每页数量 | -- |
| total | 总条数 | -- |
| jump | 切换回调 | -- |
| showCount | 显示总数 | `false` |
| showPage | 显示每页 | `false` |
| showLimit | 显示每页数量 | `false` |
| showRefresh | 显示刷新按钮 | `false` |
| showSkip | 显示跳转 | `false` |
| showSkip | 显示跳转 | `false` |

2
docs/docs/zh-CN/components/panel.md
View File

@@ -16,4 +16,4 @@ export default {
}
</script>
:::
:::

20
docs/docs/zh-CN/components/progress.md
View File

@@ -7,7 +7,7 @@
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
@@ -20,7 +20,6 @@ export default {
:::
::: demo
<template>
@@ -68,12 +67,11 @@ export default {
:::
| | | |
|--|--|--|
| percent | 进度 | -- |
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| size | 尺寸 | `big` |
| text | 提示 | -- |
| color| 颜色 | -- |
| showText | 展示描述 | -- |
| | | |
| -------- | -------- | --------------------------------------------- |
| percent | 进度 | -- |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |
| size | 尺寸 | `big` |
| text | 提示 | -- |
| color | 颜色 | -- |
| showText | 展示描述 | -- |

15
docs/docs/zh-CN/components/rate.md
View File

@@ -5,7 +5,7 @@
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
@@ -48,12 +48,12 @@ export default {
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
const all2 = ref(4)
const all2 = ref(4);
return {
all2
@@ -64,8 +64,7 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 评分值 | -- |
| length | 评分长度 | -- |
| | | |
| ------- | -------- | --- |
| v-model | 评分值 | -- |
| length | 评分长度 | -- |

8
docs/docs/zh-CN/components/tab.md
View File

@@ -76,7 +76,7 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 当前激活 | -- |
| type | 主题样式 | `card` `brief` |
| | | |
| ------- | -------- | -------------- |
| v-model | 当前激活 | -- |
| type | 主题样式 | `card` `brief` |

16
docs/docs/zh-CN/components/table.md
View File

@@ -193,11 +193,11 @@ export default {
:::
| | | |
|--|--|--|
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |
| | | |
| --------------- | ---------- | --- |
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |

2
docs/docs/zh-CN/components/transfer.md
View File

@@ -19,4 +19,4 @@ export default {
}
</script>
:::
:::

2
docs/docs/zh-CN/guide/changelog.md
View File

@@ -39,4 +39,4 @@ export default {
}
</script>
:::
:::

2
docs/docs/zh-CN/guide/home.md
View File

@@ -38,4 +38,4 @@ layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 ,
</div>
</li>
</ul>
</div>
</div>

28
docs/docs/zh-CN/guide/install.md
View File

@@ -1,33 +1,35 @@
<br>
<br>
使用 npm 下载
```
npm install @layui/layui-vue --save
```
在 main.ts 中
```js
import App from './App.vue'
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/layui.css'
createApp(App)
.use(Layui)
.mount('#app')
createApp(App).use(Layui).mount('#app')
```
这是一个基本的入门页面：
```html
<lay-layout>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
</lay-layout>
```
完整案例, 前往: [layui-vue-sample](https://gitee.com/layui-vue/layui-vue-sample)
完整案例, 前往: [layui-vue-sample](https://gitee.com/layui-vue/layui-vue-sample)