@robot-admin/naive-ui-components 0.6.2 → 0.6.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @robot-admin/naive-ui-components
 
+## 0.6.3
+
+### Patch Changes
+
+- 菜单图标渲染统一使用 C_Icon 组件
+  - menuAdapter.defaultRenderIcon 改用组件库自有的 C_Icon 替代直接使用 NIcon + @iconify/vue
+  - 与 C_Breadcrumb、C_TagsView 等组件保持一致的图标渲染方式
+  - 彻底解决生产环境图标对齐问题
+
 ## 0.6.2
 
 ### Patch Changes

package/dist/C_Menu.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Menu.js`);exports.C_Menu=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Menu.js`);exports.C_Menu=e.t;

package/dist/C_Menu.js

@@ -1 +1 @@
-import{t as e}from"./C_Menu2.js";export{e as C_Menu};
+import"./C_Icon2.js";import{t as e}from"./C_Menu2.js";export{e as C_Menu};

package/dist/C_Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Menu.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n","<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n"],"mappings":"gnBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,GAAA,EAAA,EAAA,KAA+B,KAAK,CACpC,GAAA,EAAA,EAAA,KAA6B,EAAE,CAAC,CAEhC,GAAA,EAAA,EAAA,cAA2B,EAAM,OAAS,GAAG,CAK7C,GAAA,EAAA,EAAA,cAA6C,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACrE,CACD,OAAO,EAAA,EAAkB,EAAM,OAAQ,EAAO,CAGhD,MAAO,EAAE,EACT,CAKI,GACJ,EACA,EACA,EAAuB,EAAE,GACZ,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAc,CACvD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAY,CAC/D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAE,EAIL,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAQ,CAC1C,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAY,EACrB,CACF,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAC,CAChE,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAI,EAIjB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAK,SAKnC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAI,CACvC,UAAS,CAAC,EAIrC,EAAA,EAAA,WACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAO,CAC3C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAC,CAC7C,EACD,EAAA,EAAA,cAAe,EAAQ,OAAO,WAAW,EAAO,CAAC,EAEnD,CAAE,UAAW,GAAM,CACpB,EAED,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAC,CACrE,EAAQ,OAAO,WAAW,EAAU,MAAM,GAE5C,EACF,iEAtLA,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}
+{"version":3,"file":"C_Menu.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"gnBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,GAAA,EAAA,EAAA,KAA+B,KAAI,CACnC,GAAA,EAAA,EAAA,KAA6B,EAAE,CAAA,CAE/B,GAAA,EAAA,EAAA,cAA2B,EAAM,OAAS,GAAE,CAK5C,GAAA,EAAA,EAAA,cAA6C,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAA,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,EAIpC,EAAA,EAAA,WACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,EACA,EAAA,EAAA,cAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,EAEA,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,iEAtLC,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}

