@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/breadcrumb/Breadcrumb.svelte.d.ts

@@ -1,36 +1,51 @@
 import type { Snippet } from 'svelte';
 import type { BreadcrumbRoute } from './types.js';
-type BreadcrumbSize = 'small' | 'default' | 'large';
-/** 折叠 ... 浮层类型；undefined 时点击直接展开全部（向后兼容） */
-type MoreType = 'tooltip' | 'popover';
+/** 折叠 … 浮层类型，对齐 Semi：'default'（点击就地展开）/ 'popover'（悬浮气泡列出可点项）。 */
+type MoreType = 'default' | 'popover';
+/** 截断 Tooltip 配置（对齐 Semi showToolTipProps）。 */
+type ShowTooltipProps = {
+    /** 溢出截断宽度（number→px），默认 150。 */
+    width?: number | string;
+    /** 截断位置：末尾省略 / 中间省略。 */
+    ellipsisPos?: 'end' | 'middle';
+    /** 透传给 Tooltip 的额外属性。 */
+    opts?: Record<string, unknown>;
+};
 type CollapsedRoute = {
     route: BreadcrumbRoute;
     index: number;
 };
 interface Props {
-    routes?: BreadcrumbRoute[];
-    separator?: string;
-    size?: BreadcrumbSize;
-    /** 超出此数量时中间折叠（0 = 不折叠） */
+    /** 路由项数组，元素可为 Route 对象或纯字符串（字符串即 name，对齐 Semi）。 */
+    routes?: Array<BreadcrumbRoute | string>;
+    /** 分隔符，默认 '/'。可为字符串或 Snippet（对齐 Semi separator: ReactNode，支持传图标）。 */
+    separator?: string | Snippet;
+    /** 超出此数量时中间折叠，默认 4（对齐 Semi）。 */
     maxItemCount?: number;
-    /** 文本被截断的项 hover 时用 Tooltip 展示完整 label */
-    showTooltip?: boolean;
-    /** 折叠 ... 的浮层类型；不设则点击 ... 直接展开全部 */
-    moreType?: MoreType;
-    /** 紧凑模式，默认 true；false 时根元素附加 cd-breadcrumb--loose 类（更大字号/间距） */
-    compact?: boolean;
     /**
-     * 是否在超出 maxItemCount 时自动折叠，默认 true。
-     * false 时即使超出 maxItemCount 也不折叠（始终展示全部项）。
+     * 文本截断 + hover Tooltip 展示完整名。
+     * true / 对象（{ width, ellipsisPos, opts }）启用；false 关闭。默认关闭。
+     * 对象默认值对齐 Semi：{ width: 150, ellipsisPos: 'end' }。
      */
+    showTooltip?: boolean | ShowTooltipProps;
+    /** 折叠 … 的浮层类型，默认 'default'（对齐 Semi）。 */
+    moreType?: MoreType;
+    /** 紧凑模式，默认 true；false 时根元素附加 cd-breadcrumb--loose 类（更大字号/间距）。 */
+    compact?: boolean;
+    /** 是否在超出 maxItemCount 时自动折叠，默认 true；false 时始终展示全部项。 */
     autoCollapse?: boolean;
-    /** 受控选中项索引（配合 onClick 使用，令对应项高亮） */
+    /** 受控选中项索引（配合 onClick 使用，令对应项高亮；对齐 Semi activeIndex）。 */
     activeIndex?: number;
+    /** 无障碍标签，默认取 i18n Breadcrumb.ariaLabel；传入时覆盖（对齐 Semi aria-label）。 */
+    ariaLabel?: string;
+    /** 根节点内联样式（对齐 Semi style）。 */
+    style?: string;
     /**
      * 自定义路由项渲染（routes 模式）；传入时替换默认的链接/文本/当前页渲染逻辑。
-     * Svelte 5 Snippet：{@render renderItem(route, index, isLast)}
+     * 对齐 Semi renderItem(route): ReactNode —— 单参 route。
+     * Svelte 5 Snippet：{@render renderItem(route)}
      */
-    renderItem?: Snippet<[BreadcrumbRoute, number, boolean]>;
+    renderItem?: Snippet<[BreadcrumbRoute]>;
     /**
      * 自定义折叠 … 区域渲染（替代 moreType 内置浮层）。
      * 传入时接管折叠展示，参数为被折叠的路由列表。
@@ -39,7 +54,8 @@ interface Props {
     renderMore?: Snippet<[CollapsedRoute[]]>;
     class?: string;
     children?: Snippet;
-    onClick?: (route: BreadcrumbRoute, index: number) => void;
+    /** 单击事件，对齐 Semi onClick(route, event)。 */
+    onClick?: (route: BreadcrumbRoute, event: MouseEvent) => void;
 }
 declare const Breadcrumb: import("svelte").Component<Props, {}, "">;
 type Breadcrumb = ReturnType<typeof Breadcrumb>;

