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

package/dist/C_Breadcrumb-BnOGXsSX.css.map

@@ -0,0 +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"}

package/dist/C_Breadcrumb-DKBofJky.css.map

@@ -0,0 +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"}

package/dist/C_Breadcrumb.css

@@ -1,7 +1,20 @@
-/* unplugin-vue-components disabled */.c-breadcrumb__trigger, .c-breadcrumb__link {
+/* unplugin-vue-components disabled */.c-breadcrumb {
+  --c-breadcrumb-icon-size: 16px;
+  --c-breadcrumb-gap: 4px;
+  --c-breadcrumb-font-size: inherit;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.c-breadcrumb__trigger, .c-breadcrumb__link {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: var(--c-breadcrumb-gap);
+  font-size: var(--c-breadcrumb-font-size);
+  line-height: 1;
+}
+.c-breadcrumb .c-icon {
+  flex-shrink: 0;
 }
 
-/*# sourceMappingURL=C_Breadcrumb-D55Jd2CK.css.map*/
+/*# sourceMappingURL=C_Breadcrumb-BnOGXsSX.css.map*/

package/dist/C_Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb.js","names":["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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n</style>\n"],"mappings":"+XEqEE,IAAM,EAAQ,EAoBR,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,uHArEd,MAhCN,EAgCM,EAAA,EAAA,EAAA,aADU,EAAA,KAAA,2BA5B8B,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA2BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA3BQ,EAAA,OAAhB,EAAM,yCA2BE,EAAA,CA1Bf,IAAK,EAAK,CAAA,2BAiBb,CAdU,EAAK,UAAU,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAWX,EAAA,OAVT,QAAS,EAAK,SACd,SAAQ,8BAQH,EAAA,EAAA,EAAA,oBAAA,MANN,EAMM,CAJIA,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAEN,EAAA,EAAA,CAAA,OADC,KAAM,EAAK,kFACZ,KAAA,EAAA,EAAA,iBACC,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,qEAaV,OAAA,OARL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBA,EAAAA,WAAAA,EAAAA,EAAAA,YAAAA,EAAAA,EAAAA,EAAAA,cAAAA,EAAAA,EAAAA,OAEN,EAAA,EAAA,CAAA,OADC,KAAM,EAAK,kFACZ,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    }\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"}

package/dist/C_Breadcrumb2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{NBreadcrumb as t,NBreadcrumbItem as n,NDropdown as r}from"naive-ui";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,openBlock as p,renderList as m,toDisplayString as h,unref as g,withCtx as _}from"vue";import{useRoute as v}from"vue-router";const y={class:`c-breadcrumb flex-1 min-w-0`},b={class:`c-breadcrumb__trigger`},x=[`onClick`];var S=f({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},labelFormatter:{}},emits:[`select`],setup(f,{emit:S}){let C=f,w=S,T=v(),E=e=>C.labelFormatter?C.labelFormatter(e):e,D=a(()=>T.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:E(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:E(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:E(e.meta?.title||``)}))}})):[]}))),O=a(()=>C.items??D.value),k=e=>{w(`select`,e)};return(a,f)=>{let v=r,S=n,C=t;return p(),c(`div`,y,[d(C,null,{default:_(()=>[(p(!0),c(i,null,m(O.value,(t,n)=>(p(),o(S,{key:n},{default:_(()=>[t.children?.length?(p(),o(v,{key:0,options:t.children,onSelect:k},{default:_(()=>[l(`div`,b,[a.showIcon?(p(),o(g(e),{key:0,name:t.icon},null,8,[`name`])):s(`v-if`,!0),u(` `+h(t.label),1)])]),_:2},1032,[`options`])):(p(),c(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>k(t.key)},[a.showIcon?(p(),o(g(e),{key:0,name:t.icon},null,8,[`name`])):s(`v-if`,!0),u(` `+h(t.label),1)],8,x))]),_:2},1024))),128))]),_:1})])}}});export{S as t};
+import{t as e}from"./C_Icon2.js";import{NBreadcrumb as t,NBreadcrumbItem as n,NDropdown as r}from"naive-ui";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,normalizeStyle as p,openBlock as m,renderList as h,toDisplayString as g,unref as _,withCtx as v}from"vue";import{useRoute as y}from"vue-router";const b={class:`c-breadcrumb__trigger`},x=[`onClick`];var S=f({name:`C_Breadcrumb`,__name:`index`,props:{items:{},showIcon:{type:Boolean,default:!0},iconSize:{default:16},labelFormatter:{}},emits:[`select`],setup(f,{emit:S}){let C=f,w=S,T=y(),E=e=>C.labelFormatter?C.labelFormatter(e):e,D=a(()=>T.matched.filter(e=>e.meta?.title).map(e=>({key:e.path,label:E(e.meta.title||``),icon:e.meta.icon,children:e.children?.length?e.children.map(e=>({key:e.path,label:E(e.meta?.title||``),...e.children?.length&&{children:e.children.map(e=>({key:e.path,label:E(e.meta?.title||``)}))}})):[]}))),O=a(()=>C.items??D.value),k=e=>{w(`select`,e)};return(a,f)=>{let y=r,S=n,C=t;return m(),c(`div`,{class:`c-breadcrumb flex-1 min-w-0`,style:p({"--c-breadcrumb-icon-size":`${a.iconSize}px`,"--c-breadcrumb-gap":`${Math.max(Math.round(a.iconSize/4),2)}px`})},[d(C,null,{default:v(()=>[(m(!0),c(i,null,h(O.value,(t,n)=>(m(),o(S,{key:n},{default:v(()=>[t.children?.length?(m(),o(y,{key:0,options:t.children,onSelect:k},{default:v(()=>[l(`div`,b,[a.showIcon?(m(),o(_(e),{key:0,name:t.icon,size:a.iconSize},null,8,[`name`,`size`])):s(`v-if`,!0),u(` `+g(t.label),1)])]),_:2},1032,[`options`])):(m(),c(`span`,{key:1,class:`c-breadcrumb__link`,onClick:e=>k(t.key)},[a.showIcon?(m(),o(_(e),{key:0,name:t.icon,size:a.iconSize},null,8,[`name`,`size`])):s(`v-if`,!0),u(` `+g(t.label),1)],8,x))]),_:2},1024))),128))]),_:1})],4)}}});export{S as t};
 //# sourceMappingURL=C_Breadcrumb2.js.map

