Merge branch 'next' into doc-demand

package/document/package.json

@@ -36,7 +36,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "typescript": "^4.6.3",
-    "vite": "2.9.2",
+    "vite": "2.9.8",
     "vite-plugin-md": "^0.12.4",
     "unplugin-auto-import": "^0.7.1",
     "unplugin-vue-components": "^0.19.3",

package/document/src/document/zh-CN/components/checkbox.md

@@ -13,9 +13,7 @@
 ::: demo 使用 `lay-checkbox` 标签, 创建一个复选框
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary"  v-model="checked1" label="1" ></lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -41,9 +39,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" label="1" v-model="checked2" >普通</lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -69,13 +65,11 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox-group v-model="checkeds" @change="groupChange">
       <lay-checkbox name="like" skin="primary" label="1">写作</lay-checkbox>
       <lay-checkbox name="like" skin="primary" label="2">画画</lay-checkbox>
       <lay-checkbox name="like" skin="primary" label="3">运动</lay-checkbox>
     </lay-checkbox-group>
-  </lay-form>
 </template>
 
 <script>
@@ -105,11 +99,9 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" v-model="checked3" label="1">写作</lay-checkbox>
     <lay-checkbox name="like" skin="primary" v-model="checked4" label="2">画画</lay-checkbox>
     <lay-checkbox name="like" skin="primary" v-model="checked5" label="3">运动</lay-checkbox>
-  </lay-form>
 </template>
 
 <script>
@@ -137,9 +129,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" label="1" :disabled="disabled" v-model="checked6">禁用</lay-checkbox>
- </lay-form>
 </template>
 
 <script>
@@ -167,9 +157,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-checkbox name="like" skin="primary" label="1" @change="change" v-model="checked7">回调</lay-checkbox>
- </lay-form>
 </template>
 
 <script>

package/document/src/document/zh-CN/components/input.md

@@ -13,6 +13,7 @@
 ::: demo 使用 `lay-input` 标签, 创建输入框
 
 <template>
+  {{ data1 }}
   <lay-input v-model="data1"></lay-input>
 </template>
 
