@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/transfer.js

@@ -1,22 +1,52 @@
-/** Component tokens for Transfer & Upload. See specs/components/input/Transfer.spec.md. */
 export const transferTokens = {
-    'transfer-panel-width': '200px',
-    'transfer-panel-height': '240px',
-    'transfer-panel-border': 'var(--cd-color-border)',
-    'transfer-panel-radius': 'var(--cd-border-radius-medium)',
-    'transfer-panel-header-bg': 'var(--cd-color-fill-0)',
-    'transfer-item-height': '32px',
-    'transfer-item-bg-hover': 'var(--cd-color-fill-0)',
-    'transfer-gap': 'var(--cd-spacing-base-tight)',
-    'upload-dragger-border': 'var(--cd-color-border)',
-    'upload-dragger-border-active': 'var(--cd-color-primary)', // Semi 拖拽区 hover 描边 primary
-    'upload-dragger-bg': 'var(--cd-color-tertiary-light-default)', // Semi $color-upload_drag_area-bg（原 fill-0）
-    'upload-dragger-bg-active': 'var(--cd-color-primary-light-default)', // Semi 拖拽区 hover 背景 primary-light-default
-    'upload-dragger-radius': 'var(--cd-border-radius-medium)',
-    'upload-item-bg-hover': 'var(--cd-color-fill-1)', // Semi $color-upload_card-bg-hover（原 fill-0 → fill-1）
-    'upload-item-color-error': 'var(--cd-color-danger)',
-    // 组件级 status 校验态边框色（区别于 file.status 上传进度态）。
-    'upload-border-warning': 'var(--cd-color-warning)',
-    'upload-border-error': 'var(--cd-color-danger)',
+    // —— Color —— （对齐 Semi $color-transfer* ）
+    'color-transfer-bg': { value: 'var(--cd-color-bg-1)', category: 'color', label: '穿梭框背景色', usage: '穿梭框背景颜色 - 默认' },
+    'color-transfer-border': { value: 'var(--cd-color-border)', category: 'color', label: '描边色', usage: '穿梭框描边颜色 - 默认' },
+    'color-transfer-header-text': { value: 'var(--cd-color-text-2)', category: 'color', label: 'header 文字色', usage: '穿梭框 header 文字颜色' },
+    'color-transfer-empty-text': { value: 'var(--cd-color-text-2)', category: 'color', label: '空态文字色', usage: '穿梭框空状态文字颜色' },
+    'color-transfer-group-title-text': { value: 'var(--cd-color-text-2)', category: 'color', label: '分组标题文字色', usage: '穿梭框分组标题文字颜色' },
+    'color-transfer-disabled-text': { value: 'var(--cd-color-disabled-text)', category: 'color', label: '禁用文字色', usage: '穿梭框禁用文本文字颜色' },
+    'color-transfer-close-icon-icon': { value: 'var(--cd-color-text-2)', category: 'color', label: '关闭按钮色', usage: '穿梭框关闭按钮颜色' },
+    'color-transfer-item-text': { value: 'var(--cd-color-text-1)', category: 'color', label: '常规文字色', usage: '穿梭框常规文字颜色' },
+    'color-transfer-selected-item-text': { value: 'var(--cd-color-text-0)', category: 'color', label: '选中条目文字色', usage: '穿梭框选中条目文字颜色' },
+    'color-transfer-item-bg-hover': { value: 'var(--cd-color-fill-0)', category: 'color', label: '条目悬浮背景色', usage: '穿梭框条目背景色 - 悬浮' },
+    'color-transfer-item-bg-active': { value: 'var(--cd-color-fill-1)', category: 'color', label: '条目按下背景色', usage: '穿梭框条目背景色 - 按下' },
+    // —— Width / Height —— （对齐 Semi $width-transfer* / $height-transfer* ）
+    'width-transfer-border': { value: '1px', category: 'width', label: '描边宽度', usage: '穿梭框描边宽度' },
+    'width-transfer-min-width': { value: '402px', category: 'width', label: '整体最小宽度', usage: '穿梭框整体最小宽度' },
+    'height-transfer': { value: '400px', category: 'height', label: '整体高度', usage: '穿梭框高度' },
+    'height-transfer-header': { value: '24px', category: 'height', label: 'header 高度', usage: '穿梭框 header 高度' },
+    'height-transfer-item-min-height': { value: '36px', category: 'height', label: '条目最小高度', usage: '穿梭框条目最小高度' },
+    'width-transfer-item-close-icon': { value: 'var(--cd-width-icon-small)', category: 'width', label: '删除按钮宽度', usage: '穿梭框选中条目删除按钮宽度' },
+    'width-transfer-left': { value: '50%', category: 'width', label: '左面板宽度', usage: '穿梭框左侧面板宽度' },
+    'width-transfer-right': { value: '50%', category: 'width', label: '右面板宽度', usage: '穿梭框右侧面板宽度' },
+    'height-transfer-left-empty': { value: '36px', category: 'height', label: '左空态高度', usage: '穿梭框空状态高度' },
+    'width-transfer-left-border': { value: 'var(--cd-border-thickness-control)', category: 'width', label: '分割线宽度', usage: '穿梭框双侧面板分割线宽度' },
+    'height-transfer-right-header': { value: '32px', category: 'height', label: '右 header 高度', usage: '穿梭框右侧 header 高度' },
+    'height-transfer-right-empty': { value: '100%', category: 'height', label: '右空态高度', usage: '穿梭框右侧空状态高度' },
+    'width-transfer-empty': { value: '100%', category: 'width', label: '整体空态宽度', usage: '穿梭框整体空状态宽度' },
+    'height-transfer-group-title': { value: '28px', category: 'height', label: '分组标题高度', usage: '穿梭框分组标题高度' },
+    // —— Spacing —— （对齐 Semi $spacing-transfer* ）
+    'spacing-transfer-header-margin-top': { value: '12px', category: 'spacing', label: 'header 上外边距', usage: '穿梭框 header 顶部外边距' },
+    'spacing-transfer-header-margin-right': { value: '12px', category: 'spacing', label: 'header 右外边距', usage: '穿梭框 header 右侧外边距' },
+    'spacing-transfer-header-margin-bottom': { value: '8px', category: 'spacing', label: 'header 下外边距', usage: '穿梭框 header 底部外边距' },
+    'spacing-transfer-header-margin-left': { value: '12px', category: 'spacing', label: 'header 左外边距', usage: '穿梭框 header 左侧外边距' },
+    'spacing-transfer-header-all-margin-left': { value: 'var(--cd-spacing-base)', category: 'spacing', label: '全选按钮左外边距', usage: '穿梭框全选按钮左侧外边距' },
+    'spacing-transfer-item-padding-top': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '条目上内边距', usage: '穿梭框条目顶部内边距' },
+    'spacing-transfer-item-padding-right': { value: '9px', category: 'spacing', label: '条目右内边距', usage: '穿梭框条目右侧内边距' },
+    'spacing-transfer-item-padding-bottom': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '条目下内边距', usage: '穿梭框条目底部内边距' },
+    'spacing-transfer-item-padding-left': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '条目左内边距', usage: '穿梭框条目左侧内边距' },
+    'spacing-transfer-right-header-margin-top': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '右 header 上外边距', usage: '穿梭框右侧面板 header 顶部外边距' },
+    'spacing-transfer-right-header-margin-bottom': { value: '0', category: 'spacing', label: '右 header 下外边距', usage: '穿梭框右侧面板 header 底部外边距' },
+    'spacing-transfer-right-item-drag-handler-margin-right': { value: '4px', category: 'spacing', label: '拖动图标右外边距', usage: '穿梭框拖动图标右侧外边距' },
+    'spacing-transfer-filter-margin-top': { value: '12px', category: 'spacing', label: '搜索上外边距', usage: '穿梭框搜索顶部外边距' },
+    'spacing-transfer-filter-margin-right': { value: '12px', category: 'spacing', label: '搜索右外边距', usage: '穿梭框搜索右侧外边距' },
+    'spacing-transfer-filter-margin-bottom': { value: '0', category: 'spacing', label: '搜索下外边距', usage: '穿梭框搜索底部外边距' },
+    'spacing-transfer-filter-margin-left': { value: '12px', category: 'spacing', label: '搜索左外边距', usage: '穿梭框搜索左侧外边距' },
+    'spacing-transfer-group-title-padding-left': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '分组标题左内边距', usage: '穿梭框分组标题左侧内边距' },
+    // —— Radius —— （对齐 Semi $radius-transfer ）
+    'radius-transfer': { value: 'var(--cd-border-radius-medium)', category: 'radius', label: '圆角', usage: '穿梭框圆角' },
+    // —— Font —— （对齐 Semi $font-transfer_header_all-fontWeight ）
+    'font-transfer-header-all-font-weight': { value: '600', category: 'font', label: '全选按钮字重', usage: '穿梭框全选按钮字重' },
 };
 //# sourceMappingURL=transfer.js.map