package/dist/breadcrumb/Breadcrumb.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/Breadcrumb.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGhD,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACpD,4CAA4C;AAC5C,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACtC,KAAK,cAAc,GAAG;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAKhE,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACzD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AA0MH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/Breadcrumb.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAMtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGhD,iEAAiE;AACjE,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACtC,+CAA+C;AAC/C,KAAK,gBAAgB,GAAG;IACtB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wBAAwB;IACxB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AACF,KAAK,cAAc,GAAG;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAKhE,UAAU,KAAK;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,CAAC;IACzC,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IACzC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACxC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC/D;AAqRH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/breadcrumb/Item.svelte

@@ -44,7 +44,7 @@
   noLink：非最后一项也渲染为普通 span（不可点击/键盘激活）；语义上表示该层级无可导航地址。
   icon：前置图标 snippet，渲染在 children 前。
 -->
-<li
+<span
   class={cls}
   style={separator !== undefined ? `--cd-breadcrumb-separator-content: '${separator}'` : undefined}
 >
@@ -53,11 +53,11 @@
       class="cd-breadcrumb__current"
       aria-current={isLast ? 'page' : undefined}
     >
-      {#if icon}{@render icon()}{/if}{@render children?.()}
+      {#if icon}<span class="cd-breadcrumb__icon">{@render icon()}</span>{/if}{@render children?.()}
     </span>
   {:else if href}
     <a class="cd-breadcrumb__link" {href} onclick={onClick}>
-      {#if icon}{@render icon()}{/if}{@render children?.()}
+      {#if icon}<span class="cd-breadcrumb__icon">{@render icon()}</span>{/if}{@render children?.()}
     </a>
   {:else}
     <span
@@ -71,7 +71,7 @@
           onClick?.(e as unknown as MouseEvent);
         }
       }}
-    >{#if icon}{@render icon()}{/if}{@render children?.()}</span
+    >{#if icon}<span class="cd-breadcrumb__icon">{@render icon()}</span>{/if}{@render children?.()}</span
     >
   {/if}
-</li>
+</span>

package/dist/breadcrumb/meta.d.ts

@@ -5,36 +5,42 @@
 export declare const meta: {
     readonly name: "Breadcrumb";
     readonly category: "navigation";
-    readonly description: "面包屑导航，展示当前页面在层级结构中的位置。支持数据驱动 routes 与声明式 Item 两种用法。";
+    readonly description: "面包屑导航，展示当前页面在层级结构中的位置。字段/API 对齐 Semi：routes 元素为 Route 对象（{name, path, href, icon}）或纯字符串。支持数据驱动 routes 与声明式 Item 两种用法。";
     readonly props: readonly [{
         readonly name: "routes";
-        readonly type: "BreadcrumbRoute[]";
+        readonly type: "(BreadcrumbRoute | string)[]";
         readonly default: "[]";
-        readonly desc: "数据驱动的路由项，最后一项为当前页（aria-current=page）";
+        readonly desc: "数据驱动的路由项，元素为 Route 对象或纯字符串（字符串即 name）；最后一项为当前页（aria-current=page）";
     }, {
         readonly name: "separator";
-        readonly type: "string";
+        readonly type: "string | Snippet";
         readonly default: "'/'";
-        readonly desc: "分隔符文本";
+        readonly desc: "分隔符，字符串或 Snippet（对齐 Semi separator: ReactNode，支持传图标）";
     }, {
         readonly name: "maxItemCount";
         readonly type: "number";
-        readonly default: "0";
-        readonly desc: "超出时中间折叠（0=不折叠）";
+        readonly default: "4";
+        readonly desc: "超出时中间折叠（对齐 Semi；<=0 不折叠）";
     }, {
         readonly name: "showTooltip";
-        readonly type: "boolean";
+        readonly type: "boolean | { width?: number|string; ellipsisPos?: 'end'|'middle'; opts?: object }";
         readonly default: "false";
-        readonly desc: "项文本超出 --cd-breadcrumb-item-max-width 被截断时，hover 用 Tooltip 展示完整 label";
+        readonly desc: "项文本超出 width（默认 150）被截断时，hover 用 Tooltip 展示完整名；对象配置 width/ellipsisPos（对齐 Semi showToolTipProps）";
     }, {
         readonly name: "moreType";
-        readonly type: "'tooltip'|'popover'";
+        readonly type: "'default'|'popover'";
+        readonly default: "'default'";
+        readonly desc: "折叠 … 的浮层类型（对齐 Semi）：default 点击三点图标就地展开全部；popover 悬浮弹出可点击跳转的折叠项菜单";
+    }, {
+        readonly name: "ariaLabel";
+        readonly type: "string";
         readonly default: "undefined";
-        readonly desc: "折叠 … 的浮层类型：tooltip 悬浮列出被折叠项文本；popover 点击展开可点击跳转的折叠项列表。不设时点击 … 直接展开全部（向后兼容）";
+        readonly desc: "无障碍标签，默认取 i18n Breadcrumb.ariaLabel；传入覆盖（对齐 Semi aria-label）";
     }, {
-        readonly name: "size";
-        readonly type: "'small'|'default'|'large'";
-        readonly default: "default";
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根节点内联样式（对齐 Semi style）";
     }, {
         readonly name: "compact";
         readonly type: "boolean";
@@ -52,9 +58,9 @@ export declare const meta: {
         readonly desc: "受控选中项索引（配合 onClick 使用，令对应项高亮）";
     }, {
         readonly name: "renderItem";
-        readonly type: "(route: BreadcrumbRoute, index: number, isLast: boolean) => Snippet";
+        readonly type: "Snippet<[route: BreadcrumbRoute]>";
         readonly default: "undefined";
-        readonly desc: "自定义路由项渲染（routes 模式）；传入时替换默认的链接/文本/当前页渲染逻辑";
+        readonly desc: "自定义路由项渲染（routes 模式）；传入时替换默认的链接/文本/当前页渲染逻辑（对齐 Semi renderItem(route)）";
     }, {
         readonly name: "renderMore";
         readonly type: "(restItems: CollapsedRoute[]) => Snippet";
@@ -71,8 +77,9 @@ export declare const meta: {
         readonly desc: "声明式 <Breadcrumb.Item> 列表；项间分隔符按 separator 纯 CSS 自动插入，最后一项后无分隔符";
     }, {
         readonly name: "onClick";
-        readonly type: "(route: BreadcrumbRoute, index: number) => void";
+        readonly type: "(route: BreadcrumbRoute, event: MouseEvent) => void";
         readonly default: "undefined";
+        readonly desc: "单击事件（对齐 Semi onClick(route, event)）";
     }];
     readonly subComponents: readonly [{
         readonly name: "BreadcrumbItem";
@@ -116,8 +123,8 @@ export declare const meta: {
     readonly a11y: {
         readonly role: "navigation";
         readonly keyboard: readonly ["Enter", "Space"];
-        readonly notes: readonly ["nav[aria-label] 包裹 ol 有序列表", "最后一项 aria-current=page，不可点击", "无 href 的中间项用 role=link + tabindex=0 + 键盘可激活", "分隔符 aria-hidden=true"];
+        readonly notes: readonly ["nav[aria-label] 下直接放扁平 span/a（对齐 Semi，无 ol/li 列表包裹）", "最后一项 aria-current=page，不可点击", "无 href 的中间项用 role=link + tabindex=0 + 键盘可激活", "分隔符 aria-hidden=true"];
     };
-    readonly tokens: readonly ["--cd-breadcrumb-*", "--cd-breadcrumb-item-max-width", "--cd-focus-ring", "--cd-font-size-*", "--cd-border-radius-small"];
+    readonly tokens: readonly ["--cd-spacing-breadcrumb-item-wrap-marginy", "--cd-spacing-breadcrumb-item-wrap-marginright", "--cd-spacing-breadcrumb-item-marginright", "--cd-spacing-breadcrumb-item-text-marginleft", "--cd-spacing-breadcrumb-restitem-marginright", "--cd-color-breadcrumb-default-text-default", "--cd-color-breadcrumb-default-text-hover", "--cd-color-breadcrumb-default-text-active", "--cd-color-breadcrumb-active-text-default", "--cd-color-breadcrumb-active-text-active", "--cd-color-breadcrumb-sepearator-default-icon-default", "--cd-color-breadcrumb-restitem-text-default", "--cd-font-breadcrumb-default-fontweight", "--cd-font-breadcrumb-active-fontweight", "--cd-font-breadcrumb-compact-fontsize", "--cd-font-breadcrumb-loose-fontsize", "--cd-breadcrumb-color", "--cd-breadcrumb-color-link", "--cd-breadcrumb-color-link-hover", "--cd-breadcrumb-color-link-active", "--cd-breadcrumb-color-active", "--cd-breadcrumb-restitem-color", "--cd-breadcrumb-active-weight", "--cd-breadcrumb-separator-color", "--cd-breadcrumb-gap", "--cd-breadcrumb-font-size", "--cd-breadcrumb-font-size-compact", "--cd-breadcrumb-item-max-width", "--cd-focus-ring", "--cd-border-radius-small"];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/breadcrumb/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2HP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JP,CAAC"}

package/dist/breadcrumb/meta.js

@@ -5,29 +5,35 @@
 export const meta = {
     name: 'Breadcrumb',
     category: 'navigation',
-    description: '面包屑导航，展示当前页面在层级结构中的位置。支持数据驱动 routes 与声明式 Item 两种用法。',
+    description: '面包屑导航，展示当前页面在层级结构中的位置。字段/API 对齐 Semi：routes 元素为 Route 对象（{name, path, href, icon}）或纯字符串。支持数据驱动 routes 与声明式 Item 两种用法。',
     props: [
         {
             name: 'routes',
-            type: 'BreadcrumbRoute[]',
+            type: '(BreadcrumbRoute | string)[]',
             default: '[]',
-            desc: '数据驱动的路由项，最后一项为当前页（aria-current=page）',
+            desc: '数据驱动的路由项，元素为 Route 对象或纯字符串（字符串即 name）；最后一项为当前页（aria-current=page）',
         },
-        { name: 'separator', type: 'string', default: "'/'", desc: '分隔符文本' },
-        { name: 'maxItemCount', type: 'number', default: '0', desc: '超出时中间折叠（0=不折叠）' },
+        { name: 'separator', type: 'string | Snippet', default: "'/'", desc: '分隔符，字符串或 Snippet（对齐 Semi separator: ReactNode，支持传图标）' },
+        { name: 'maxItemCount', type: 'number', default: '4', desc: '超出时中间折叠（对齐 Semi；<=0 不折叠）' },
         {
             name: 'showTooltip',
-            type: 'boolean',
+            type: "boolean | { width?: number|string; ellipsisPos?: 'end'|'middle'; opts?: object }",
             default: 'false',
-            desc: '项文本超出 --cd-breadcrumb-item-max-width 被截断时，hover 用 Tooltip 展示完整 label',
+            desc: '项文本超出 width（默认 150）被截断时，hover 用 Tooltip 展示完整名；对象配置 width/ellipsisPos（对齐 Semi showToolTipProps）',
         },
         {
             name: 'moreType',
-            type: "'tooltip'|'popover'",
+            type: "'default'|'popover'",
+            default: "'default'",
+            desc: '折叠 … 的浮层类型（对齐 Semi）：default 点击三点图标就地展开全部；popover 悬浮弹出可点击跳转的折叠项菜单',
+        },
+        {
+            name: 'ariaLabel',
+            type: 'string',
             default: 'undefined',
-            desc: '折叠 … 的浮层类型：tooltip 悬浮列出被折叠项文本；popover 点击展开可点击跳转的折叠项列表。不设时点击 … 直接展开全部（向后兼容）',
+            desc: '无障碍标签，默认取 i18n Breadcrumb.ariaLabel；传入覆盖（对齐 Semi aria-label）',
         },
-        { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
+        { name: 'style', type: 'string', default: 'undefined', desc: '根节点内联样式（对齐 Semi style）' },
         {
             name: 'compact',
             type: 'boolean',
@@ -48,9 +54,9 @@ export const meta = {
         },
         {
             name: 'renderItem',
-            type: '(route: BreadcrumbRoute, index: number, isLast: boolean) => Snippet',
+            type: 'Snippet<[route: BreadcrumbRoute]>',
             default: 'undefined',
-            desc: '自定义路由项渲染（routes 模式）；传入时替换默认的链接/文本/当前页渲染逻辑',
+            desc: '自定义路由项渲染（routes 模式）；传入时替换默认的链接/文本/当前页渲染逻辑（对齐 Semi renderItem(route)）',
         },
         {
             name: 'renderMore',
@@ -67,8 +73,9 @@ export const meta = {
         },
         {
             name: 'onClick',
-            type: '(route: BreadcrumbRoute, index: number) => void',
+            type: '(route: BreadcrumbRoute, event: MouseEvent) => void',
             default: 'undefined',
+            desc: '单击事件（对齐 Semi onClick(route, event)）',
         },
     ],
     subComponents: [
@@ -111,17 +118,45 @@ export const meta = {
         role: 'navigation',
         keyboard: ['Enter', 'Space'],
         notes: [
-            'nav[aria-label] 包裹 ol 有序列表',
+            'nav[aria-label] 下直接放扁平 span/a（对齐 Semi，无 ol/li 列表包裹）',
             '最后一项 aria-current=page，不可点击',
             '无 href 的中间项用 role=link + tabindex=0 + 键盘可激活',
             '分隔符 aria-hidden=true',
         ],
     },
     tokens: [
-        '--cd-breadcrumb-*',
+        // 全量对齐 Semi breadcrumb/variables.scss（16 个）
+        '--cd-spacing-breadcrumb-item-wrap-marginy',
+        '--cd-spacing-breadcrumb-item-wrap-marginright',
+        '--cd-spacing-breadcrumb-item-marginright',
+        '--cd-spacing-breadcrumb-item-text-marginleft',
+        '--cd-spacing-breadcrumb-restitem-marginright',
+        '--cd-color-breadcrumb-default-text-default',
+        '--cd-color-breadcrumb-default-text-hover',
+        '--cd-color-breadcrumb-default-text-active',
+        '--cd-color-breadcrumb-active-text-default',
+        '--cd-color-breadcrumb-active-text-active',
+        '--cd-color-breadcrumb-sepearator-default-icon-default',
+        '--cd-color-breadcrumb-restitem-text-default',
+        '--cd-font-breadcrumb-default-fontweight',
+        '--cd-font-breadcrumb-active-fontweight',
+        '--cd-font-breadcrumb-compact-fontsize',
+        '--cd-font-breadcrumb-loose-fontsize',
+        // chenzy-design 组件消费的补充 token
+        '--cd-breadcrumb-color',
+        '--cd-breadcrumb-color-link',
+        '--cd-breadcrumb-color-link-hover',
+        '--cd-breadcrumb-color-link-active',
+        '--cd-breadcrumb-color-active',
+        '--cd-breadcrumb-restitem-color',
+        '--cd-breadcrumb-active-weight',
+        '--cd-breadcrumb-separator-color',
+        '--cd-breadcrumb-gap',
+        '--cd-breadcrumb-font-size',
+        '--cd-breadcrumb-font-size-compact',
         '--cd-breadcrumb-item-max-width',
+        // 通用
         '--cd-focus-ring',
-        '--cd-font-size-*',
         '--cd-border-radius-small',
     ],
 };

package/dist/breadcrumb/types.d.ts

@@ -1,5 +1,15 @@
+import type { Snippet } from 'svelte';
+/**
+ * 面包屑路由对象，字段对齐 Semi Route：`{ name, path, href, icon }`。
+ * - name：展示名称（不传为空字符串；Semi 中 route 为纯字符串时字符串即 name）。
+ * - path：路由路径（语义信息，随 onClick 回调透出）。
+ * - href：链接目的地，挂在 <a> 上。
+ * - icon：前置图标 Snippet（Semi 为 ReactNode，此处为 Svelte Snippet）。
+ */
 export interface BreadcrumbRoute {
-    label: string;
+    name?: string;
+    path?: string;
     href?: string;
+    icon?: Snippet;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/breadcrumb/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/breadcrumb/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}