@a2simcode/ui 0.0.84 → 0.0.86

package/docs/components/menu.md

@@ -1,121 +1,121 @@
-# Menu 菜单
-
-为页面和功能提供导航的菜单列表。
-
-## 基础用法
-
-默认为内嵌模式，支持展开和收起子菜单。
-
-<Demo :source-code="menuBasicCode">
-  <template #source>
-    <menu-basic />
-  </template>
-  <template #description>
-    通过 `menus` 属性设置菜单数据，`active-id` 设置当前激活的菜单项，`click` 事件监听菜单点击。
-  </template>
-</Demo>
-
-## 水平菜单
-
-通过 `mode` 属性设置为 `horizontal` 可以使用水平菜单。
-
-<Demo :source-code="menuHorizontalCode">
-  <template #source>
-    <menu-horizontal />
-  </template>
-  <template #description>
-    水平菜单适用于顶部导航栏。
-  </template>
-</Demo>
-
-## 垂直菜单
-
-通过 `mode` 属性设置为 `vertical` 可以使用垂直菜单。
-
-<Demo :source-code="menuVerticalCode">
-  <template #source>
-    <menu-vertical />
-  </template>
-  <template #description>
-    垂直菜单适用于侧边栏，不支持子菜单展开。
-  </template>
-</Demo>
-
-## 折叠菜单
-
-通过 `collapsed` 属性可以折叠菜单。
-
-<Demo :source-code="menuCollapsedCode">
-  <template #source>
-    <menu-collapsed />
-  </template>
-  <template #description>
-    折叠菜单只显示图标，适用于需要节省空间的场景。
-  </template>
-</Demo>
-
-## 主题
-
-通过 `theme` 属性可以设置菜单主题，支持 `light` 和 `dark` 两种主题。
-
-<Demo :source-code="menuThemeCode">
-  <template #source>
-    <menu-theme />
-  </template>
-  <template #description>
-    深色主题适用于深色背景。
-  </template>
-</Demo>
-
-## 选中状态测试
-
-测试切换选中菜单，验证菜单状态是否变化。
-
-<Demo :source-code="menuSelectionTestCode">
-  <template #source>
-    <menu-selection-test />
-  </template>
-  <template #description>
-    通过修改 `active-id` 可以程序化改变选中项。
-  </template>
-</Demo>
-
-## API
-
-### 属性
-
-<ApiTable :data="menuApi" componentName="menu" />
-
-### 事件
-
-| 事件名 | 说明             | 回调参数                      |
-| ------ | ---------------- | ----------------------------- |
-| click  | 点击菜单项时触发 | `(item: Record<string, any>)` |
-
-## 菜单数据结构
-
-```typescript
-interface MenuItem {
-  label: string // 菜单项文本
-  value: string // 菜单项唯一标识
-  icon?: string // 图标
-  children?: MenuItem[] // 子菜单
-}
-```
-
-<script setup>
-import MenuBasic from '../examples/menu/basic.vue'
-import MenuHorizontal from '../examples/menu/horizontal.vue'
-import MenuVertical from '../examples/menu/vertical.vue'
-import MenuCollapsed from '../examples/menu/collapsed.vue'
-import MenuTheme from '../examples/menu/theme.vue'
-import MenuSelectionTest from '../examples/menu/selection-test.vue'
-import menuApi from './meta/menu'
-
-import menuBasicCode from '../examples/menu/basic.vue?raw'
-import menuHorizontalCode from '../examples/menu/horizontal.vue?raw'
-import menuVerticalCode from '../examples/menu/vertical.vue?raw'
-import menuCollapsedCode from '../examples/menu/collapsed.vue?raw'
-import menuThemeCode from '../examples/menu/theme.vue?raw'
-import menuSelectionTestCode from '../examples/menu/selection-test.vue?raw'
-</script>
+# Menu 菜单
+
+为页面和功能提供导航的菜单列表。
+
+## 基础用法
+
+默认为内嵌模式，支持展开和收起子菜单。
+
+<Demo :source-code="menuBasicCode">
+  <template #source>
+    <menu-basic />
+  </template>
+  <template #description>
+    通过 `menus` 属性设置菜单数据，`active-id` 设置当前激活的菜单项，`click` 事件监听菜单点击。
+  </template>
+</Demo>
+
+## 水平菜单
+
+通过 `mode` 属性设置为 `horizontal` 可以使用水平菜单。
+
+<Demo :source-code="menuHorizontalCode">
+  <template #source>
+    <menu-horizontal />
+  </template>
+  <template #description>
+    水平菜单适用于顶部导航栏。
+  </template>
+</Demo>
+
+## 垂直菜单
+
+通过 `mode` 属性设置为 `vertical` 可以使用垂直菜单。
+
+<Demo :source-code="menuVerticalCode">
+  <template #source>
+    <menu-vertical />
+  </template>
+  <template #description>
+    垂直菜单适用于侧边栏，不支持子菜单展开。
+  </template>
+</Demo>
+
+## 折叠菜单
+
+通过 `collapsed` 属性可以折叠菜单。
+
+<Demo :source-code="menuCollapsedCode">
+  <template #source>
+    <menu-collapsed />
+  </template>
+  <template #description>
+    折叠菜单只显示图标，适用于需要节省空间的场景。
+  </template>
+</Demo>
+
+## 主题
+
+通过 `theme` 属性可以设置菜单主题，支持 `light` 和 `dark` 两种主题。
+
+<Demo :source-code="menuThemeCode">
+  <template #source>
+    <menu-theme />
+  </template>
+  <template #description>
+    深色主题适用于深色背景。
+  </template>
+</Demo>
+
+## 选中状态测试
+
+测试切换选中菜单，验证菜单状态是否变化。
+
+<Demo :source-code="menuSelectionTestCode">
+  <template #source>
+    <menu-selection-test />
+  </template>
+  <template #description>
+    通过修改 `active-id` 可以程序化改变选中项。
+  </template>
+</Demo>
+
+## API
+
+### 属性
+
+<ApiTable :data="menuApi" componentName="menu" />
+
+### 事件
+
+| 事件名 | 说明             | 回调参数                      |
+| ------ | ---------------- | ----------------------------- |
+| click  | 点击菜单项时触发 | `(item: Record<string, any>)` |
+
+## 菜单数据结构
+
+```typescript
+interface MenuItem {
+  label: string // 菜单项文本
+  value: string // 菜单项唯一标识
+  icon?: string // 图标
+  children?: MenuItem[] // 子菜单
+}
+```
+
+<script setup>
+import MenuBasic from '../examples/menu/basic.vue'
+import MenuHorizontal from '../examples/menu/horizontal.vue'
+import MenuVertical from '../examples/menu/vertical.vue'
+import MenuCollapsed from '../examples/menu/collapsed.vue'
+import MenuTheme from '../examples/menu/theme.vue'
+import MenuSelectionTest from '../examples/menu/selection-test.vue'
+import menuApi from './meta/menu'
+
+import menuBasicCode from '../examples/menu/basic.vue?raw'
+import menuHorizontalCode from '../examples/menu/horizontal.vue?raw'
+import menuVerticalCode from '../examples/menu/vertical.vue?raw'
+import menuCollapsedCode from '../examples/menu/collapsed.vue?raw'
+import menuThemeCode from '../examples/menu/theme.vue?raw'
+import menuSelectionTestCode from '../examples/menu/selection-test.vue?raw'
+</script>