package/dist/C_Menu2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Menu2.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n","<!--\r\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\r\n *\r\n * 支持两种数据输入模式：\r\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\r\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\r\n *\r\n * @example 路由模式（推荐）\r\n * ```vue\r\n * <C_Menu\r\n *   :routes=\"menuData\"\r\n *   :label-formatter=\"$t\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * @example 原生模式\r\n * ```vue\r\n * <C_Menu\r\n *   :options=\"nMenuOptions\"\r\n *   @select=\"router.push\"\r\n * />\r\n * ```\r\n *\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NMenu\r\n    ref=\"menuRef\"\r\n    :options=\"mergedOptions\"\r\n    :expanded-keys=\"expandedKeys\"\r\n    :value=\"activeKey\"\r\n    :mode=\"mode\"\r\n    :collapsed=\"collapsed\"\r\n    :collapsed-width=\"collapsedWidth\"\r\n    :collapsed-icon-size=\"collapsedIconSize\"\r\n    :inverted=\"inverted\"\r\n    :theme-overrides=\"themeOverrides\"\r\n    :dropdown-props=\"dropdownProps\"\r\n    :indent=\"indent\"\r\n    :root-indent=\"rootIndent\"\r\n    @update:value=\"handleMenuClick\"\r\n    @update:expanded-keys=\"onExpandedKeysChange\"\r\n  />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\r\n  import {\r\n    type MenuOption,\r\n    type MenuInst,\r\n    type DropdownProps,\r\n  } from 'naive-ui/es'\r\n  import {\r\n    createMenuOptions,\r\n    type RouteItem,\r\n    type MenuAdapterConfig,\r\n  } from '../_shared'\r\n\r\n  defineOptions({ name: 'C_Menu' })\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      /**\r\n       * 模式一：直传 NMenu 原生 MenuOption[]\r\n       * 与 `routes` 二选一，`options` 优先级更高\r\n       */\r\n      options?: MenuOption[]\r\n      /**\r\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\r\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\r\n       */\r\n      routes?: RouteItem[]\r\n      /**\r\n       * 适配器配置（仅 routes 模式生效）\r\n       * 可自定义 key/label/icon 取值、过滤逻辑等\r\n       */\r\n      adapterConfig?: MenuAdapterConfig\r\n      /**\r\n       * 标签文本格式化函数（routes 模式的快捷方式）\r\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\r\n       */\r\n      labelFormatter?: (label: string) => string\r\n      /** 当前激活的菜单 key */\r\n      value?: string\r\n      /** 菜单模式 */\r\n      mode?: 'vertical' | 'horizontal'\r\n      /** 是否折叠 */\r\n      collapsed?: boolean\r\n      /** 折叠宽度 */\r\n      collapsedWidth?: number\r\n      /** 折叠图标大小 */\r\n      collapsedIconSize?: number\r\n      /** 是否反色 */\r\n      inverted?: boolean\r\n      /** 主题覆盖 */\r\n      themeOverrides?: Record<string, any>\r\n      /** 缩进像素 */\r\n      indent?: number\r\n      /** 根缩进像素 */\r\n      rootIndent?: number\r\n      /** 下拉菜单属性（折叠模式） */\r\n      dropdownProps?: DropdownProps\r\n    }>(),\r\n    {\r\n      mode: 'vertical',\r\n      collapsed: false,\r\n      collapsedWidth: 64,\r\n      collapsedIconSize: 22,\r\n      inverted: false,\r\n      indent: 24,\r\n      rootIndent: 16,\r\n      dropdownProps: () => ({\r\n        placement: 'right-start' as const,\r\n        trigger: 'hover' as const,\r\n        arrowStyle: { color: 'var(--n-color)' },\r\n      }),\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    /** 菜单项被选中 */\r\n    select: [key: string]\r\n    /** 展开项变化 */\r\n    'update:expandedKeys': [keys: string[]]\r\n  }>()\r\n\r\n  const menuRef = ref<MenuInst | null>(null)\r\n  const expandedKeys = ref<string[]>([])\r\n\r\n  const activeKey = computed(() => props.value ?? '')\r\n\r\n  // ====== 数据合成 ======\r\n\r\n  /** 合并后的最终 MenuOption[] */\r\n  const mergedOptions = computed<MenuOption[]>(() => {\r\n    // 优先使用 options 直传模式\r\n    if (props.options) return props.options\r\n\r\n    // routes 模式 → 适配器转换\r\n    if (props.routes) {\r\n      const config: MenuAdapterConfig = {\r\n        ...props.adapterConfig,\r\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\r\n      }\r\n      return createMenuOptions(props.routes, config)\r\n    }\r\n\r\n    return []\r\n  })\r\n\r\n  // ====== 展开逻辑 ======\r\n\r\n  /** 从 MenuOption[] 中查找所有祖先 key */\r\n  const findParentKeys = (\r\n    items: MenuOption[],\r\n    targetKey: string,\r\n    parentKeys: string[] = []\r\n  ): string[] => {\r\n    for (const item of items) {\r\n      const children = item.children as MenuOption[] | undefined\r\n      if (children?.length) {\r\n        const currentKeys = [...parentKeys, item.key as string]\r\n        if (children.some(child => child.key === targetKey)) {\r\n          return currentKeys\r\n        }\r\n        const result = findParentKeys(children, targetKey, currentKeys)\r\n        if (result.length > 0) return result\r\n      }\r\n    }\r\n    return []\r\n  }\r\n\r\n  /** 通过路径段推导展开 key + 查找祖先 key */\r\n  const computeExpandedKeys = (path: string): Set<string> => {\r\n    const segments = path.split('/').filter(Boolean)\r\n    const keys = new Set<string>()\r\n    let currentPath = ''\r\n    segments.forEach(segment => {\r\n      currentPath += `/${segment}`\r\n      keys.add(currentPath)\r\n    })\r\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\r\n    return keys\r\n  }\r\n\r\n  // ====== 事件处理 ======\r\n\r\n  const handleMenuClick = (key: string) => {\r\n    if (key && key !== activeKey.value) {\r\n      emit('select', key)\r\n    }\r\n  }\r\n\r\n  const onExpandedKeysChange = (keys: string[]) => {\r\n    expandedKeys.value = keys\r\n    emit('update:expandedKeys', keys)\r\n  }\r\n\r\n  // ====== 暴露方法 ======\r\n  const showOption = (key: string) => menuRef.value?.showOption(key)\r\n  defineExpose({ showOption, menuRef })\r\n\r\n  // ====== 路由跟踪 ======\r\n\r\n  watch(\r\n    () => activeKey.value,\r\n    newKey => {\r\n      if (!newKey) return\r\n      const newKeys = computeExpandedKeys(newKey)\r\n      expandedKeys.value = Array.from(\r\n        new Set([...expandedKeys.value, ...newKeys])\r\n      )\r\n      nextTick(() => menuRef.value?.showOption(newKey))\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  onMounted(() => {\r\n    nextTick(() => {\r\n      if (activeKey.value) {\r\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\r\n        menuRef.value?.showOption(activeKey.value)\r\n      }\r\n    })\r\n  })\r\n</script>\r\n"],"mappings":"ksBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAK,CACpC,EAAe,EAAc,EAAE,CAAC,CAEhC,EAAY,MAAe,EAAM,OAAS,GAAG,CAK7C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACrE,CACD,OAAO,EAAkB,EAAM,OAAQ,EAAO,CAGhD,MAAO,EAAE,EACT,CAKI,GACJ,EACA,EACA,EAAuB,EAAE,GACZ,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAc,CACvD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAY,CAC/D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAE,EAIL,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAQ,CAC1C,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAY,EACrB,CACF,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAC,CAChE,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAI,EAIjB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAK,SAKnC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAI,CACvC,UAAS,CAAC,CAIrC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAO,CAC3C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAC,CAC7C,CACD,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAC,EAEnD,CAAE,UAAW,GAAM,CACpB,CAED,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAC,CACrE,EAAQ,OAAO,WAAW,EAAU,MAAM,GAE5C,EACF,4BAtMF,EAgBE,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}
+{"version":3,"file":"C_Menu2.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"ksBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAI,CACnC,EAAe,EAAc,EAAE,CAAA,CAE/B,EAAY,MAAe,EAAM,OAAS,GAAE,CAK5C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,CAIpC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,CACA,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,CAEA,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,4BAtMD,EAgBE,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}

