@robot-admin/naive-ui-components 0.6.6 → 0.6.7

package/dist/{C_Breadcrumb-BnOGXsSX.css.map → C_Breadcrumb-B5PGpP5m.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb-BnOGXsSX.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb {\n  --c-breadcrumb-icon-size: 16px;\n  --c-breadcrumb-gap: 4px;\n  --c-breadcrumb-font-size: inherit;\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--c-breadcrumb-gap);\n  font-size: var(--c-breadcrumb-font-size);\n  line-height: 1;\n}\n.c-breadcrumb .c-icon {\n  flex-shrink: 0;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Breadcrumb-B5PGpP5m.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb {\n  --c-breadcrumb-icon-size: 16px;\n  --c-breadcrumb-gap: 4px;\n  --c-breadcrumb-font-size: inherit;\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--c-breadcrumb-gap);\n  font-size: var(--c-breadcrumb-font-size);\n  line-height: 1;\n  cursor: pointer;\n}\n.c-breadcrumb .c-icon {\n  flex-shrink: 0;\n}\n.c-breadcrumb .n-breadcrumb-item__separator {\n  display: inline-flex;\n  align-items: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Breadcrumb-DKBofJky.css.map → C_Breadcrumb-Cay7qluL.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb-DKBofJky.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb {\n  --c-breadcrumb-icon-size: 16px;\n  --c-breadcrumb-gap: 4px;\n  --c-breadcrumb-font-size: inherit;\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--c-breadcrumb-gap);\n  font-size: var(--c-breadcrumb-font-size);\n  line-height: 1;\n}\n.c-breadcrumb .c-icon {\n  flex-shrink: 0;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Breadcrumb-Cay7qluL.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb {\n  --c-breadcrumb-icon-size: 16px;\n  --c-breadcrumb-gap: 4px;\n  --c-breadcrumb-font-size: inherit;\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--c-breadcrumb-gap);\n  font-size: var(--c-breadcrumb-font-size);\n  line-height: 1;\n  cursor: pointer;\n}\n.c-breadcrumb .c-icon {\n  flex-shrink: 0;\n}\n.c-breadcrumb .n-breadcrumb-item__separator {\n  display: inline-flex;\n  align-items: center;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Breadcrumb.css

@@ -12,9 +12,14 @@
   gap: var(--c-breadcrumb-gap);
   font-size: var(--c-breadcrumb-font-size);
   line-height: 1;
+  cursor: pointer;
 }
 .c-breadcrumb .c-icon {
   flex-shrink: 0;
 }
+.c-breadcrumb .n-breadcrumb-item__separator {
+  display: inline-flex;
+  align-items: center;
+}
 
-/*# sourceMappingURL=C_Breadcrumb-BnOGXsSX.css.map*/
+/*# sourceMappingURL=C_Breadcrumb-B5PGpP5m.css.map*/