package/dist/components/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.js","sourceRoot":"","sources":["../../src/components/transfer.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAC3F,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,sBAAsB,EAAE,OAAO;IAC/B,uBAAuB,EAAE,OAAO;IAChC,uBAAuB,EAAE,wBAAwB;IACjD,uBAAuB,EAAE,gCAAgC;IACzD,0BAA0B,EAAE,wBAAwB;IACpD,sBAAsB,EAAE,MAAM;IAC9B,wBAAwB,EAAE,wBAAwB;IAClD,cAAc,EAAE,8BAA8B;IAC9C,uBAAuB,EAAE,wBAAwB;IACjD,8BAA8B,EAAE,yBAAyB,EAAE,4BAA4B;IACvF,mBAAmB,EAAE,wCAAwC,EAAE,4CAA4C;IAC3G,0BAA0B,EAAE,uCAAuC,EAAE,0CAA0C;IAC/G,uBAAuB,EAAE,gCAAgC;IACzD,sBAAsB,EAAE,wBAAwB,EAAE,sDAAsD;IACxG,yBAAyB,EAAE,wBAAwB;IACnD,4CAA4C;IAC5C,uBAAuB,EAAE,yBAAyB;IAClD,qBAAqB,EAAE,wBAAwB;CACvC,CAAC"}
+{"version":3,"file":"transfer.js","sourceRoot":"","sources":["../../src/components/transfer.ts"],"names":[],"mappings":"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"}

