(component): release 1.4.12

This commit is contained in:
就眠儀式 2022-09-11 22:13:52 +08:00
parent 687afdf166
commit 9d558c798e
6 changed files with 22 additions and 47 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@layui/layui-vue",
"version": "1.4.11",
"version": "1.4.12",
"author": "就眠儀式",
"license": "MIT",
"description": "a component library for Vue 3 base on layui-vue",

View File

@ -536,9 +536,10 @@ export default {
| label | 子项前边描述值,**尽量填写**,中文校验错误需要用到 | `string` | - | - |
| label-position| 子项前边描述值的位置 | `string` | `left` `top` `right` |`right` |
| label-width | 子项前边描述值的宽度 | `string` `number` | - | `95` |
| required | 是否必填 | `boolean` | `true` `false` | `false` |
| rules | 表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator) | `object` | - | - |
| error-message | 表单校验失败固定提示语 | `string` |`block` `inline`| `block` |
| required | 表单必填 | `boolean` | `true` `false` | `false` |
| required-error-message | 表单必填校验失败固定提示语 | `string` | -- | -- |
| rules | 表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator) | `object` | - | - |
| error-message | 表单校验失败固定提示语 | `string` | -- | -- |
| mode | 表单项显示的模式,`块元素` / `行元素` | `string` |`block` `inline`| `block` |
:::
@ -572,8 +573,11 @@ export default {
::: title 关于 async-validator 的使用
:::
查看: https://github.com/yiminghe/async-validator
中文翻译: https://www.cnblogs.com/wozho/p/10955525.html
::: describe 查看: https://github.com/yiminghe/async-validator。
:::
::: describe 翻译: ttps://www.cnblogs.com/wozho/p/10955525.html。
:::
::: title async-validator 基本校验类型
:::

View File

@ -4,7 +4,7 @@
::: describe 默认情况下, 网站主题为日间模式。
:::
::: describe 若启用夜间模式, 使用 "全局配置" 组件配合 theme 属性, 设置为 `dark` 值。
::: describe 若启用夜间模式, 使用 "全局配置" 组件配合 theme 属性, 设置为 dark 值。
:::
```vue
@ -19,7 +19,7 @@ const theme = ref('dark')
</script>
```
::: title 偏好设
::: title 选项配
:::
::: describe 若内置的夜间模式不满足要求时, 可通过 dark-partial 属性进行偏好设置。

View File

@ -129,41 +129,12 @@ app.mount('#app')
:::
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入 layui-vue 样式 -->
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@layui/layui-vue/lib/index.css">
<!-- 引入 Vue 3, 使用全局变量 Vue -->
<script src="https://unpkg.com/vue@3"></script>
<!-- 引入 layui-vue 组件库, 使用全局变量 LayuiVue -->
<script src="https://unpkg.com/@layui/layui-vue"></script>
</head>
<body>
<div id="app">
<lay-button @click="openLayer">Hello</lay-button>
</div>
</body>
<script>
const { createApp, ref } = Vue;
const { layer } = LayuiVue;
const App = {
setup() {
const openLayer = function () {
layer.msg("hello");
}
return {
openLayer
}
}
};
createApp(App).use(LayuiVue).mount('#app');
</script>
</html>
<head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/@layui/layui-vue/lib/index.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<!-- Import component library -->
<script src="//unpkg.com/@layui/layui-vue"></script>
</head>
```

View File

@ -1,4 +1,4 @@
::: title 定制主题
::: title 主题配置
:::
::: describe 全局化配置设置内部组件的主题、语言和组件卸载于其他位置的 DOM 的类名。

View File

@ -43,7 +43,7 @@
rel="nofollow"
class="site-star"
>
<i class="layui-icon"></i> Star <cite id="getStars">1508</cite>
<i class="layui-icon"></i> Star <cite id="getStars">1514</cite>
</a>
<a
href="https://gitee.com/layui-vue"