package/dist/C_Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n","<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n"],"mappings":"6WE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,GAAA,EAAA,EAAA,WAAiB,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,GAAA,EAAA,EAAA,cACG,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,GAAA,EAAA,EAAA,cACE,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,uHAxEd,MAAA,CAvCJ,MAAM,8BACL,OAAA,EAAA,EAAA,gBAAK,+BAAyCA,EAAAA,SAAQ,4BAAqC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,0BAqC1G,EAAA,KAAA,2BA9B8B,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA6BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA7BQ,EAAA,OAAhB,EAAM,yCA6BE,EAAA,CA5Bf,IAAK,EAAK,CAAA,2BAkBb,CAfU,EAAK,UAAU,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAYX,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,8BASH,EAAA,EAAA,EAAA,oBAAA,MAPN,EAOM,CALIC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,qEAcV,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"C_Breadcrumb.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n","<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n"],"mappings":"6WE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,GAAA,EAAA,EAAA,WAAiB,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,GAAA,EAAA,EAAA,cACG,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,GAAA,EAAA,EAAA,cACE,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,uHAxEd,MAAA,CAvCJ,MAAM,8BACL,OAAA,EAAA,EAAA,gBAAK,+BAAyCA,EAAAA,SAAQ,4BAAqC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,0BAqC1G,EAAA,KAAA,2BA9B8B,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA6BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA7BQ,EAAA,OAAhB,EAAM,yCA6BE,EAAA,CA5Bf,IAAK,EAAK,CAAA,2BAkBb,CAfU,EAAK,UAAU,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAYX,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,8BASH,EAAA,EAAA,EAAA,oBAAA,MAPN,EAOM,CALIC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,qEAcV,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAGN,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,6FACP,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/C_Breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb2.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n","<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n  }\n</style>\n"],"mappings":"opBE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,EAAQ,GAAS,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,EAAiB,MACd,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,EAAkB,MAChB,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,2CAhHpB,EAwCM,MAAA,CAvCJ,MAAM,8BACL,MAAK,EAAA,+BAAyCA,EAAAA,SAAQ,4BAAqC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,QAKxH,EAgCc,EAAA,KAAA,eA9B8B,EAAA,EAAA,GAAA,CAD1C,EA8BkB,EAAA,KAAA,EA7BQ,EAAA,OAAhB,EAAM,SADhB,EA8BkB,EAAA,CA5Bf,IAAK,EAAK,CAAA,eAkBb,CAfU,EAAK,UAAU,QAAA,GAAA,CADvB,EAaY,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,kBASH,CAPN,EAOM,MAPN,EAOM,CALIC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,8BAGjB,EAWO,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"C_Breadcrumb2.js","names":["iconSize","showIcon"],"sources":["../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue","../src/components/C_Breadcrumb/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n","<!--\n * @Description: 通用面包屑组件 — 基于 NBreadcrumb 的路由面包屑导航\n *\n * 支持两种模式：\n * 1. 自动模式（默认）— 从 `route.matched` 自动生成面包屑\n * 2. 手动模式 — 传入 `items` 完全自定义\n *\n * @example 自动模式（零配置）\n * ```vue\n * <C_Breadcrumb\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 手动模式\n * ```vue\n * <C_Breadcrumb\n *   :items=\"customBreadcrumbs\"\n *   @select=\"handleSelect\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    class=\"c-breadcrumb flex-1 min-w-0\"\n    :style=\"{\n      '--c-breadcrumb-icon-size': `${iconSize}px`,\n      '--c-breadcrumb-gap': `${Math.max(Math.round(iconSize / 4), 2)}px`,\n    }\"\n  >\n    <NBreadcrumb>\n      <NBreadcrumbItem\n        v-for=\"(item, index) in breadcrumbItems\"\n        :key=\"index\"\n      >\n        <NDropdown\n          v-if=\"item.children?.length\"\n          :options=\"item.children\"\n          @select=\"handleSelect\"\n        >\n          <div class=\"c-breadcrumb__trigger\">\n            <C_Icon\n              v-if=\"showIcon\"\n              :name=\"item.icon\"\n              :size=\"iconSize\"\n            />\n            {{ item.label }}\n          </div>\n        </NDropdown>\n        <span\n          v-else\n          class=\"c-breadcrumb__link\"\n          @click=\"handleSelect(item.key)\"\n        >\n          <C_Icon\n            v-if=\"showIcon\"\n            :name=\"item.icon\"\n            :size=\"iconSize\"\n          />\n          {{ item.label }}\n        </span>\n      </NBreadcrumbItem>\n    </NBreadcrumb>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import { C_Icon } from '../C_Icon'\n  import type { BreadcrumbItem } from '../_shared'\n\n  defineOptions({ name: 'C_Breadcrumb' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 手动传入面包屑数据\n       * 不传时自动从 `route.matched` 生成（零配置）\n       */\n      items?: BreadcrumbItem[]\n      /** 是否显示图标 */\n      showIcon?: boolean\n      /** 图标大小 (px)，默认 16 */\n      iconSize?: number\n      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\n      iconSize: 16,\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 面包屑项被选中（返回路径 key） */\n    select: [path: string]\n  }>()\n\n  const route = useRoute()\n\n  const formatLabel = (title: string): string =>\n    props.labelFormatter ? props.labelFormatter(title) : title\n\n  /** 从 route.matched 自动生成面包屑 */\n  const autoBreadcrumb = computed<BreadcrumbItem[]>(() => {\n    return route.matched\n      .filter((record: any) => record.meta?.title)\n      .map((record: any) => ({\n        key: record.path,\n        label: formatLabel((record.meta.title || '') as string),\n        icon: record.meta.icon as string | undefined,\n        children: record.children?.length\n          ? record.children.map((child: any) => ({\n              key: child.path,\n              label: formatLabel((child.meta?.title || '') as string),\n              ...(child.children?.length && {\n                children: child.children.map((grandChild: any) => ({\n                  key: grandChild.path,\n                  label: formatLabel((grandChild.meta?.title || '') as string),\n                })),\n              }),\n            }))\n          : [],\n      }))\n  })\n\n  const breadcrumbItems = computed<BreadcrumbItem[]>(\n    () => props.items ?? autoBreadcrumb.value\n  )\n\n  const handleSelect = (key: string) => {\n    emit('select', key)\n  }\n</script>\n\n<style lang=\"scss\">\n  .c-breadcrumb {\n    // 暴露 CSS 变量，方便主项目覆盖\n    --c-breadcrumb-icon-size: 16px;\n    --c-breadcrumb-gap: 4px;\n    --c-breadcrumb-font-size: inherit;\n\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--c-breadcrumb-gap);\n      font-size: var(--c-breadcrumb-font-size);\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    // 确保 C_Icon 在面包屑中尺寸一致\n    .c-icon {\n      flex-shrink: 0;\n    }\n\n    // 修复分隔符垂直对齐偏移\n    .n-breadcrumb-item__separator {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n</style>\n"],"mappings":"opBE6EE,IAAM,EAAQ,EAuBR,EAAO,EAKP,EAAQ,GAAS,CAEjB,EAAe,GACnB,EAAM,eAAiB,EAAM,eAAe,EAAM,CAAG,EAGjD,EAAiB,MACd,EAAM,QACV,OAAQ,GAAgB,EAAO,MAAM,MAAK,CAC1C,IAAK,IAAiB,CACrB,IAAK,EAAO,KACZ,MAAO,EAAa,EAAO,KAAK,OAAS,GAAc,CACvD,KAAM,EAAO,KAAK,KAClB,SAAU,EAAO,UAAU,OACvB,EAAO,SAAS,IAAK,IAAgB,CACnC,IAAK,EAAM,KACX,MAAO,EAAa,EAAM,MAAM,OAAS,GAAc,CACvD,GAAI,EAAM,UAAU,QAAU,CAC5B,SAAU,EAAM,SAAS,IAAK,IAAqB,CACjD,IAAK,EAAW,KAChB,MAAO,EAAa,EAAW,MAAM,OAAS,GAAc,CAC7D,EAAE,CACJ,CACF,EAAC,CACF,EAAE,CACP,EAAC,CACL,CAEK,EAAkB,MAChB,EAAM,OAAS,EAAe,MACtC,CAEM,EAAgB,GAAgB,CACpC,EAAK,SAAU,EAAG,2CAhHpB,EAwCM,MAAA,CAvCJ,MAAM,8BACL,MAAK,EAAA,+BAAyCA,EAAAA,SAAQ,4BAAqC,KAAK,IAAI,KAAK,MAAMA,EAAAA,SAAQ,EAAA,CAAA,EAAA,CAAA,QAKxH,EAgCc,EAAA,KAAA,eA9B8B,EAAA,EAAA,GAAA,CAD1C,EA8BkB,EAAA,KAAA,EA7BQ,EAAA,OAAhB,EAAM,SADhB,EA8BkB,EAAA,CA5Bf,IAAK,EAAK,CAAA,eAkBb,CAfU,EAAK,UAAU,QAAA,GAAA,CADvB,EAaY,EAAA,OAXT,QAAS,EAAK,SACd,SAAQ,kBASH,CAPN,EAOM,MAPN,EAOM,CALIC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,8BAGjB,EAWO,OAAA,OATL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBC,EAAAA,UAAAA,GAAAA,CADR,EAIE,EAAA,EAAA,CAAA,OAFC,KAAM,EAAK,KACX,KAAMD,EAAAA,kDACP,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/constants.d.ts