package/dist/components/tree-select.d.ts

@@ -0,0 +1,141 @@
+export declare const treeSelectTokens: {
+    'color-tree-select-default-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-default-icon-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-input-disabled-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-input-disabled-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-input-placeholder-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-label': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'font-tree-select-label': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-bg-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-border-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-warning-border-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-bg-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-border-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-select-danger-border-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+};
+//# sourceMappingURL=tree-select.d.ts.map

package/dist/components/tree-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["../../src/components/tree-select.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCP,CAAC"}

package/dist/components/tree-select.js

@@ -0,0 +1,31 @@
+export const treeSelectTokens = {
+    // —— default 选择框描边 / 回填文本 / 图标 ——
+    'color-tree-select-default-icon-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '图标色', usage: '树选择器选择框图标颜色 - 默认' },
+    'color-tree-select-default-icon-hover': { value: 'var(--cd-color-primary-hover)', category: 'color', label: '清空按钮色', usage: '树选择器选择框清空按钮颜色 - 悬停' },
+    // —— 搜索框 / 禁用 / 占位 ——
+    'color-tree-select-input-disabled-bg-default': { value: 'var(--cd-color-disabled-fill)', category: 'color', label: '禁用背景色', usage: '禁用树选择器选择框背景颜色' },
+    'color-tree-select-input-disabled-text-default': { value: 'var(--cd-color-disabled-text)', category: 'color', label: '禁用文本色', usage: '禁用树选择器选择框文本颜色' },
+    'color-tree-select-input-placeholder-text-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '占位文本色', usage: '树选择器选择框占位文本颜色' },
+    // —— insetLabel 内嵌标签（触发器值前的内嵌标签文本）——
+    'color-tree-select-label': { value: 'var(--cd-color-text-2)', category: 'color', label: '内嵌标签文本色', usage: '树选择器触发器内嵌标签（insetLabel）文本颜色' },
+    'font-tree-select-label': { value: 'var(--cd-font-weight-regular)', category: 'font', label: '内嵌标签字重', usage: '树选择器触发器内嵌标签（insetLabel）文本字重' },
+    // —— warning 校验态（same as Input，对齐 Semi variables.scss:22-33）——
+    'color-tree-select-warning-bg-default': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告背景色', usage: '警告树选择器选择框背景颜色 - 默认' },
+    'color-tree-select-warning-border-default': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告描边色', usage: '警告树选择器选择框描边颜色 - 默认' },
+    'color-tree-select-warning-bg-hover': { value: 'var(--cd-color-warning-light-hover)', category: 'color', label: '警告背景色', usage: '警告树选择器选择框背景颜色 - 悬浮' },
+    'color-tree-select-warning-border-hover': { value: 'var(--cd-color-warning-light-hover)', category: 'color', label: '警告描边色', usage: '警告树选择器选择框描边颜色 - 悬浮' },
+    'color-tree-select-warning-bg-focus': { value: 'var(--cd-color-warning-light-default)', category: 'color', label: '警告背景色', usage: '警告树选择器选择框背景颜色 - 选中' },
+    'color-tree-select-warning-border-focus': { value: 'var(--cd-color-warning)', category: 'color', label: '警告描边色', usage: '警告树选择器选择框描边颜色 - 选中' },
+    'color-tree-select-warning-bg-active': { value: 'var(--cd-color-warning-light-active)', category: 'color', label: '警告背景色', usage: '警告树选择器选择框背景颜色 - 激活' },
+    'color-tree-select-warning-border-active': { value: 'var(--cd-color-warning-light-active)', category: 'color', label: '警告描边色', usage: '警告树选择器选择框描边颜色 - 激活' },
+    // —— error/danger 校验态（same as Input，对齐 Semi variables.scss:36-46）——
+    'color-tree-select-danger-bg-default': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误背景色', usage: '错误树选择器选择框背景颜色 - 默认' },
+    'color-tree-select-danger-border-default': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误描边色', usage: '错误树选择器选择框描边颜色 - 默认' },
+    'color-tree-select-danger-bg-hover': { value: 'var(--cd-color-danger-light-hover)', category: 'color', label: '错误背景色', usage: '错误树选择器选择框背景颜色 - 悬浮' },
+    'color-tree-select-danger-border-hover': { value: 'var(--cd-color-danger-light-hover)', category: 'color', label: '错误描边色', usage: '错误树选择器选择框描边颜色 - 悬浮' },
+    'color-tree-select-danger-bg-focus': { value: 'var(--cd-color-danger-light-default)', category: 'color', label: '错误背景色', usage: '错误树选择器选择框背景颜色 - 选中' },
+    'color-tree-select-danger-border-focus': { value: 'var(--cd-color-danger)', category: 'color', label: '错误描边色', usage: '错误树选择器选择框描边颜色 - 选中' },
+    'color-tree-select-danger-bg-active': { value: 'var(--cd-color-danger-light-active)', category: 'color', label: '错误背景色', usage: '错误树选择器选择框背景颜色 - 激活' },
+    'color-tree-select-danger-border-active': { value: 'var(--cd-color-danger-light-active)', category: 'color', label: '错误描边色', usage: '错误树选择器选择框描边颜色 - 激活' },
+};
+//# sourceMappingURL=tree-select.js.map

