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

package/dist/C_Breadcrumb-B5PGpP5m.css.map

@@ -0,0 +1 @@
+{"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-Cay7qluL.css.map

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

@@ -1,7 +1,25 @@
-/* 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: 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;
-  gap: 4px;
 }
 
-/*# sourceMappingURL=C_Breadcrumb-D55Jd2CK.css.map*/
+/*# sourceMappingURL=C_Breadcrumb-B5PGpP5m.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      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

@@ -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      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/constants3.d.ts

@@ -168,11 +168,11 @@ declare const __VLS_export: vue.DefineComponent<NotificationCenterProps, Notific
   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

@@ -213,15 +213,15 @@ declare const __VLS_base: vue.DefineComponent<UploadProps, UploadExpose, {}, {},
   onExceed?: ((files: File[], fileList: UploadFileItem[]) => any) | undefined;
 }>, {
   disabled: boolean;
+  data: Record<string, any>;
   maxSize: number;
+  draggable: boolean;
   action: string;
   headers: Record<string, string>;
-  data: Record<string, any>;
   multiple: boolean;
   directory: boolean;
   accept: string;
   maxCount: number;
-  draggable: boolean;
   pasteable: boolean;
   chunked: boolean;
   chunkSize: number;

package/dist/constants5.d.ts

@@ -259,11 +259,11 @@ 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;
-  ended: () => any;
   qualityChange: (quality: QualityLevel) => any;
   rateChange: (rate: number) => any;
   fullscreenChange: (isFullscreen: boolean) => any;
@@ -272,11 +272,11 @@ 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;
-  onEnded?: (() => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
   onRateChange?: ((rate: number) => any) | undefined;
   onFullscreenChange?: ((isFullscreen: boolean) => any) | undefined;

package/dist/data.d.ts

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

package/dist/index13.vue.d.ts

@@ -63,6 +63,7 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   height: string | number;
   mode: "edit" | "editable" | "preview";
   placeholder: string;
+  isDark: boolean;
   tocNavPosition: "left" | "right";
   defaultFullscreen: boolean;
   autofocus: boolean;
@@ -73,7 +74,6 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   showWordCount: boolean;
   autoSave: boolean;
   autoSaveInterval: number;
-  isDark: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/index15.vue.d.ts

@@ -35,12 +35,12 @@ type __VLS_Slots = {} & {
 };
 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;
   percentage: number | number[];
   isAnimation: boolean;
   time: number;
   indicatorPlacement: "inside" | "outside";
   showIndicator: boolean;
+  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

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

package/dist/index2.vue.d.ts

@@ -21,16 +21,16 @@ declare const __VLS_export: vue.DefineComponent<Props, {}, {}, {}, {}, vue.Compo
   onError?: ((error: Error) => any) | undefined;
 }>, {
   height: number;
-  label: string;
   width: number;
-  fontSize: number;
   format: "CODE128" | "CODE39" | "EAN13" | "EAN8" | "UPC" | "ITF14" | "MSI" | "pharmacode";
-  background: string;
-  showBorder: boolean;
-  showLabel: boolean;
   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;
 //#endregion

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/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/index9.vue.d.ts

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

package/dist/style.css

@@ -655,14 +655,32 @@ 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-B5PGpP5m.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: 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;
-  gap: 4px;
 }
 
-/*# sourceMappingURL=C_Breadcrumb-D55Jd2CK.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,8 +66,8 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
   }) => any) | undefined;
   "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
 }>, {
-  initialView: CalendarViewType;
   editable: boolean;
+  initialView: CalendarViewType;
   events: CalendarEvent[];
   showAddDialog: boolean;
   showEditDialog: boolean;

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;
-  expand: (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;
-  onExpand?: ((key: string) => any) | undefined;
   "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
+  onExpand?: ((key: string) => any) | undefined;
+  onCollapse?: ((key: string) => any) | undefined;
 }>, {
-  persistKey: string;
-  bordered: boolean;
   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,28 +51,28 @@ interface ImageCropperEmits {
 //#endregion
 //#region src/components/C_ImageCropper/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  ready: () => any;
   error: (error: Event) => any;
+  cancel: () => any;
   crop: (result: any) => any;
-  ready: () => any;
   confirm: (result: any) => any;
-  cancel: () => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
+  onReady?: (() => any) | undefined;
   onError?: ((error: Event) => any) | undefined;
+  onCancel?: (() => any) | undefined;
   onCrop?: ((result: any) => any) | undefined;
-  onReady?: (() => any) | undefined;
   onConfirm?: ((result: any) => any) | undefined;
-  onCancel?: (() => any) | undefined;
 }>, {
   disabled: boolean;
   showPreview: boolean;
   height: string | number;
+  showToolbar: boolean;
   src: string;
   aspectRatio: number;
   outputFormat: CropOutputFormat;
   outputQuality: number;
   maxOutputWidth: number;
   maxOutputHeight: number;
-  showToolbar: boolean;
   circular: boolean;
   modal: boolean;
   modalTitle: string;

package/dist/useDraggableLayout.d.ts

@@ -116,9 +116,9 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   "onItem-remove"?: ((item: DraggableItem, index: number) => any) | undefined;
   "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
 }>, {
+  sort: boolean;
   modelValue: DraggableItem[];
   disabled: boolean;
-  sort: boolean;
   direction: "vertical" | "horizontal";
   group: string | GroupOptions;
   animation: number;

package/dist/useDynamicFormState.d.ts

@@ -1296,7 +1296,6 @@ declare const useDynamicFormState: () => {
       readonly rules?: readonly {
         readonly type?: RuleType | undefined;
         readonly required?: boolean | undefined;
-        readonly message?: string | ((a?: string) => string) | undefined;
         readonly options?: {
           readonly suppressWarning?: boolean | undefined;
           readonly suppressValidatorError?: boolean | undefined;
@@ -1352,10 +1351,12 @@ declare const useDynamicFormState: () => {
           readonly keys?: readonly string[] | undefined;
           readonly error?: ((rule: InternalRuleItem, message: string) => ValidateError) | undefined;
         } | undefined;
-        readonly trigger?: string | readonly string[] | undefined;
-        readonly pattern?: (RegExp | string) | undefined;
+        readonly level?: "warning" | "error" | undefined;
         readonly key?: string | undefined;
+        readonly trigger?: string | readonly 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;
@@ -1931,7 +1932,6 @@ declare const useDynamicFormState: () => {
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
-        readonly level?: "warning" | "error" | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;
       readonly attrs?: {
@@ -3573,7 +3573,6 @@ declare const useDynamicFormState: () => {
       readonly rules?: readonly {
         readonly type?: RuleType | undefined;
         readonly required?: boolean | undefined;
-        readonly message?: string | ((a?: string) => string) | undefined;
         readonly options?: {
           readonly suppressWarning?: boolean | undefined;
           readonly suppressValidatorError?: boolean | undefined;
@@ -3629,10 +3628,12 @@ declare const useDynamicFormState: () => {
           readonly keys?: readonly string[] | undefined;
           readonly error?: ((rule: InternalRuleItem, message: string) => ValidateError) | undefined;
         } | undefined;
-        readonly trigger?: string | readonly string[] | undefined;
-        readonly pattern?: (RegExp | string) | undefined;
+        readonly level?: "warning" | "error" | undefined;
         readonly key?: string | undefined;
+        readonly trigger?: string | readonly 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;
@@ -4208,7 +4209,6 @@ declare const useDynamicFormState: () => {
         }[] | undefined;
         readonly transform?: ((value: Value) => Value) | undefined;
         readonly renderMessage?: (() => vue.VNodeChild) | undefined;
-        readonly level?: "warning" | "error" | undefined;
         readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
       }[] | undefined;
     }[];

package/dist/useEdgeInteraction.d.ts

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

package/dist/useInfiniteScroll.d.ts

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

package/dist/useModalEdit.d.ts

@@ -590,8 +590,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     clearAllSelections(): void;
   };
 }, {}, {}, {}, 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 +597,8 @@ 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;
+  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,8 +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;
-  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 +613,8 @@ 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;
+  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

@@ -52,13 +52,13 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }>, {
   mode: RenderMode;
   size: number;
-  label: string;
-  color: string;
-  margin: number;
   showBorder: boolean;
+  label: string;
   showLabel: boolean;
+  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

@@ -63,8 +63,8 @@ declare const __VLS_export: vue.DefineComponent<Props, {
   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

@@ -109,9 +109,9 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
 }>, {
   disabled: boolean;
   height: number | string;
-  showToolbar: boolean;
-  readonly: boolean;
   width: number | string;
+  readonly: boolean;
+  showToolbar: boolean;
   maxHistory: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSplitResize.d.ts

@@ -66,22 +66,22 @@ 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;
+  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<{
-  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
-  onCollapse?: ((target: CollapseTarget) => 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;
   step: number;
-  defaultSize: number;
   direction: SplitDirection;
+  defaultSize: number;
   minSize: number;
   maxSize: number;
   collapsible: boolean;

package/dist/useTimeSelection.d.ts

@@ -52,7 +52,6 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
   placeholder: string;
   startPlaceholder: string;
   endPlaceholder: string;
-  attrs: Record<string, any>;
   format: string;
   useHours: boolean;
   useMinutes: 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,24 +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;
 }>, {
   mode: TreeMode;
-  draggable: boolean;
   showToolbar: boolean;
+  draggable: boolean;
   labelField: string;
+  keyField: string;
   childrenField: string;
   actions: ActionConfig[];
-  keyField: string;
   searchPattern: string;
   searchable: boolean;
   searchPlaceholder: string;

package/dist/useWorkflowValidation.d.ts

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

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.5",
+  "version": "0.6.7",
   "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"}