@@ -170,29 +171,32 @@ export default {
 
 ::: table
 
-| 属性        | 描述          | 可选值         |
-| ----------- | ------------- | -------------- |
-| name        | 原始属性 name | --             |
-| placeholder | 提示信息      | --             |
-| disabled    | 禁用          | `true` `false` |
-| v-model     | 值            | --             |
+| 属性                     | 描述                  | 可选值         |
+| -----------------------  | -------------------- | -------------- |
+| name                     | 原始属性 name         | --             |
+| placeholder              | 提示信息              | --             |
+| disabled                 | 禁用                  | `true` `false` |
+| readonly                 | 原生属性 readonly     | `true` `false` |
+| v-model / modelValue     | 值                   | --             |
+| autofocus                | 原生属性 autofocus    | `true` `false` |
+| autocomplete             | 原生属性 autocomplete | `true` `false` |
 
 :::
 
-::: title Input 属性
+::: title Input 事件
 :::
 
 ::: table
 
-| 事件  | 描述            | 参数             |
-| ----- | --------------- | ---------------- |
-| input | 原生 input 事件 | event : 事件对象 |
-| foucs | 原生 foucs 事件 | event : 事件对象 |
-| blur  | 原生 blur 事件  | --               |
+| 事件  | 描述                | 参数             |
+| ----- | ------------------- | ----------------|
+| input | 原生 input 事件     | event : Event    |
+| foucs | 原生 foucs 事件     | event : Event    |
+| blur  | 原生 blur 事件      | event : Event    |
+| change| 原生 change 事件    | event : Event    |
+| clear | 清空 事件           | --               |
 
 :::
 
- 
-
 ::: previousNext input
 :::

package/document/src/document/zh-CN/components/menu.md

@@ -59,7 +59,8 @@ export default {
 ::: demo
 
 <template>
-  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys2" :tree="true">
+  选中：{{ selectedKey }} 打开： {{ openKeys2 }}
+  <lay-menu :selectedKey="selectedKey" @changeSelectedKey="changeSelectedKey" @changeOpenKeys="changeOpenKeys" v-model:openKeys="openKeys2" :tree="true">
     <lay-menu-item id="1">首页</lay-menu-item>
     <lay-menu-item id="2">首页</lay-menu-item>
     <lay-menu-item id="3">首页</lay-menu-item> 
@@ -89,10 +90,19 @@ export default {
 
     const openKeys2 = ref(["7"])
     const selectedKey = ref("5")
+    const changeSelectedKey = (val) => {
+      selectedKey.value = val;
+    }
+
+    const changeOpenKeys = (val) => {
+      openKeys2.value = val;
+    }
 
     return {
       openKeys2,
-      selectedKey
+      selectedKey,
+      changeOpenKeys,
+      changeSelectedKey
     }
   }
 }
@@ -473,6 +483,65 @@ export default {
 
 :::
 
+::: title 层级缩进
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys7" :child-spacing="childSpacing" v-model:tree="isTree">
+    <lay-menu-item id="1">
+      <router-link to="">
+        <lay-icon type="layui-icon-home"></lay-icon> 
+        首页
+      </router-link>
+    </lay-menu-item>
+    <lay-sub-menu id="7">
+        <template v-slot:title> 
+          <router-link to="">
+            <lay-icon type="layui-icon-home"></lay-icon> 
+            目录
+          </router-link>
+        </template>
+        <lay-menu-item id="8">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item> 
+        <lay-menu-item id="9">
+            <router-link to="">
+              <lay-icon type="layui-icon-home"></lay-icon> 
+              菜单
+            </router-link>
+        </lay-menu-item>
+    </lay-sub-menu> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isTree = ref(true)
+    const selectedKey = ref("5")
+    const openKeys7 = ref(["7"])
+    const childSpacing = ref(true); 
+
+    return {
+      isTree,
+      openKeys7,
+      selectedKey,
+      childSpacing
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Menu 属性
 :::
 
@@ -535,7 +604,5 @@ export default {
 
 :::
 
- 
-
 ::: previousNext nav
 :::

package/document/src/document/zh-CN/components/radio.md

@@ -13,11 +13,9 @@
 ::: demo 使用 `lay-radio` 标签, 创建一个单选框
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected1" name="action" label="1">写作</lay-radio>
     <lay-radio v-model="selected1" name="action" label="2">画画</lay-radio>
     <lay-radio v-model="selected1" name="action" label="3">运动</lay-radio>
-  </lay-form>
 </template>
 
 <script>
@@ -43,12 +41,10 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected2" name="action" label="1">写作</lay-radio>
     <lay-radio v-model="selected2" name="action" label="2">画画</lay-radio>
     <lay-radio v-model="selected2" name="action" label="3">运动</lay-radio>
     <lay-radio v-model="selected2" name="action" label="4" :disabled="disabled">禁用</lay-radio>
-  </lay-form>
 </template>
 
 <script>
@@ -76,11 +72,9 @@ export default {
 ::: demo
 
 <template>
-  <lay-form>
     <lay-radio v-model="selected3" name="action" label="1" @change="change">写作</lay-radio>
     <lay-radio v-model="selected3" name="action" label="2" @change="change">画画</lay-radio>
     <lay-radio v-model="selected3" name="action" label="3" @change="change">运动</lay-radio>
-  </lay-form>
 </template>
 
 <script>

package/document/src/document/zh-CN/components/switch.md

@@ -194,13 +194,12 @@ export default {
 
 ::: table
 
-| 属性   | 描述     | 可选值           |
+| 属性   | 描述     | 参数           |
 | ------ | -------- | ---------------- |
-| change | 切换事件 | current : 当前值 |
+| change | 切换事件 | val : 当前值 |
 
 :::
 
- 
 ::: title Switch 插槽
 :::
 

package/document/src/document/zh-CN/guide/changelog.md

@@ -14,12 +14,18 @@
     <ul> 
       <a name="1-0-7"></a> 
       <li> 
-        <h3>1.0.7 <span class="layui-badge-rim">2022-05-03</span></h3> 
+        <h3>1.0.7 <span class="layui-badge-rim">2022-05-09</span></h3> 
         <ul>
           <li>[新增] menu 组件 changeOpenKeys 事件。</li>
           <li>[新增] menu 组件 changeSelectedKey 事件。</li>
+          <li>[新增] menu 组件 childSpacing 属性, 开启菜单层级缩进。</li>
           <li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
-          <li>[修复] side 组件 width 属性失效, 随内容宽度自适应的问题。</li>
+          <li>[新增] input 组件 autocomplete 原生属性。</li>
+          <li>[新增] input 组件 autofocus 原生属性。</li>
+          <li>[修复] side 组件 width 属性无效。</li>
+          <li>[优化] checkbox 组件 css 样式。</li>
+          <li>[优化] radio 组件 css 样式。</li>
+          <li>[升级] vueuse/core 8.4.2。</li>
         </ul> 
       </li>
     </ul>