package/dist/_shared.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./menuAdapter.js`);exports.createMenuOptions=e.t,exports.flattenRoutes=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./menuAdapter.js`);exports.createMenuOptions=e.t,exports.flattenRoutes=e.n;

package/dist/_shared.js

@@ -1 +1 @@
-import{n as e,t}from"./menuAdapter.js";export{t as createMenuOptions,e as flattenRoutes};
+import"./C_Icon2.js";import{n as e,t}from"./menuAdapter.js";export{t as createMenuOptions,e as flattenRoutes};

package/dist/constants.d.ts

@@ -118,9 +118,9 @@ declare const __VLS_export: vue.DefineComponent<CronProps, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: CronValidation) => any) | undefined;
 }>, {
-  height: string | number;
   disabled: boolean;
   modelValue: string;
+  height: string | number;
   showPreview: boolean;
   previewCount: number;
   showTemplates: boolean;

package/dist/constants2.d.ts

@@ -120,10 +120,10 @@ declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEdito
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
-  height: string | number;
   disabled: boolean;
-  placeholder: string;
   modelValue: string;
+  height: string | number;
+  placeholder: string;
   variables: FormulaVariable[];
   functions: FormulaFunction[];
   sampleData: Record<string, number | string | boolean>;

package/dist/constants3.d.ts

@@ -151,8 +151,8 @@ interface NotificationCenterExpose {
 //#region src/components/C_NotificationCenter/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, NotificationCenterExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   delete: (ids: string[]) => any;
-  itemClick: (message: NotificationMessage) => any;
   read: (ids: string[]) => any;
+  itemClick: (message: NotificationMessage) => any;
   allRead: (category?: NotificationCategory | undefined) => any;
   unreadChange: (count: number) => any;
   wsStatusChange: (status: string) => any;
@@ -160,19 +160,19 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   navigate: (url: string) => any;
 }, string, vue.PublicProps, Readonly<NotificationCenterProps> & Readonly<{
   onDelete?: ((ids: string[]) => any) | undefined;
-  onItemClick?: ((message: NotificationMessage) => any) | undefined;
   onRead?: ((ids: string[]) => any) | undefined;
+  onItemClick?: ((message: NotificationMessage) => any) | undefined;
   onAllRead?: ((category?: NotificationCategory | undefined) => any) | undefined;
   onUnreadChange?: ((count: number) => any) | undefined;
   onWsStatusChange?: ((status: string) => any) | undefined;
   onNewMessage?: ((message: NotificationMessage) => any) | undefined;
   onNavigate?: ((url: string) => any) | undefined;
 }>, {
-  pageSize: number;
-  storageKey: string;
   desktopNotification: boolean;
   maxBadgeCount: number;
   pollingInterval: number;
+  pageSize: number;
+  storageKey: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
@@ -217,7 +217,7 @@ declare function useNotificationCore(props: NotificationCenterProps): {
     actionText?: string | undefined;
     extra?: Record<string, unknown> | undefined;
   }[]>;
-  activeCategory: vue.Ref<"all" | NotificationCategory, "all" | NotificationCategory>;
+  activeCategory: vue.Ref<NotificationCategory | "all", NotificationCategory | "all">;
   loading: vue.Ref<boolean, boolean>;
   total: vue.Ref<number, number>;
   page: vue.Ref<number, number>;

package/dist/constants4.d.ts

@@ -196,17 +196,17 @@ type __VLS_Slots = {} & {
   area?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (file: UploadFileItem, error: Error) => any;
   success: (file: UploadFileItem, response: any) => any;
   change: (fileList: UploadFileItem[]) => any;
+  error: (file: UploadFileItem, error: Error) => any;
   progress: (file: UploadFileItem, percent: number) => any;
   remove: (file: UploadFileItem) => any;
   finish: (fileList: UploadFileItem[]) => any;
   exceed: (files: File[], fileList: UploadFileItem[]) => any;
 }, string, vue.PublicProps, Readonly<UploadProps> & Readonly<{
-  onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
   onSuccess?: ((file: UploadFileItem, response: any) => any) | undefined;
   onChange?: ((fileList: UploadFileItem[]) => any) | undefined;
+  onError?: ((file: UploadFileItem, error: Error) => any) | undefined;
   onProgress?: ((file: UploadFileItem, percent: number) => any) | undefined;
   onRemove?: ((file: UploadFileItem) => any) | undefined;
   onFinish?: ((fileList: UploadFileItem[]) => any) | undefined;
@@ -216,11 +216,11 @@ declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {},
   data: Record<string, any>;
   multiple: boolean;
   draggable: boolean;
-  maxSize: number;
   action: string;
   headers: Record<string, string>;
   directory: boolean;
   accept: string;
+  maxSize: number;
   maxCount: number;
   pasteable: boolean;
   chunked: boolean;

package/dist/constants5.d.ts

@@ -260,8 +260,8 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (error: Error) => any;
-  ended: () => any;
   ready: () => any;
+  ended: () => any;
   stateChange: (state: PlayerState) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
   qualityChange: (quality: QualityLevel) => any;
@@ -273,8 +273,8 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   progressUpdate: (data: ProgressData) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
-  onEnded?: (() => any) | undefined;
   onReady?: (() => any) | undefined;
+  onEnded?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onTimeUpdate?: ((currentTime: number, duration: number) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;

package/dist/data.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onMarkerClick?: ((marker: MapMarker$1, event: any) => any) | undefined;
 }>, {
   height: string;
-  zoom: number;
-  center: [number, number];
   markers: MapMarker$1[];
   amapKey: string;
+  center: [number, number];
+  zoom: number;
   mapType: "osm" | "amap";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index.vue.d.ts

@@ -63,10 +63,10 @@ declare const __VLS_base: vue.DefineComponent<TableActionsProps, {}, {}, {}, {},
   "onDropdown-click"?: ((item: ActionDropdownItem, action: ActionItem) => any) | undefined;
   "onAction-click"?: ((action: ActionItem) => any) | undefined;
 }>, {
-  config: ActionBarConfig;
   actions: ActionItem[];
   leftActions: ActionItem[];
   rightActions: ActionItem[];
+  config: ActionBarConfig;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/index11.vue.d.ts

@@ -41,29 +41,29 @@ declare const __VLS_export: vue.DefineComponent<IconProps, {
   errorMessage: Readonly<vue.Ref<string, string>>; /** DOM引用 */
   el: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (type: string, error?: any) => any;
   click: (event: MouseEvent) => any;
+  error: (type: string, error?: any) => any;
   load: () => any;
 }, string, vue.PublicProps, Readonly<IconProps> & Readonly<{
-  onError?: ((type: string, error?: any) => any) | undefined;
   onClick?: ((event: MouseEvent) => any) | undefined;
+  onError?: ((type: string, error?: any) => any) | undefined;
   onLoad?: (() => any) | undefined;
 }>, {
   type: "iconify" | "unocss" | "component" | "svg" | "image";
   name: string | any;
-  size: number | string;
-  title: string;
   color: string;
-  rotate: number;
-  flip: "horizontal" | "vertical" | "both";
-  loading: boolean;
+  size: number | string;
   svgPath: string;
   viewBox: string;
   alt: string;
   clickable: boolean;
+  loading: boolean;
   fallbackIcon: string;
+  title: string;
   ariaLabel: string;
   customClass: string;
+  rotate: number;
+  flip: "horizontal" | "vertical" | "both";
   componentProps: Record<string, any>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index13.vue.d.ts

@@ -58,12 +58,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onAuto-save"?: ((text: string) => any) | undefined;
   "onMax-length-exceeded"?: ((currentLength: number, maxLength: number) => any) | undefined;
 }>, {
-  height: string | number;
   disabled: boolean;
-  mode: "edit" | "editable" | "preview";
-  placeholder: string;
   modelValue: string;
-  autoSave: boolean;
+  height: string | number;
+  placeholder: string;
+  mode: "edit" | "editable" | "preview";
   tocNavPosition: "left" | "right";
   defaultFullscreen: boolean;
   autofocus: boolean;
@@ -72,6 +71,7 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   rightToolbar: string;
   maxLength: number;
   showWordCount: boolean;
+  autoSave: boolean;
   autoSaveInterval: number;
   isDark: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index15.vue.d.ts

@@ -34,13 +34,13 @@ type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: vue.DefineComponent<Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Props> & Readonly<{}>, {
-  strokeWidth: number;
-  time: number;
-  status: "default" | "success" | "error" | "warning" | "info";
   percentage: number | number[];
   isAnimation: boolean;
+  time: number;
   indicatorPlacement: "inside" | "outside";
   showIndicator: boolean;
+  status: "default" | "success" | "error" | "warning" | "info";
+  strokeWidth: number;
   unit: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/index16.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onChange?: ((args_0: number) => any) | undefined;
   "onUpdate:current"?: ((args_0: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   clickable: boolean;
+  direction: "horizontal" | "vertical";
   current: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index17.vue.d.ts

@@ -76,10 +76,10 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {
   onClose?: ((fallbackPath: string) => any) | undefined;
   onCloseAll?: (() => any) | undefined;
 }>, {
+  persistKey: string;
   homePath: string;
   homeTitle: string;
   homeIcon: string;
-  persistKey: string;
   contextMenuLabels: ContextMenuLabels;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index19.vue.d.ts

@@ -647,12 +647,12 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onTaskClick?: ((task: GanttTask, event: Event) => any) | undefined;
   onTaskChange?: ((task: GanttTask, changes: any) => any) | undefined;
 }>, {
-  height: string | number;
   theme: "light" | "dark";
-  data: GanttTask[];
   title: string;
-  options: GanttOptions;
+  height: string | number;
+  data: GanttTask[];
   showToolbar: boolean;
+  options: GanttOptions;
   preset: GanttPreset;
   showFullscreenButton: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index2.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_export: vue.DefineComponent<Props, {}, {}, {}, {}, vue.Compo
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
+  height: number;
   format: "CODE128" | "CODE39" | "EAN13" | "EAN8" | "UPC" | "ITF14" | "MSI" | "pharmacode";
   width: number;
-  height: number;
   showText: boolean;
   fontSize: number;
   textPosition: "bottom" | "top";

package/dist/index7.vue.d.ts

@@ -25,20 +25,20 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   copyCode: typeof copyCode;
   toggleFullscreen: typeof toggleFullscreen;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  copy: (code: string) => any;
   click: (event: MouseEvent) => any;
+  copy: (code: string) => any;
   fullscreen: (isFullscreen: boolean) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onCopy?: ((code: string) => any) | undefined;
   onClick?: ((event: MouseEvent) => any) | undefined;
+  onCopy?: ((code: string) => any) | undefined;
   onFullscreen?: ((isFullscreen: boolean) => any) | undefined;
 }>, {
-  wordWrap: boolean;
   trim: boolean;
   code: string;
   language: string;
   showHeader: boolean;
   showLineNumbers: boolean;
+  wordWrap: boolean;
   showFullscreen: boolean;
   autoLoadLanguage: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index8.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onUpdate:smartRange"?: ((value: DateRangeValue) => any) | undefined;
 }>, {
   disabled: boolean;
-  mode: DatePickerMode;
   placeholder: string;
+  mode: DatePickerMode;
   startPlaceholder: string;
   endPlaceholder: string;
   disabledBeforeToday: boolean;

package/dist/index9.vue.d.ts

@@ -28,11 +28,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   "onEditor-mounted"?: ((editor: any) => any) | undefined;
   "onEditor-change"?: ((html: string) => any) | undefined;
 }>, {
-  height: number;
   disabled: boolean;
   theme: "light" | "dark";
-  placeholder: string;
   modelValue: string;
+  height: number;
+  placeholder: string;
   readonly: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/menuAdapter.js

@@ -1,2 +1,2 @@
-import{h as e}from"vue";import{Icon as t}from"@iconify/vue";const n=e=>e.startsWith(`/`)?e:`/${e}`,r=e=>e.path?n(e.path):``,i=e=>e.meta?.title||e.name||``,a=e=>!e.meta?.hidden,o=n=>{if(n){if(typeof n==`string`)return()=>e(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[e(t,{icon:n})]);if(typeof n==`function`)return n}};function s(e,t={}){let{labelFormatter:n=e=>e,getKey:s=r,getLabel:c=i,filter:l=a,renderIcon:u=o,recursive:d=!0}=t,f=e=>e.filter(l).map(e=>{let t=e.meta?.icon||e.icon,r=d&&e.children?.length?f(e.children):void 0;return{key:s(e),label:n(c(e)),disabled:e.disabled||!1,icon:u(t),...e.type&&{type:e.type},...r?.length&&{children:r}}});return f(e)}function c(e,t=a){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}export{c as n,s as t};
+import{t as e}from"./C_Icon2.js";import{h as t}from"vue";const n=e=>e.startsWith(`/`)?e:`/${e}`,r=e=>e.path?n(e.path):``,i=e=>e.meta?.title||e.name||``,a=e=>!e.meta?.hidden,o=n=>{if(n){if(typeof n==`string`)return()=>t(e,{name:n,size:18});if(typeof n==`function`)return n}};function s(e,t={}){let{labelFormatter:n=e=>e,getKey:s=r,getLabel:c=i,filter:l=a,renderIcon:u=o,recursive:d=!0}=t,f=e=>e.filter(l).map(e=>{let t=e.meta?.icon||e.icon,r=d&&e.children?.length?f(e.children):void 0;return{key:s(e),label:n(c(e)),disabled:e.disabled||!1,icon:u(t),...e.type&&{type:e.type},...r?.length&&{children:r}}});return f(e)}function c(e,t=a){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}export{c as n,s as t};
 //# sourceMappingURL=menuAdapter.js.map