@@ -120,11 +120,11 @@ declare const __VLS_export: vue.DefineComponent<CronProps, {
 }>, {
   modelValue: string;
   disabled: boolean;
-  height: string | number;
-  showPreview: boolean;
   previewCount: number;
   showTemplates: boolean;
+  showPreview: boolean;
   showSecond: boolean;
+  height: string | number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/constants2.d.ts

@@ -122,12 +122,12 @@ declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEdito
 }>, {
   modelValue: string;
   disabled: boolean;
-  placeholder: string;
+  showPreview: boolean;
   height: string | number;
+  placeholder: string;
   variables: FormulaVariable[];
   functions: FormulaFunction[];
   sampleData: Record<string, number | string | boolean>;
-  showPreview: boolean;
   showKeyboard: boolean;
   showVariablePanel: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

package/dist/constants5.d.ts

@@ -259,8 +259,8 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#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;
   ready: () => any;
+  error: (error: Error) => any;
   ended: () => any;
   stateChange: (state: PlayerState) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
@@ -272,8 +272,8 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   chapterChange: (chapter: Chapter) => any;
   progressUpdate: (data: ProgressData) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
-  onError?: ((error: Error) => any) | undefined;
   onReady?: (() => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
   onEnded?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onTimeUpdate?: ((currentTime: number, duration: number) => any) | undefined;

package/dist/data.d.ts

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

package/dist/index11.vue.d.ts

@@ -41,25 +41,25 @@ 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;
 }>, {
-  size: number | string;
   type: "iconify" | "unocss" | "component" | "svg" | "image";
   title: string;
+  size: number | string;
   name: string | any;
   color: string;
   flip: "horizontal" | "vertical" | "both";
+  clickable: boolean;
   loading: boolean;
   svgPath: string;
   viewBox: string;
   alt: string;
-  clickable: boolean;
   fallbackIcon: string;
   ariaLabel: string;
   customClass: string;

package/dist/index13.vue.d.ts

@@ -60,10 +60,9 @@ declare const __VLS_export: vue.DefineComponent<Props, {
 }>, {
   modelValue: string;
   disabled: boolean;
-  placeholder: string;
   height: string | number;
   mode: "edit" | "editable" | "preview";
-  autoSave: boolean;
+  placeholder: string;
   isDark: boolean;
   tocNavPosition: "left" | "right";
   defaultFullscreen: boolean;
@@ -73,6 +72,7 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   rightToolbar: string;
   maxLength: number;
   showWordCount: boolean;
+  autoSave: boolean;
   autoSaveInterval: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index15.vue.d.ts

@@ -34,12 +34,12 @@ 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<{}>, {
+  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>;

package/dist/index16.vue.d.ts

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

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;
 }>, {
-  title: string;
   height: string | number;
-  theme: "light" | "dark";
+  title: string;
+  options: GanttOptions;
   data: GanttTask[];
   showToolbar: boolean;
-  options: GanttOptions;
+  theme: "light" | "dark";
   preset: GanttPreset;
   showFullscreenButton: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index2.vue.d.ts

@@ -20,7 +20,6 @@ declare const __VLS_export: vue.DefineComponent<Props, {}, {}, {}, {}, vue.Compo
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  label: string;
   height: number;
   width: number;
   format: "CODE128" | "CODE39" | "EAN13" | "EAN8" | "UPC" | "ITF14" | "MSI" | "pharmacode";
@@ -30,6 +29,7 @@ declare const __VLS_export: vue.DefineComponent<Props, {}, {}, {}, {}, vue.Compo
   lineColor: string;
   background: string;
   showBorder: boolean;
+  label: string;
   showLabel: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index4.vue.d.ts

@@ -18,20 +18,20 @@ declare const __VLS_export: vue.DefineComponent<CaptchaProps, {
   reset: () => void;
   show: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  change: (valid: boolean) => any;
+  reset: () => any;
   success: (data: {
     token: string;
     timestamp: number;
   }) => any;
-  change: (valid: boolean) => any;
-  reset: () => any;
   fail: (error: string) => any;
 }, string, vue.PublicProps, Readonly<CaptchaProps> & Readonly<{
+  onChange?: ((valid: boolean) => any) | undefined;
+  onReset?: (() => any) | undefined;
   onSuccess?: ((data: {
     token: string;
     timestamp: number;
   }) => any) | undefined;
-  onChange?: ((valid: boolean) => any) | undefined;
-  onReset?: (() => any) | undefined;
   onFail?: ((error: string) => any) | undefined;
 }>, {
   disabled: boolean;

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, {
-  click: (event: MouseEvent) => any;
   copy: (code: string) => any;
+  click: (event: MouseEvent) => any;
   fullscreen: (isFullscreen: boolean) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
   onCopy?: ((code: string) => any) | undefined;
+  onClick?: ((event: MouseEvent) => any) | undefined;
   onFullscreen?: ((isFullscreen: boolean) => any) | undefined;
 }>, {
-  trim: boolean;
   code: string;
   language: string;
   showHeader: boolean;
   showLineNumbers: boolean;
   wordWrap: boolean;
+  trim: boolean;
   showFullscreen: boolean;
   autoLoadLanguage: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/index8.vue.d.ts

@@ -25,23 +25,23 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   endDate: vue.Ref<DateValue, DateValue>;
   clearAll: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  change: (value: number | [number, number] | null) => any;
   "update:singleDate": (value: DateValue) => any;
   "update:singleDateTime": (value: DateValue) => any;
   "update:dateRange": (value: DateRangeValue) => any;
   "update:dateTimeRange": (value: DateRangeValue) => any;
   "update:smartRange": (value: DateRangeValue) => any;
-  change: (value: number | [number, number] | null) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
+  onChange?: ((value: number | [number, number] | null) => any) | undefined;
   "onUpdate:singleDate"?: ((value: DateValue) => any) | undefined;
   "onUpdate:singleDateTime"?: ((value: DateValue) => any) | undefined;
   "onUpdate:dateRange"?: ((value: DateRangeValue) => any) | undefined;
   "onUpdate:dateTimeRange"?: ((value: DateRangeValue) => any) | undefined;
   "onUpdate:smartRange"?: ((value: DateRangeValue) => any) | undefined;
-  onChange?: ((value: number | [number, number] | null) => any) | undefined;
 }>, {
   disabled: boolean;
-  placeholder: string;
   mode: DatePickerMode;
+  placeholder: string;
   startPlaceholder: string;
   endPlaceholder: string;
   disabledBeforeToday: boolean;

package/dist/index9.vue.d.ts

@@ -30,10 +30,10 @@ declare const __VLS_export: vue.DefineComponent<Props, {
 }>, {
   modelValue: string;
   disabled: boolean;
-  placeholder: string;
-  readonly: boolean;
   height: number;
+  readonly: boolean;
   theme: "light" | "dark";
+  placeholder: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/style.css

@@ -655,7 +655,7 @@ html.dark .action-divider[data-v-f5b5f258]:hover {
 
 /*# sourceMappingURL=C_Barcode-DYDRDe2O.css.map*/
 
-/* --- C_Breadcrumb-BnOGXsSX.css --- */
+/* --- C_Breadcrumb-B5PGpP5m.css --- */
 /* unplugin-vue-components disabled */.c-breadcrumb {
   --c-breadcrumb-icon-size: 16px;
   --c-breadcrumb-gap: 4px;
@@ -670,12 +670,17 @@ html.dark .action-divider[data-v-f5b5f258]:hover {
   gap: var(--c-breadcrumb-gap);
   font-size: var(--c-breadcrumb-font-size);
   line-height: 1;
+  cursor: pointer;
 }
 .c-breadcrumb .c-icon {
   flex-shrink: 0;
 }
+.c-breadcrumb .n-breadcrumb-item__separator {
+  display: inline-flex;
+  align-items: center;
+}
 
-/*# sourceMappingURL=C_Breadcrumb-BnOGXsSX.css.map*/
+/*# sourceMappingURL=C_Breadcrumb-B5PGpP5m.css.map*/
 
 /* --- C_Captcha-9_hk6VmY.css --- */
 /* unplugin-vue-components disabled */.c-captcha-modern[data-v-a4319836] {

package/dist/useCalendarEvents.d.ts

@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
   }) => any) | undefined;
   "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
 }>, {
-  events: CalendarEvent[];
-  initialView: CalendarViewType;
   editable: boolean;
+  initialView: CalendarViewType;
+  events: CalendarEvent[];
   showAddDialog: boolean;
   showEditDialog: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/useCollapsePanel.d.ts

@@ -78,13 +78,13 @@ declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}
   onExpand?: ((key: string) => any) | undefined;
   onCollapse?: ((key: string) => any) | undefined;
 }>, {
-  persistKey: string;
   activeKeys: string[];
   defaultActiveKeys: string[];
   accordion: boolean;
   variant: CollapsePanelVariant;
   expandIconPosition: ExpandIconPosition;
   bordered: boolean;
+  persistKey: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/useCropperCore.d.ts

@@ -51,24 +51,24 @@ interface ImageCropperEmits {
 //#endregion
 //#region src/components/C_ImageCropper/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (error: Event) => any;
   ready: () => any;
+  error: (error: Event) => any;
   cancel: () => any;
   crop: (result: any) => any;
   confirm: (result: any) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
-  onError?: ((error: Event) => any) | undefined;
   onReady?: (() => any) | undefined;
+  onError?: ((error: Event) => any) | undefined;
   onCancel?: (() => any) | undefined;
   onCrop?: ((result: any) => any) | undefined;
   onConfirm?: ((result: any) => any) | undefined;
 }>, {
   disabled: boolean;
+  showPreview: boolean;
   height: string | number;
   showToolbar: boolean;
-  showPreview: boolean;
-  aspectRatio: number;
   src: string;
+  aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;

package/dist/useDraggableLayout.d.ts

@@ -119,6 +119,7 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   sort: boolean;
   modelValue: DraggableItem[];
   disabled: boolean;
+  direction: "vertical" | "horizontal";
   group: string | GroupOptions;
   animation: number;
   delay: number;
@@ -134,7 +135,6 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   emptyText: string;
   swapThreshold: number;
   invertSwap: boolean;
-  direction: "vertical" | "horizontal";
   layout: LayoutMode;
   gridColumns: number;
   gridRows: number;

package/dist/useDynamicFormState.d.ts

@@ -429,14 +429,14 @@ declare const __VLS_base: vue.DefineComponent<CFormProps, {
   shouldShowDefaultActions: vue.ComputedRef<boolean>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (model: Record<string, any>) => any;
+  "validate-error": (errors: unknown) => any;
   submit: (payload: SubmitEventPayload) => any;
   "validate-success": (model: Record<string, any>) => any;
-  "validate-error": (errors: unknown) => any;
 }, string, vue.PublicProps, Readonly<CFormProps> & Readonly<{
   "onUpdate:modelValue"?: ((model: Record<string, any>) => any) | undefined;
+  "onValidate-error"?: ((errors: unknown) => any) | undefined;
   onSubmit?: ((payload: SubmitEventPayload) => any) | undefined;
   "onValidate-success"?: ((model: Record<string, any>) => any) | undefined;
-  "onValidate-error"?: ((errors: unknown) => any) | undefined;
 }>, {
   config: FormConfig;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -1296,8 +1296,6 @@ declare const useDynamicFormState: () => {
       readonly rules?: readonly {
         readonly type?: RuleType | undefined;
         readonly required?: boolean | undefined;
-        readonly level?: "warning" | "error" | undefined;
-        readonly key?: string | undefined;
         readonly options?: {
           readonly suppressWarning?: boolean | undefined;
           readonly suppressValidatorError?: boolean | undefined;
@@ -1353,9 +1351,12 @@ declare const useDynamicFormState: () => {
           readonly keys?: readonly string[] | undefined;
           readonly error?: ((rule: InternalRuleItem, message: string) => ValidateError) | undefined;
         } | undefined;
+        readonly level?: "warning" | "error" | undefined;
+        readonly key?: string | undefined;
         readonly trigger?: string | readonly string[] | undefined;
-        readonly pattern?: (RegExp | string) | undefined;
+        readonly message?: string | ((a?: string) => string) | undefined;
         readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
+        readonly pattern?: (RegExp | string) | undefined;
         readonly min?: number | undefined;
         readonly max?: number | undefined;
         readonly len?: number | undefined;
@@ -1930,7 +1931,6 @@ declare const useDynamicFormState: () => {
           readonly validator?: ((rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => SyncValidateResult | void) | undefined;
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
-        readonly message?: string | ((a?: string) => string) | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;
@@ -3573,8 +3573,6 @@ declare const useDynamicFormState: () => {
       readonly rules?: readonly {
         readonly type?: RuleType | undefined;
         readonly required?: boolean | undefined;
-        readonly level?: "warning" | "error" | undefined;
-        readonly key?: string | undefined;
         readonly options?: {
           readonly suppressWarning?: boolean | undefined;
           readonly suppressValidatorError?: boolean | undefined;
@@ -3630,9 +3628,12 @@ declare const useDynamicFormState: () => {
           readonly keys?: readonly string[] | undefined;
           readonly error?: ((rule: InternalRuleItem, message: string) => ValidateError) | undefined;
         } | undefined;
+        readonly level?: "warning" | "error" | undefined;
+        readonly key?: string | undefined;
         readonly trigger?: string | readonly string[] | undefined;
-        readonly pattern?: (RegExp | string) | undefined;
+        readonly message?: string | ((a?: string) => string) | undefined;
         readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
+        readonly pattern?: (RegExp | string) | undefined;
         readonly min?: number | undefined;
         readonly max?: number | undefined;
         readonly len?: number | undefined;
@@ -4207,7 +4208,6 @@ declare const useDynamicFormState: () => {
           readonly validator?: ((rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => SyncValidateResult | void) | undefined;
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
-        readonly message?: string | ((a?: string) => string) | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;

package/dist/useEdgeInteraction.d.ts

@@ -259,11 +259,11 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   onReady?: ((graph: any) => any) | undefined;
   "onData-change"?: ((data: DiagramData) => any) | undefined;
 }>, {
-  readonly: boolean;
   height: string | number;
-  theme: "light" | "dark";
   width: string | number;
+  readonly: boolean;
   showToolbar: boolean;
+  theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useGlobalSearch.d.ts

@@ -50,8 +50,8 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   openDialog: () => Promise<void>;
   closeDialog: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Props> & Readonly<{}>, {
-  emptyText: string;
   placeholder: string;
+  emptyText: string;
   resultGroupTitle: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useInfiniteScroll.d.ts

@@ -89,14 +89,14 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
-  gap: number;
   columns: number;
+  gap: number;
   loading: boolean;
-  animationDuration: number;
-  infinite: boolean;
   lazy: boolean;
+  infinite: boolean;
   skeleton: boolean;
   skeletonCount: number;
+  animationDuration: number;
   breakpoints: WaterFallBreakpoint[];
   noMore: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/useModalEdit.d.ts

@@ -590,7 +590,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     clearAllSelections(): void;
   };
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  cancel: (rowData: DataRecord, rowIndex: number) => any;
   "pagination-change": (...args: unknown[]) => any;
   "row-delete": (...args: unknown[]) => any;
   "expand-change": (expandedKeys: DataTableRowKey$1[], row?: DataRecord | undefined, expanded?: boolean | undefined) => any;
@@ -599,6 +598,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "parent-child-link-change": (parentKey: DataTableRowKey$1, shouldSelect: boolean) => any;
   "update:data": (data: DataRecord[]) => any;
   save: (rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any;
+  cancel: (rowData: DataRecord, rowIndex: number) => any;
   "row-add": (newRow: DataRecord) => any;
   "row-copy": (originalRow: DataRecord, newRow: DataRecord) => any;
   "row-move": (row: DataRecord, fromIndex: number, toIndex: number) => any;
@@ -606,7 +606,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "view-detail": (data: DataRecord) => any;
   "column-change": (columns: TableColumn[]) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onCancel?: ((rowData: DataRecord, rowIndex: number) => any) | undefined;
   "onPagination-change"?: ((...args: unknown[]) => any) | undefined;
   "onRow-delete"?: ((...args: unknown[]) => any) | undefined;
   "onExpand-change"?: ((expandedKeys: DataTableRowKey$1[], row?: DataRecord | undefined, expanded?: boolean | undefined) => any) | undefined;
@@ -615,6 +614,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "onParent-child-link-change"?: ((parentKey: DataTableRowKey$1, shouldSelect: boolean) => any) | undefined;
   "onUpdate:data"?: ((data: DataRecord[]) => any) | undefined;
   onSave?: ((rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any) | undefined;
+  onCancel?: ((rowData: DataRecord, rowIndex: number) => any) | undefined;
   "onRow-add"?: ((newRow: DataRecord) => any) | undefined;
   "onRow-copy"?: ((originalRow: DataRecord, newRow: DataRecord) => any) | undefined;
   "onRow-move"?: ((row: DataRecord, fromIndex: number, toIndex: number) => any) | undefined;

package/dist/useQRCode.d.ts

@@ -50,15 +50,15 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
+  mode: RenderMode;
   size: number;
-  label: string;
-  color: string;
   showBorder: boolean;
+  label: string;
   showLabel: boolean;
-  mode: RenderMode;
-  margin: number;
+  color: string;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
+  margin: number;
   logo: LogoOptions;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSearchState.d.ts

@@ -55,16 +55,16 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   cleanFn: () => void;
   changeFoldState: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  search: (params: SearchFormParams) => any;
   reset: () => any;
+  search: (params: SearchFormParams) => any;
   "change-params": (params: SearchFormParams) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onSearch?: ((params: SearchFormParams) => any) | undefined;
   onReset?: (() => any) | undefined;
+  onSearch?: ((params: SearchFormParams) => any) | undefined;
   "onChange-params"?: ((params: SearchFormParams) => any) | undefined;
 }>, {
-  size: "small" | "medium" | "large";
   bordered: boolean;
+  size: "small" | "medium" | "large";
   formItemList: SearchFormItem[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSignatureHistory.d.ts

@@ -91,16 +91,16 @@ interface SignatureEmits {
 //#endregion
 //#region src/components/C_Signature/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  clear: () => any;
   change: (data: SignatureStroke[]) => any;
+  clear: () => any;
   "start-draw": () => any;
   drawing: (point: SignaturePoint) => any;
   "end-draw": (stroke: SignatureStroke) => any;
   undo: () => any;
   redo: () => any;
 }, string, vue.PublicProps, Readonly<SignatureProps> & Readonly<{
-  onClear?: (() => any) | undefined;
   onChange?: ((data: SignatureStroke[]) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onStart-draw"?: (() => any) | undefined;
   onDrawing?: ((point: SignaturePoint) => any) | undefined;
   "onEnd-draw"?: ((stroke: SignatureStroke) => any) | undefined;
@@ -108,9 +108,9 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
   onRedo?: (() => any) | undefined;
 }>, {
   disabled: boolean;
-  readonly: boolean;
   height: number | string;
   width: number | string;
+  readonly: boolean;
   showToolbar: boolean;
   maxHistory: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/useSplitResize.d.ts

@@ -66,24 +66,24 @@ type __VLS_Slots = {} & {
   second?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<Props, SplitPaneExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "drag-start": (size: number) => any;
-  "drag-end": (size: number) => any;
   expand: (target: CollapseTarget) => any;
   collapse: (target: CollapseTarget) => any;
   resize: (firstSize: number, secondSize: number) => any;
+  "drag-start": (size: number) => any;
+  "drag-end": (size: number) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  "onDrag-start"?: ((size: number) => any) | undefined;
-  "onDrag-end"?: ((size: number) => any) | undefined;
   onExpand?: ((target: CollapseTarget) => any) | undefined;
   onCollapse?: ((target: CollapseTarget) => any) | undefined;
   onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
+  "onDrag-start"?: ((size: number) => any) | undefined;
+  "onDrag-end"?: ((size: number) => any) | undefined;
 }>, {
   disabled: boolean;
-  direction: SplitDirection;
   step: number;
-  maxSize: number;
+  direction: SplitDirection;
   defaultSize: number;
   minSize: number;
+  maxSize: number;
   collapsible: boolean;
   showCollapseButton: boolean;
   gutterSize: number;

package/dist/useTimeSelection.d.ts

@@ -48,12 +48,11 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
   "onChange-start"?: ((time: number | null) => any) | undefined;
   "onChange-end"?: ((time: number | null) => any) | undefined;
 }>, {
-  placeholder: string;
-  format: string;
   mode: TimeMode;
+  placeholder: string;
   startPlaceholder: string;
   endPlaceholder: string;
-  attrs: Record<string, any>;
+  format: string;
   useHours: boolean;
   useMinutes: boolean;
   useSeconds: boolean;
@@ -62,6 +61,7 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
   secondStep: number;
   startTimeProps: Record<string, any>;
   endTimeProps: Record<string, any>;
+  attrs: Record<string, any>;
   defaultStartTime: number | null;
   defaultEndTime: number | null;
   defaultSingleTime: number | null;

package/dist/useTreeOperations.d.ts

@@ -91,23 +91,24 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<TreeProps, TreeExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   add: (parentNode?: TreeNodeData | undefined) => any;
+  refresh: () => any;
   "node-select": (node: TreeNodeData | null, selectedKeys: (string | number)[]) => any;
   "node-action": (action: string, node: TreeNodeData) => any;
   "node-drop": (info: DropInfo) => any;
-  refresh: () => any;
 }, string, vue.PublicProps, Readonly<TreeProps> & Readonly<{
   onAdd?: ((parentNode?: TreeNodeData | undefined) => any) | undefined;
+  onRefresh?: (() => any) | undefined;
   "onNode-select"?: ((node: TreeNodeData | null, selectedKeys: (string | number)[]) => any) | undefined;
   "onNode-action"?: ((action: string, node: TreeNodeData) => any) | undefined;
   "onNode-drop"?: ((info: DropInfo) => any) | undefined;
-  onRefresh?: (() => any) | undefined;
 }>, {
-  draggable: boolean;
-  showToolbar: boolean;
   mode: TreeMode;
+  showToolbar: boolean;
+  draggable: boolean;
   labelField: string;
   keyField: string;
   childrenField: string;
+  actions: ActionConfig[];
   searchPattern: string;
   searchable: boolean;
   searchPlaceholder: string;
@@ -118,7 +119,6 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, TreeExpose, {}, {}, {},
   iconField: string;
   iconConfig: IconConfig;
   statusConfigs: StatusConfig[];
-  actions: ActionConfig[];
   defaultExpandAll: boolean;
   defaultExpandedKeys: (string | number)[];
   defaultSelectedKeys: (string | number)[];

package/dist/useWorkflowValidation.d.ts

@@ -239,17 +239,17 @@ declare const __VLS_export: vue.DefineComponent<WorkflowProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (value: WorkflowData) => any;
   change: (value: WorkflowData) => any;
-  "validate-error": (errors: ValidationError[]) => any;
   save: (data: WorkflowData) => any;
   "node-click": (node: WorkflowNode) => any;
   "edge-click": (edge: WorkflowEdge) => any;
+  "validate-error": (errors: ValidationError[]) => any;
 }, string, vue.PublicProps, Readonly<WorkflowProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: WorkflowData) => any) | undefined;
   onChange?: ((value: WorkflowData) => any) | undefined;
-  "onValidate-error"?: ((errors: ValidationError[]) => any) | undefined;
   onSave?: ((data: WorkflowData) => any) | undefined;
   "onNode-click"?: ((node: WorkflowNode) => any) | undefined;
   "onEdge-click"?: ((edge: WorkflowEdge) => any) | undefined;
+  "onValidate-error"?: ((errors: ValidationError[]) => any) | undefined;
 }>, {
   readonly: boolean;
   theme: "light" | "dark";

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "基于 Naive UI 的 Vue 3 组件库",
   "type": "module",
   "main": "dist/index.cjs",