✨(component): release 1.4.12
This commit is contained in:
就眠儀式
parent
687afdf166
commit
9d558c798e
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@layui/layui-vue",
|
"name": "@layui/layui-vue",
|
||||||
"version": "1.4.11",
|
"version": "1.4.12",
|
||||||
"author": "就眠儀式",
|
"author": "就眠儀式",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"description": "a component library for Vue 3 base on layui-vue",
|
"description": "a component library for Vue 3 base on layui-vue",
|
||||||
|
|||||||
@ -536,9 +536,10 @@ export default {
|
|||||||
| label | 子项前边描述值，**尽量填写**，中文校验错误需要用到 | `string` | - | - |
|
| label | 子项前边描述值，**尽量填写**，中文校验错误需要用到 | `string` | - | - |
|
||||||
| label-position| 子项前边描述值的位置 | `string` | `left` `top` `right` |`right` |
|
| label-position| 子项前边描述值的位置 | `string` | `left` `top` `right` |`right` |
|
||||||
| label-width | 子项前边描述值的宽度 | `string` `number` | - | `95` |
|
| label-width | 子项前边描述值的宽度 | `string` `number` | - | `95` |
|
||||||
| required | 是否必填 | `boolean` | `true` `false` | `false` |
|
| required | 表单必填 | `boolean` | `true` `false` | `false` |
|
||||||
|
| required-error-message | 表单必填校验失败固定提示语 | `string` | -- | -- |
|
||||||
| rules | 表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator) | `object` | - | - |
|
| rules | 表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator) | `object` | - | - |
|
||||||
| error-message | 表单校验失败固定提示语 | `string` |`block` `inline`| `block` |
|
| error-message | 表单校验失败固定提示语 | `string` | -- | -- |
|
||||||
| mode | 表单项显示的模式，`块元素` / `行元素` | `string` |`block` `inline`| `block` |
|
| mode | 表单项显示的模式，`块元素` / `行元素` | `string` |`block` `inline`| `block` |
|
||||||
|
|
||||||
:::
|
:::
|
||||||
@ -572,8 +573,11 @@ export default {
|
|||||||
::: title 关于 async-validator 的使用
|
::: title 关于 async-validator 的使用
|
||||||
:::
|
:::
|
||||||
|
|
||||||
查看： https://github.com/yiminghe/async-validator
|
::: describe 查看： https://github.com/yiminghe/async-validator。
|
||||||
中文翻译： https://www.cnblogs.com/wozho/p/10955525.html
|
:::
|
||||||
|
|
||||||
|
::: describe 翻译： ttps://www.cnblogs.com/wozho/p/10955525.html。
|
||||||
|
:::
|
||||||
|
|
||||||
::: title async-validator 基本校验类型
|
::: title async-validator 基本校验类型
|
||||||
:::
|
:::
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
::: describe 默认情况下, 网站主题为日间模式。
|
::: describe 默认情况下, 网站主题为日间模式。
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: describe 若启用夜间模式, 使用 "全局配置" 组件配合 theme 属性, 设置为 `dark` 值。
|
::: describe 若启用夜间模式, 使用 "全局配置" 组件配合 theme 属性, 设置为 dark 值。
|
||||||
:::
|
:::
|
||||||
|
|
||||||
```vue
|
```vue
|
||||||
@ -19,7 +19,7 @@ const theme = ref('dark')
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
::: title 偏好设置
|
::: title 选项配置
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: describe 若内置的夜间模式不满足要求时, 可通过 dark-partial 属性进行偏好设置。
|
::: describe 若内置的夜间模式不满足要求时, 可通过 dark-partial 属性进行偏好设置。
|
||||||
|
|||||||
@ -129,41 +129,12 @@ app.mount('#app')
|
|||||||
:::
|
:::
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
<head>
|
||||||
<title>Document</title>
|
<!-- Import style -->
|
||||||
<meta charset="UTF-8">
|
<link rel="stylesheet" href="//unpkg.com/@layui/layui-vue/lib/index.css" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<!-- Import Vue 3 -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<script src="//unpkg.com/vue@3"></script>
|
||||||
<!-- 引入 layui-vue 样式 -->
|
<!-- Import component library -->
|
||||||
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@layui/layui-vue/lib/index.css">
|
<script src="//unpkg.com/@layui/layui-vue"></script>
|
||||||
<!-- 引入 Vue 3, 使用全局变量 Vue -->
|
|
||||||
<script src="https://unpkg.com/vue@3"></script>
|
|
||||||
<!-- 引入 layui-vue 组件库, 使用全局变量 LayuiVue -->
|
|
||||||
<script src="https://unpkg.com/@layui/layui-vue"></script>
|
|
||||||
</head>
|
</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>
|
|
||||||
```
|
```
|
||||||
@ -1,4 +1,4 @@
|
|||||||
::: title 定制主题
|
::: title 主题配置
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: describe 全局化配置设置内部组件的主题、语言和组件卸载于其他位置的 DOM 的类名。
|
::: describe 全局化配置设置内部组件的主题、语言和组件卸载于其他位置的 DOM 的类名。
|
||||||
|
|||||||
@ -43,7 +43,7 @@
|
|||||||
rel="nofollow"
|
rel="nofollow"
|
||||||
class="site-star"
|
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>
|
||||||
<a
|
<a
|
||||||
href="https://gitee.com/layui-vue"
|
href="https://gitee.com/layui-vue"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user