✨(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` |
 | 
				
			||||||
| rules         |  表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator)  | `object` | - | - |
 | 
					| required-error-message | 表单必填校验失败固定提示语                                        | `string`  | -- | -- |
 | 
				
			||||||
| error-message | 表单校验失败固定提示语                                           | `string`  |`block` `inline`| `block` |
 | 
					| rules         | 表单校验规则; <br>可查看[async-validator](https://github.com/yiminghe/async-validator)  | `object` | - | - |
 | 
				
			||||||
 | 
					| 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>
 | 
					<head>
 | 
				
			||||||
<html lang="en">
 | 
					  <!-- Import style -->
 | 
				
			||||||
  <head>
 | 
					  <link rel="stylesheet" href="//unpkg.com/@layui/layui-vue/lib/index.css" />
 | 
				
			||||||
    <title>Document</title>
 | 
					  <!-- Import Vue 3 -->
 | 
				
			||||||
    <meta charset="UTF-8">
 | 
					  <script src="//unpkg.com/vue@3"></script>
 | 
				
			||||||
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
					  <!-- Import component library -->
 | 
				
			||||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
					  <script src="//unpkg.com/@layui/layui-vue"></script>
 | 
				
			||||||
    <!-- 引入 layui-vue 样式 -->
 | 
					</head>
 | 
				
			||||||
    <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>
 | 
					 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
@ -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