package/dist/components/tree-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.js","sourceRoot":"","sources":["../../src/components/tree-select.ts"],"names":[],"mappings":"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"}

package/dist/components/tree.d.ts

@@ -1,25 +1,213 @@
-/** Component tokens for Cascader & TreeSelect (tree-based dropdowns). */
 export declare const treeTokens: {
-    readonly 'tree-node-height': "32px";
-    readonly 'tree-node-padding-x': "var(--cd-spacing-base-tight)";
-    readonly 'tree-node-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'tree-node-bg-active': "var(--cd-color-fill-1)";
-    readonly 'tree-node-color-selected': "var(--cd-color-text-0)";
-    readonly 'tree-indent': "var(--cd-spacing-base)";
-    readonly 'tree-expand-icon-color': "var(--cd-color-text-2)";
-    readonly 'tree-node-height-small': "28px";
-    readonly 'tree-node-height-large': "36px";
-    readonly 'tree-node-color': "var(--cd-color-text-0)";
-    readonly 'tree-node-color-disabled': "var(--cd-color-text-2)";
-    readonly 'tree-node-bg-selected': "var(--cd-color-primary-light-default)";
-    readonly 'tree-search-highlight-bg': "transparent";
-    readonly 'tree-search-highlight-color': "var(--cd-color-primary)";
-    readonly 'tree-search-highlight-weight': "var(--cd-font-weight-bold)";
-    readonly 'tree-focus-ring': "var(--cd-color-primary)";
-    readonly 'tree-border-color': "var(--cd-color-border)";
-    readonly 'tree-border-color-warning': "var(--cd-color-warning)";
-    readonly 'tree-border-color-error': "var(--cd-color-danger)";
-    readonly 'cascader-column-width': "160px";
-    readonly 'cascader-column-border': "var(--cd-color-border)";
+    'color-tree-option-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-icon-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-icon-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-selected-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-disabled-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-loading-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-draggable-insert-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-highlight-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'font-tree-option-highlight-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'radius-tree-checkbox-addon': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-search-wrapper-padding-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-search-wrapper-padding-y': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-level-padding-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-level1-padding-left': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-list-padding-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-list-padding-y': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-icon-margin-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-label-with-icon-margin-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-draggable-padding-y': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-tree-option-draggable-padding-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-tree-empty-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-tree-spin-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-tree-option-draggable-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-tree-option-line': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'color-tree-option-line': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'tree-node-height': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'tree-node-height-small': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'tree-node-height-large': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'tree-row-height': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'tree-node-font-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'tree-focus-ring': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'tree-node-padding-x': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=tree.d.ts.map

package/dist/components/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/components/tree.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAuBb,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/components/tree.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DD,CAAC"}

package/dist/components/tree.js

@@ -1,26 +1,59 @@
-/** Component tokens for Cascader & TreeSelect (tree-based dropdowns). */
 export const treeTokens = {
-    'tree-node-height': '32px',
-    'tree-node-padding-x': 'var(--cd-spacing-base-tight)',
-    'tree-node-bg-hover': 'var(--cd-color-fill-0)',
-    'tree-node-bg-active': 'var(--cd-color-fill-1)',
-    'tree-node-color-selected': 'var(--cd-color-text-0)', // Semi 树选中态深字（bg primary-light-default 区分，同 Menu）
-    'tree-indent': 'var(--cd-spacing-base)',
-    'tree-expand-icon-color': 'var(--cd-color-text-2)',
-    // standalone Tree component (M4 Show)
-    'tree-node-height-small': '28px',
-    'tree-node-height-large': '36px',
-    'tree-node-color': 'var(--cd-color-text-0)',
-    'tree-node-color-disabled': 'var(--cd-color-text-2)',
-    'tree-node-bg-selected': 'var(--cd-color-primary-light-default)',
-    'tree-search-highlight-bg': 'transparent', // Semi tree 高亮无背景（原 warning-light）
-    'tree-search-highlight-color': 'var(--cd-color-primary)', // Semi tree 高亮文本 primary（原 warning）
-    'tree-search-highlight-weight': 'var(--cd-font-weight-bold)', // Semi 高亮字重 bold
-    'tree-focus-ring': 'var(--cd-color-primary)',
-    'tree-border-color': 'var(--cd-color-border)',
-    'tree-border-color-warning': 'var(--cd-color-warning)',
-    'tree-border-color-error': 'var(--cd-color-danger)',
-    'cascader-column-width': '160px',
-    'cascader-column-border': 'var(--cd-color-border)',
+    // ============================================================
+    // Color —— 对齐 Semi variables.scss 的 $color-tree_option-*
+    // ============================================================
+    'color-tree-option-text-default': { value: 'var(--cd-color-text-0)', category: 'color', label: '选项文字色', usage: '树选项文字颜色（$color-tree_option-text-default）' },
+    'color-tree-option-icon-default': { value: 'var(--cd-color-text-2)', category: 'color', label: '选项图标色', usage: '展开箭头 / 节点图标颜色（$color-tree_option-icon-default）' },
+    'color-tree-option-icon-hover': { value: 'var(--cd-color-text-0)', category: 'color', label: '图标色-悬停', usage: '展开图标悬停色（$color-tree_option-icon-hover）' },
+    'color-tree-option-icon-active': { value: 'var(--cd-color-black)', category: 'color', label: '图标色-按下', usage: '展开图标按下色（$color-tree_option-icon-active）' },
+    'color-tree-option-bg-hover': { value: 'var(--cd-color-fill-0)', category: 'color', label: '选项背景-悬停', usage: '树选项悬停背景（$color-tree_option-bg-hover）' },
+    'color-tree-option-selected-bg-default': { value: 'var(--cd-color-fill-1)', category: 'color', label: '选项背景-按下', usage: '树选项按下背景（$color-tree_option_selected-bg-default）' },
+    'color-tree-option-bg-active': { value: 'var(--cd-color-primary-light-default)', category: 'color', label: '选项背景-选中', usage: '树选项选中/激活背景（$color-tree_option-bg-active）' },
+    'color-tree-option-disabled-text-default': { value: 'var(--cd-color-disabled-text)', category: 'color', label: '禁用文字色', usage: '禁用树选项文字颜色（$color-tree_option_disabled-text-default）' },
+    'color-tree-option-loading-icon-default': { value: 'var(--cd-color-primary)', category: 'color', label: '加载图标色', usage: '树选项加载 spin 颜色（$color-tree_option_loading-icon-default）' },
+    'color-tree-option-draggable-insert-border-default': { value: 'var(--cd-color-primary)', category: 'color', label: '拖拽指示线色', usage: '可拖拽插入指示线颜色（$color-tree_option_draggable_insert-border-default）' },
+    'color-tree-option-highlight-text': { value: 'var(--cd-color-primary)', category: 'color', label: '高亮文本色', usage: '搜索命中高亮文本色（$color-tree_option_hightlight-text）' },
+    // ============================================================
+    // Font —— $font-tree_option_hightlight-fontWeight
+    // ============================================================
+    'font-tree-option-highlight-weight': { value: 'var(--cd-font-weight-bold)', category: 'font', label: '高亮字重', usage: '搜索命中高亮字重 bold（$font-tree_option_hightlight-fontWeight）' },
+    // ============================================================
+    // Radius —— $radius-tree_checkbox_addon
+    // ============================================================
+    'radius-tree-checkbox-addon': { value: 'var(--cd-border-radius-small)', category: 'radius', label: 'checkbox 圆角', usage: '多选树 checkbox / 选项标签圆角（$radius-tree_checkbox_addon）' },
+    // ============================================================
+    // Spacing —— 对齐 Semi 的 px 间距（忠实映射到同值 spacing 别名）
+    // ============================================================
+    'spacing-tree-search-wrapper-padding-x': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '搜索框水平内边距', usage: '搜索框容器水平 padding 12px（$spacing-tree_search_wrapper-paddingX）' },
+    'spacing-tree-search-wrapper-padding-y': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '搜索框垂直内边距', usage: '搜索框容器垂直 padding 8px（$spacing-tree_search_wrapper-paddingY）' },
+    'spacing-tree-option-level-padding-left': { value: 'var(--cd-spacing-base-loose)', category: 'spacing', label: '层级缩进增量', usage: '每层缩进增量 20px（$spacing-tree_option_level-paddingLeft）' },
+    'spacing-tree-option-level1-padding-left': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '首层左内边距', usage: '选项最上层左侧内边距 8px（$spacing-tree_option_level1-paddingLeft）' },
+    'spacing-tree-option-list-padding-x': { value: 'var(--cd-spacing-none)', category: 'spacing', label: '选项列表水平内边距', usage: '选项列表水平 padding 0（$spacing-tree_optionList-paddingX）' },
+    'spacing-tree-option-list-padding-y': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '选项列表垂直内边距', usage: '选项列表垂直 padding 8px（$spacing-tree_optionList-paddingY）' },
+    'spacing-tree-icon-margin-right': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: '图标右外边距', usage: '展开箭头 / 图标右侧 margin 8px（$spacing-tree_icon-marginRight）' },
+    'spacing-tree-label-with-icon-margin-right': { value: 'var(--cd-spacing-tight)', category: 'spacing', label: 'label 图标右外边距', usage: 'label 内图标 / checkbox 右侧 margin 8px（$spacing-tree_label_withIcon-marginRight）' },
+    'spacing-tree-option-draggable-padding-y': { value: 'var(--cd-spacing-super-tight)', category: 'spacing', label: '可拖拽选项垂直内边距', usage: '可拖拽选项 label 垂直 padding 2px（$spacing-tree_option_draggable-paddingY）' },
+    'spacing-tree-option-draggable-padding-x': { value: 'var(--cd-spacing-none)', category: 'spacing', label: '可拖拽选项水平内边距', usage: '可拖拽选项 label 水平 padding 0（$spacing-tree_option_draggable-paddingX）' },
+    // ============================================================
+    // Width —— 对齐 Semi 的 $width-tree_*
+    // ============================================================
+    'width-tree-empty-icon': { value: 'var(--cd-width-icon-small)', category: 'width', label: '展开图标宽度', usage: '展开箭头 / 空图标宽度 12px（$width-tree_emptyIcon）' },
+    'width-tree-spin-icon': { value: 'var(--cd-width-icon-small)', category: 'width', label: '加载图标宽度', usage: '加载 spin 宽度 12px（$width-tree_spinIcon）' },
+    'width-tree-option-draggable-border': { value: '2px', category: 'width', label: '拖拽指示线宽度', usage: '可拖拽插入指示线宽度 2px（$width-tree_option_draggable-border）' },
+    'width-tree-option-line': { value: '1px', category: 'width', label: '连接线宽度', usage: 'showLine 连接线宽度 1px（$width-tree_option_line）' },
+    'color-tree-option-line': { value: 'var(--cd-color-text-3)', category: 'color', label: '连接线色', usage: 'showLine 连接线颜色（Semi 用 --semi-color-text-3）' },
+    // ============================================================
+    // 补充档：行高 / 字号 / 状态边框 —— Semi tree 无对应 token（用 padding 撑高、
+    //   搜索框边框复用 Input），属本库补充；组件消费。
+    // ============================================================
+    'tree-node-height': { value: '32px', category: 'height', label: '行高', usage: '树行高 - 默认（本库补充；Semi 无行高 token）' },
+    'tree-node-height-small': { value: '28px', category: 'height', label: '行高-小', usage: '树行高 - 小尺寸（本库补充）' },
+    'tree-node-height-large': { value: '36px', category: 'height', label: '行高-大', usage: '树行高 - 大尺寸（本库补充）' },
+    'tree-row-height': { value: 'var(--cd-tree-node-height)', category: 'height', label: '当前行高', usage: '当前尺寸行高基线（组件按 size 覆盖为 small/large）' },
+    'tree-node-font-size': { value: 'var(--cd-font-size-regular)', category: 'font', label: '文字字号', usage: '树选项文字字号（对齐 Semi font-size-regular 14px）' },
+    'tree-focus-ring': { value: 'var(--cd-color-primary)', category: 'color', label: '焦点环色', usage: '键盘焦点环颜色（本库补充；Semi 无键盘 roving 焦点环）' },
+    // 下拉面板节点水平内边距：TreeSelect / Cascader 下拉行复用（Semi tree 选项无独立水平 padding
+    // token，下拉浮层节点需要，故保留本库补充 token，值 12px = base-tight）。
+    'tree-node-padding-x': { value: 'var(--cd-spacing-base-tight)', category: 'spacing', label: '下拉节点水平内边距', usage: 'TreeSelect / Cascader 下拉节点水平内边距（本库补充）' },
 };
 //# sourceMappingURL=tree.js.map