@a2simcode/ui 0.0.54 → 0.0.56

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/buttons.ts

@@ -1,56 +1,56 @@
-export default {
-  "props": [
-    {
-      "name": "list",
-      "description": "按钮数据",
-      "type": "(Array as PropType<ButtonCompType[]>) ||\n(Object as PropType<Record<string, ButtonCompType[]>>)",
-      "default": "() => []"
-    },
-    {
-      "name": "size",
-      "description": "设置按钮大小",
-      "type": "'large' | 'default' | 'small'",
-      "default": "'default'"
-    },
-    {
-      "name": "isLink",
-      "description": "是否是链接按钮",
-      "type": "boolean"
-    }
-  ],
-  "events": [],
-  "slots": [],
-  "methods": [],
-  "types": [
-    {
-      "name": "ButtonCompType",
-      "properties": [
-        {
-          "name": "id",
-          "type": "string",
-          "description": "按钮ID"
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "description": "按钮名称"
-        },
-        {
-          "name": "config",
-          "type": "Record<string, any>",
-          "description": "按钮配置"
-        },
-        {
-          "name": "click",
-          "type": "(scope: {\n    data?: Record<string, any>\n    openLayer: (options: LayerParamType) => void\n  }) => void",
-          "description": "按钮点击方法"
-        },
-        {
-          "name": "children",
-          "type": "ButtonCompType[]",
-          "description": "按钮子集"
-        }
-      ]
-    }
-  ]
-}
+export default {
+  "props": [
+    {
+      "name": "list",
+      "description": "按钮数据",
+      "type": "(Array as PropType<ButtonCompType[]>) ||\n(Object as PropType<Record<string, ButtonCompType[]>>)",
+      "default": "() => []"
+    },
+    {
+      "name": "size",
+      "description": "设置按钮大小",
+      "type": "'large' | 'default' | 'small'",
+      "default": "'default'"
+    },
+    {
+      "name": "isLink",
+      "description": "是否是链接按钮",
+      "type": "boolean"
+    }
+  ],
+  "events": [],
+  "slots": [],
+  "methods": [],
+  "types": [
+    {
+      "name": "ButtonCompType",
+      "properties": [
+        {
+          "name": "id",
+          "type": "string",
+          "description": "按钮ID"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "description": "按钮名称"
+        },
+        {
+          "name": "config",
+          "type": "Record<string, any>",
+          "description": "按钮配置"
+        },
+        {
+          "name": "click",
+          "type": "(scope: {\n    data?: Record<string, any>\n    openLayer: (options: LayerParamType) => void\n  }) => void",
+          "description": "按钮点击方法"
+        },
+        {
+          "name": "children",
+          "type": "ButtonCompType[]",
+          "description": "按钮子集"
+        }
+      ]
+    }
+  ]
+}