package/dist/C_Breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Breadcrumb2.js","names":["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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\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 class=\"c-breadcrumb flex-1 min-w-0\">\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            />\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          />\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      /**\n       * 标签文本格式化函数（用于 i18n）\n       * 仅在自动模式下生效\n       */\n      labelFormatter?: (label: string) => string\n    }>(),\n    {\n      showIcon: true,\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    &__trigger,\n    &__link {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n</style>\n"],"mappings":"kpBEqEE,IAAM,EAAQ,EAoBR,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,2CArGpB,EAgCM,MAhCN,EAgCM,CA/BJ,EA8Bc,EAAA,KAAA,eA5B8B,EAAA,EAAA,GAAA,CAD1C,EA4BkB,EAAA,KAAA,EA3BQ,EAAA,OAAhB,EAAM,SADhB,EA4BkB,EAAA,CA1Bf,IAAK,EAAK,CAAA,eAiBb,CAdU,EAAK,UAAU,QAAA,GAAA,CADvB,EAYY,EAAA,OAVT,QAAS,EAAK,SACd,SAAQ,kBAQH,CANN,EAMM,MANN,EAMM,CAJIA,EAAAA,UAAAA,GAAAA,CADR,EAGE,EAAA,EAAA,CAAA,OADC,KAAM,EAAK,uCACZ,IACF,EAAG,EAAK,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,8BAGjB,EAUO,OAAA,OARL,MAAM,qBACL,QAAK,GAAE,EAAa,EAAK,IAAG,GAGrBA,EAAAA,UAAAA,GAAAA,CADR,EAGE,EAAA,EAAA,CAAA,OADC,KAAM,EAAK,uCACZ,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    }\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"}

package/dist/constants.d.ts

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

package/dist/constants2.d.ts

