From a785cfbfce406b6ac7e732c995814e77f9fdc6ba Mon Sep 17 00:00:00 2001
From: cool314156 <35553436@qq.com>
Date: Mon, 9 May 2022 07:40:32 +0000
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=B8=80=E4=B8=AA=E6=89=8B?=
 =?UTF-8?q?=E9=A3=8E=E7=90=B4=E6=A8=A1=E5=BC=8F=E7=A4=BA=E4=BE=8B.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/document/zh-CN/components/menu.md     | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/package/document/src/document/zh-CN/components/menu.md b/package/document/src/document/zh-CN/components/menu.md
index 818b0bfa..3826ee96 100644
--- a/package/document/src/document/zh-CN/components/menu.md
+++ b/package/document/src/document/zh-CN/components/menu.md
@@ -542,9 +542,77 @@ export default {
 
 :::
 
+
+::: 手风琴模式
+:::
 ::: title Menu 属性
 :::
+::: demo
 
+<template>
+         <lay-menu :selectedKey="selectedKey2" @changeSelectedKey="changeSelectedKey" @changeOpenKeys="changeOpenKeys"
+          v-model:openKeys="openKeys2" :tree="true">
+            <lay-sub-menu id="1"  @click="change('1')">
+            <template #title>
+              首页1
+            </template>
+            <lay-menu-item id="10">首页</lay-menu-item>
+            <lay-menu-item id="11">首页</lay-menu-item>
+          </lay-sub-menu>
+          <lay-sub-menu id="7" @click="change('7')">
+            <template #title>
+              首页2
+            </template>
+            <lay-menu-item id="8">首页</lay-menu-item>
+            <lay-menu-item id="9">首页</lay-menu-item>
+          </lay-sub-menu>
+         <lay-sub-menu id="3" @click="change('3')">
+            <template #title>
+              首页3
+            </template>
+            <lay-menu-item id="4">首页</lay-menu-item>
+            <lay-menu-item id="5">首页</lay-menu-item>
+          </lay-sub-menu>
+        </lay-menu>
+</template>
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const openKeys2 = ref(["7"])
+    const selectedKey2 = ref("5")
+    const close = ref(false)
+    const changeSelectedKey = (val) => {
+      selectedKey2.value = val;
+    }
+
+    const changeOpenKeys = (val) => {
+      console.log(val)
+      if(val.length ==0){
+        close.value = false
+      }else{
+        close.value = true
+      }
+    }
+    const change = (id) =>{
+      if(close.value == true){
+      openKeys2.value = [id]
+      }else{
+        openKeys2.value = []
+      }
+    }
+      return {
+      openKeys2,
+      selectedKey2,
+      changeOpenKeys,
+      changeSelectedKey,
+      change
+    }
+   }
+  }
+</script>
+:::
 ::: table
 
 | 属性                | 描述           | 备注           |