package/docs/components/meta/button.ts

@@ -1,212 +1,212 @@
-export default {
-  "props": [
-    {
-      "name": "type",
-      "description": "按钮的类型，分为五种：主要按钮、幽灵按钮、虚框按钮、链接按钮、文字按钮、次要按钮",
-      "type": "\"primary\" | \"dashed\" | \"link\" | \"text\" | \"default\"",
-      "default": "'default'"
-    },
-    {
-      "name": "size",
-      "description": "设置按钮大小",
-      "type": "\"large\" | \"default\" | \"small\"",
-      "default": "'default'"
-    },
-    {
-      "name": "shape",
-      "description": "设置按钮形状",
-      "type": "\"default\" | \"circle\" | \"round\"",
-      "default": "'default'"
-    },
-    {
-      "name": "ghost",
-      "description": "幽灵属性，使按钮背景透明",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "disabled",
-      "description": "按钮不可用状态",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "danger",
-      "description": "设置危险按钮",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "block",
-      "description": "将按钮宽度调整为其父宽度的选项",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "loading",
-      "description": "设置按钮载入状态",
-      "type": "boolean | { delay?: number }",
-      "default": "false"
-    },
-    {
-      "name": "icon",
-      "description": "图标",
-      "type": "string",
-      "default": "''"
-    },
-    {
-      "name": "href",
-      "description": "点击跳转的地址，指定此属性 button 的行为和 a 链接一致",
-      "type": "string",
-      "default": "''"
-    },
-    {
-      "name": "target",
-      "description": "相当于 a 链接的 target 属性，href 存在时生效",
-      "type": "string",
-      "default": "'_self'"
-    },
-    {
-      "name": "label",
-      "description": "按钮内容",
-      "type": "string",
-      "default": "''"
-    },
-    {
-      "name": "notLabel",
-      "description": "是否不要文字",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "compact",
-      "description": "是否紧凑模式",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "lastCompactItem",
-      "description": "",
-      "type": "boolean",
-      "default": "false"
-    },
-    {
-      "name": "firstCompactItem",
-      "description": "",
-      "type": "boolean",
-      "default": "false"
-    }
-  ],
-  "events": [
-    {
-      "name": "click",
-      "description": "点击按钮时触发",
-      "type": "MouseEvent"
-    }
-  ],
-  "slots": [
-    {
-      "name": "iconAfter",
-      "description": "按钮后置图标插槽"
-    }
-  ],
-  "methods": [
-    {
-      "name": "focus",
-      "description": "",
-      "type": "() => void"
-    },
-    {
-      "name": "blur",
-      "description": "",
-      "type": "() => void"
-    }
-  ],
-  "types": [
-    {
-      "name": "ButtonProps",
-      "properties": [
-        {
-          "name": "type",
-          "type": "'primary' | 'dashed' | 'link' | 'text' | 'default'",
-          "description": "按钮的类型，分为五种：主要按钮、幽灵按钮、虚框按钮、链接按钮、文字按钮、次要按钮"
-        },
-        {
-          "name": "size",
-          "type": "'large' | 'default' | 'small'",
-          "description": "设置按钮大小"
-        },
-        {
-          "name": "shape",
-          "type": "'default' | 'circle' | 'round'",
-          "description": "设置按钮形状"
-        },
-        {
-          "name": "ghost",
-          "type": "boolean",
-          "description": "幽灵属性，使按钮背景透明"
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "description": "按钮不可用状态"
-        },
-        {
-          "name": "danger",
-          "type": "boolean",
-          "description": "设置危险按钮"
-        },
-        {
-          "name": "block",
-          "type": "boolean",
-          "description": "将按钮宽度调整为其父宽度的选项"
-        },
-        {
-          "name": "loading",
-          "type": "boolean | { delay?: number }",
-          "description": "设置按钮载入状态"
-        },
-        {
-          "name": "icon",
-          "type": "string",
-          "description": "图标"
-        },
-        {
-          "name": "href",
-          "type": "string",
-          "description": "点击跳转的地址，指定此属性 button 的行为和 a 链接一致"
-        },
-        {
-          "name": "target",
-          "type": "string",
-          "description": "相当于 a 链接的 target 属性，href 存在时生效"
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "description": "按钮内容"
-        },
-        {
-          "name": "notLabel",
-          "type": "boolean",
-          "description": "是否不要文字"
-        },
-        {
-          "name": "compact",
-          "type": "boolean",
-          "description": "是否紧凑模式"
-        },
-        {
-          "name": "lastCompactItem",
-          "type": "boolean",
-          "description": ""
-        },
-        {
-          "name": "firstCompactItem",
-          "type": "boolean",
-          "description": ""
-        }
-      ]
-    }
-  ]
-}
+export default {
+  "props": [
+    {
+      "name": "type",
+      "description": "按钮的类型，分为五种：主要按钮、幽灵按钮、虚框按钮、链接按钮、文字按钮、次要按钮",
+      "type": "\"primary\" | \"dashed\" | \"link\" | \"text\" | \"default\"",
+      "default": "'default'"
+    },
+    {
+      "name": "size",
+      "description": "设置按钮大小",
+      "type": "\"large\" | \"default\" | \"small\"",
+      "default": "'default'"
+    },
+    {
+      "name": "shape",
+      "description": "设置按钮形状",
+      "type": "\"default\" | \"circle\" | \"round\"",
+      "default": "'default'"
+    },
+    {
+      "name": "ghost",
+      "description": "幽灵属性，使按钮背景透明",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "disabled",
+      "description": "按钮不可用状态",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "danger",
+      "description": "设置危险按钮",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "block",
+      "description": "将按钮宽度调整为其父宽度的选项",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "loading",
+      "description": "设置按钮载入状态",
+      "type": "boolean | { delay?: number }",
+      "default": "false"
+    },
+    {
+      "name": "icon",
+      "description": "图标",
+      "type": "string",
+      "default": "''"
+    },
+    {
+      "name": "href",
+      "description": "点击跳转的地址，指定此属性 button 的行为和 a 链接一致",
+      "type": "string",
+      "default": "''"
+    },
+    {
+      "name": "target",
+      "description": "相当于 a 链接的 target 属性，href 存在时生效",
+      "type": "string",
+      "default": "'_self'"
+    },
+    {
+      "name": "label",
+      "description": "按钮内容",
+      "type": "string",
+      "default": "''"
+    },
+    {
+      "name": "notLabel",
+      "description": "是否不要文字",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "compact",
+      "description": "是否紧凑模式",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "lastCompactItem",
+      "description": "",
+      "type": "boolean",
+      "default": "false"
+    },
+    {
+      "name": "firstCompactItem",
+      "description": "",
+      "type": "boolean",
+      "default": "false"
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "description": "点击按钮时触发",
+      "type": "MouseEvent"
+    }
+  ],
+  "slots": [
+    {
+      "name": "iconAfter",
+      "description": "按钮后置图标插槽"
+    }
+  ],
+  "methods": [
+    {
+      "name": "focus",
+      "description": "",
+      "type": "() => void"
+    },
+    {
+      "name": "blur",
+      "description": "",
+      "type": "() => void"
+    }
+  ],
+  "types": [
+    {
+      "name": "ButtonProps",
+      "properties": [
+        {
+          "name": "type",
+          "type": "'primary' | 'dashed' | 'link' | 'text' | 'default'",
+          "description": "按钮的类型，分为五种：主要按钮、幽灵按钮、虚框按钮、链接按钮、文字按钮、次要按钮"
+        },
+        {
+          "name": "size",
+          "type": "'large' | 'default' | 'small'",
+          "description": "设置按钮大小"
+        },
+        {
+          "name": "shape",
+          "type": "'default' | 'circle' | 'round'",
+          "description": "设置按钮形状"
+        },
+        {
+          "name": "ghost",
+          "type": "boolean",
+          "description": "幽灵属性，使按钮背景透明"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "description": "按钮不可用状态"
+        },
+        {
+          "name": "danger",
+          "type": "boolean",
+          "description": "设置危险按钮"
+        },
+        {
+          "name": "block",
+          "type": "boolean",
+          "description": "将按钮宽度调整为其父宽度的选项"
+        },
+        {
+          "name": "loading",
+          "type": "boolean | { delay?: number }",
+          "description": "设置按钮载入状态"
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "description": "图标"
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "description": "点击跳转的地址，指定此属性 button 的行为和 a 链接一致"
+        },
+        {
+          "name": "target",
+          "type": "string",
+          "description": "相当于 a 链接的 target 属性，href 存在时生效"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "description": "按钮内容"
+        },
+        {
+          "name": "notLabel",
+          "type": "boolean",
+          "description": "是否不要文字"
+        },
+        {
+          "name": "compact",
+          "type": "boolean",
+          "description": "是否紧凑模式"
+        },
+        {
+          "name": "lastCompactItem",
+          "type": "boolean",
+          "description": ""
+        },
+        {
+          "name": "firstCompactItem",
+          "type": "boolean",
+          "description": ""
+        }
+      ]
+    }
+  ]
+}