@@ -120,14 +120,14 @@ declare const __VLS_export: vue.DefineComponent<FormulaEditorProps, FormulaEdito
   onChange?: ((value: string) => any) | undefined;
   "onValidation-change"?: ((result: FormulaValidation) => any) | undefined;
 }>, {
-  height: string | number;
   modelValue: string;
-  placeholder: string;
   disabled: boolean;
-  showPreview: boolean;
+  placeholder: string;
+  height: string | number;
   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

@@ -168,8 +168,8 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   onNewMessage?: ((message: NotificationMessage) => any) | undefined;
   onNavigate?: ((url: string) => any) | undefined;
 }>, {
-  storageKey: string;
   pageSize: number;
+  storageKey: string;
   desktopNotification: boolean;
   maxBadgeCount: number;
   pollingInterval: 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;
-  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;
-  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;
-  multiple: boolean;
-  data: Record<string, any>;
   draggable: boolean;
-  maxSize: number;
+  data: Record<string, any>;
+  multiple: boolean;
   action: string;
   headers: Record<string, string>;
   directory: boolean;
   accept: string;
+  maxSize: number;
   maxCount: number;
   pasteable: boolean;
   chunked: boolean;

package/dist/constants5.d.ts

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

package/dist/data.d.ts

@@ -22,9 +22,9 @@ 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;
   zoom: number;
-  center: [number, number];
   markers: MapMarker$1[];
   amapKey: string;
   mapType: "osm" | "amap";

package/dist/index11.vue.d.ts

@@ -49,14 +49,13 @@ declare const __VLS_export: vue.DefineComponent<IconProps, {
   onClick?: ((event: MouseEvent) => any) | undefined;
   onLoad?: (() => any) | undefined;
 }>, {
+  size: number | string;
   type: "iconify" | "unocss" | "component" | "svg" | "image";
+  title: string;
   name: string | any;
-  size: number | string;
   color: string;
-  loading: boolean;
   flip: "horizontal" | "vertical" | "both";
-  rotate: number;
-  title: string;
+  loading: boolean;
   svgPath: string;
   viewBox: string;
   alt: string;
@@ -64,6 +63,7 @@ declare const __VLS_export: vue.DefineComponent<IconProps, {
   fallbackIcon: string;
   ariaLabel: string;
   customClass: string;
+  rotate: number;
   componentProps: Record<string, any>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index13.vue.d.ts

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

package/dist/index15.vue.d.ts

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

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

package/dist/index2.vue.d.ts

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

package/dist/index3.vue.d.ts

@@ -8,7 +8,8 @@ type __VLS_Props = {
    * 不传时自动从 `route.matched` 生成（零配置）
    */
   items?: BreadcrumbItem[]; /** 是否显示图标 */
-  showIcon?: boolean;
+  showIcon?: boolean; /** 图标大小 (px)，默认 16 */
+  iconSize?: number;
   /**
    * 标签文本格式化函数（用于 i18n）
    * 仅在自动模式下生效
@@ -21,6 +22,7 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onSelect?: ((path: string) => any) | undefined;
 }>, {
   showIcon: boolean;
+  iconSize: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index4.vue.d.ts

@@ -18,19 +18,19 @@ declare const __VLS_export: vue.DefineComponent<CaptchaProps, {
   reset: () => void;
   show: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  change: (valid: boolean) => 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;
   onSuccess?: ((data: {
     token: string;
     timestamp: number;
   }) => any) | undefined;
+  onChange?: ((valid: boolean) => any) | undefined;
   onReset?: (() => any) | undefined;
   onFail?: ((error: string) => any) | undefined;
 }>, {

package/dist/index7.vue.d.ts

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

package/dist/index8.vue.d.ts

@@ -25,22 +25,22 @@ 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;
 }>, {
-  placeholder: string;
   disabled: boolean;
+  placeholder: string;
   mode: DatePickerMode;
   startPlaceholder: string;
   endPlaceholder: string;

package/dist/index9.vue.d.ts

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

package/dist/style.css

@@ -655,14 +655,27 @@ html.dark .action-divider[data-v-f5b5f258]:hover {
 
 /*# sourceMappingURL=C_Barcode-DYDRDe2O.css.map*/
 
-/* --- C_Breadcrumb-D55Jd2CK.css --- */
-/* unplugin-vue-components disabled */.c-breadcrumb__trigger, .c-breadcrumb__link {
+/* --- C_Breadcrumb-BnOGXsSX.css --- */
+/* unplugin-vue-components disabled */.c-breadcrumb {
+  --c-breadcrumb-icon-size: 16px;
+  --c-breadcrumb-gap: 4px;
+  --c-breadcrumb-font-size: inherit;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.c-breadcrumb__trigger, .c-breadcrumb__link {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: var(--c-breadcrumb-gap);
+  font-size: var(--c-breadcrumb-font-size);
+  line-height: 1;
+}
+.c-breadcrumb .c-icon {
+  flex-shrink: 0;
 }
 
-/*# sourceMappingURL=C_Breadcrumb-D55Jd2CK.css.map*/
+/*# sourceMappingURL=C_Breadcrumb-BnOGXsSX.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;
 }>, {
-  editable: boolean;
-  initialView: CalendarViewType;
   events: CalendarEvent[];
+  initialView: CalendarViewType;
+  editable: boolean;
   showAddDialog: boolean;
   showEditDialog: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/useCollapsePanel.d.ts

@@ -69,22 +69,22 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
 declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (activeKeys: string[]) => any;
-  collapse: (key: string) => any;
   "update:activeKeys": (keys: string[]) => any;
   expand: (key: string) => any;
+  collapse: (key: string) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onChange?: ((activeKeys: string[]) => any) | undefined;
-  onCollapse?: ((key: string) => any) | undefined;
   "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
   onExpand?: ((key: string) => any) | undefined;
+  onCollapse?: ((key: string) => any) | undefined;
 }>, {
-  bordered: boolean;
+  persistKey: string;
   activeKeys: string[];
   defaultActiveKeys: string[];
   accordion: boolean;
   variant: CollapsePanelVariant;
   expandIconPosition: ExpandIconPosition;
-  persistKey: string;
+  bordered: boolean;
 }, {}, {}, {}, 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

@@ -52,22 +52,22 @@ interface ImageCropperEmits {
 //#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;
-  cancel: () => any;
   ready: () => any;
+  cancel: () => any;
   crop: (result: any) => any;
   confirm: (result: any) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
   onError?: ((error: Event) => any) | undefined;
-  onCancel?: (() => any) | undefined;
   onReady?: (() => any) | undefined;
+  onCancel?: (() => any) | undefined;
   onCrop?: ((result: any) => any) | undefined;
   onConfirm?: ((result: any) => any) | undefined;
 }>, {
-  height: string | number;
   disabled: boolean;
-  aspectRatio: number;
-  showPreview: boolean;
+  height: string | number;
   showToolbar: boolean;
+  showPreview: boolean;
+  aspectRatio: number;
   src: string;
   outputFormat: CropOutputFormat;
   outputQuality: number;

package/dist/useDraggableLayout.d.ts

@@ -119,16 +119,9 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   sort: boolean;
   modelValue: DraggableItem[];
   disabled: boolean;
-  delay: number;
-  layout: LayoutMode;
   group: string | GroupOptions;
-  alignItems: AlignItems;
-  direction: "vertical" | "horizontal";
-  flexWrap: boolean;
-  justifyContent: JustifyContent;
   animation: number;
-  gap: string | number;
-  itemClass: string;
+  delay: number;
   handle: string;
   showHandle: boolean;
   ghostClass: string;
@@ -136,12 +129,19 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   dragClass: string;
   wrapperClass: string;
   listClass: string;
+  itemClass: string;
   showEmptyState: boolean;
   emptyText: string;
   swapThreshold: number;
   invertSwap: boolean;
+  direction: "vertical" | "horizontal";
+  layout: LayoutMode;
   gridColumns: number;
   gridRows: number;
+  gap: string | number;
+  flexWrap: boolean;
+  justifyContent: JustifyContent;
+  alignItems: AlignItems;
   customStyles: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/useDynamicFormState.d.ts

@@ -1296,6 +1296,8 @@ 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;
@@ -1929,9 +1931,7 @@ declare const useDynamicFormState: () => {
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
         readonly message?: string | ((a?: string) => string) | undefined;
-        readonly key?: string | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
-        readonly level?: "warning" | "error" | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;
       readonly attrs?: {
@@ -3573,6 +3573,8 @@ 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;
@@ -4206,9 +4208,7 @@ declare const useDynamicFormState: () => {
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
         readonly message?: string | ((a?: string) => string) | undefined;
-        readonly key?: string | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
-        readonly level?: "warning" | "error" | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;
     }[];

package/dist/useEdgeInteraction.d.ts

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

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<{}>, {
-  placeholder: string;
   emptyText: string;
+  placeholder: string;
   resultGroupTitle: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useInfiniteScroll.d.ts

@@ -89,10 +89,10 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  gap: number;
+  columns: number;
   loading: boolean;
   animationDuration: number;
-  columns: number;
-  gap: number;
   infinite: boolean;
   lazy: boolean;
   skeleton: boolean;

package/dist/useModalEdit.d.ts

@@ -591,7 +591,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   };
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   cancel: (rowData: DataRecord, rowIndex: number) => any;
-  save: (rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => 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, {
   "child-selection-change": (parentKey: DataTableRowKey$1, childKeys: DataTableRowKey$1[], childRows: any[]) => any;
   "parent-child-link-change": (parentKey: DataTableRowKey$1, shouldSelect: boolean) => any;
   "update:data": (data: DataRecord[]) => any;
+  save: (rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any;
   "row-add": (newRow: DataRecord) => any;
   "row-copy": (originalRow: DataRecord, newRow: DataRecord) => any;
   "row-move": (row: DataRecord, fromIndex: number, toIndex: number) => any;
@@ -607,7 +607,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "column-change": (columns: TableColumn[]) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
   onCancel?: ((rowData: DataRecord, rowIndex: number) => any) | undefined;
-  onSave?: ((rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => 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, {
   "onChild-selection-change"?: ((parentKey: DataTableRowKey$1, childKeys: DataTableRowKey$1[], childRows: any[]) => any) | undefined;
   "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;
   "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,13 +50,13 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  showBorder: boolean;
-  label: string;
-  showLabel: boolean;
   size: number;
+  label: string;
   color: string;
-  margin: number;
+  showBorder: boolean;
+  showLabel: boolean;
   mode: RenderMode;
+  margin: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
   logo: LogoOptions;

package/dist/useSignatureHistory.d.ts

@@ -91,26 +91,26 @@ interface SignatureEmits {
 //#endregion
 //#region src/components/C_Signature/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (data: SignatureStroke[]) => any;
   clear: () => any;
+  change: (data: SignatureStroke[]) => any;
   "start-draw": () => any;
   drawing: (point: SignaturePoint) => any;
   "end-draw": (stroke: SignatureStroke) => any;
   undo: () => any;
   redo: () => any;
 }, string, vue.PublicProps, Readonly<SignatureProps> & Readonly<{
-  onChange?: ((data: SignatureStroke[]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((data: SignatureStroke[]) => any) | undefined;
   "onStart-draw"?: (() => any) | undefined;
   onDrawing?: ((point: SignaturePoint) => any) | undefined;
   "onEnd-draw"?: ((stroke: SignatureStroke) => any) | undefined;
   onUndo?: (() => any) | undefined;
   onRedo?: (() => any) | undefined;
 }>, {
-  width: number | string;
-  height: number | string;
   disabled: boolean;
   readonly: boolean;
+  height: number | string;
+  width: number | string;
   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, {
-  resize: (firstSize: number, secondSize: number) => any;
-  collapse: (target: CollapseTarget) => any;
-  expand: (target: CollapseTarget) => any;
   "drag-start": (size: number) => any;
   "drag-end": (size: number) => any;
+  expand: (target: CollapseTarget) => any;
+  collapse: (target: CollapseTarget) => any;
+  resize: (firstSize: number, secondSize: number) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
-  onCollapse?: ((target: CollapseTarget) => any) | undefined;
-  onExpand?: ((target: CollapseTarget) => any) | undefined;
   "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;
 }>, {
   disabled: boolean;
-  step: number;
   direction: SplitDirection;
+  step: number;
+  maxSize: number;
   defaultSize: number;
   minSize: number;
-  maxSize: number;
   collapsible: boolean;
   showCollapseButton: boolean;
   gutterSize: number;

package/dist/useTimeSelection.d.ts

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

package/dist/useTreeOperations.d.ts

@@ -102,16 +102,16 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, TreeExpose, {}, {}, {},
   "onNode-drop"?: ((info: DropInfo) => any) | undefined;
   onRefresh?: (() => any) | undefined;
 }>, {
-  labelField: string;
-  childrenField: string;
+  draggable: boolean;
+  showToolbar: boolean;
   mode: TreeMode;
+  labelField: string;
   keyField: string;
+  childrenField: string;
   searchPattern: string;
   searchable: boolean;
   searchPlaceholder: string;
-  draggable: boolean;
   showLine: boolean;
-  showToolbar: boolean;
   addable: boolean;
   addText: string;
   refreshable: boolean;

package/dist/useWorkflowValidation.d.ts

@@ -251,8 +251,8 @@ declare const __VLS_export: vue.DefineComponent<WorkflowProps, {
   "onNode-click"?: ((node: WorkflowNode) => any) | undefined;
   "onEdge-click"?: ((edge: WorkflowEdge) => any) | undefined;
 }>, {
-  theme: "light" | "dark";
   readonly: boolean;
+  theme: "light" | "dark";
   users: User[];
   roles: Role[];
   departments: Department[];

package/package.json

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

package/dist/C_Breadcrumb-D55Jd2CK.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Breadcrumb-D55Jd2CK.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA"}

package/dist/C_Breadcrumb-mBL4CWps.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Breadcrumb-mBL4CWps.css","names":[],"sources":["../src/components/C_Breadcrumb/index.vue?vue&type=style&index=0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-breadcrumb__trigger, .c-breadcrumb__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA"}