@veltra/desktop 1.0.9 → 1.0.10

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

@@ -7,17 +7,17 @@ type __VLS_Slots = {
   default: (props: TreeSlotsScope) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TreeProps, _TreeExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  "update:checked": (checked: any[], checkedData: Record<string, any>[]) => any;
-  "update:selected": (selected?: any, selectedData?: Record<string, any> | undefined, node?: TreeNode<Record<string, any>> | undefined) => any;
   expand: (node: TreeNode<Record<string, any>>) => any;
   "node-click": (node: TreeNode<Record<string, any>>) => any;
+  "update:selected": (selected?: any, selectedData?: Record<string, any> | undefined, node?: TreeNode<Record<string, any>> | undefined) => any;
+  "update:checked": (checked: any[], checkedData: Record<string, any>[]) => any;
   "node-contextmenu": (event: MouseEvent, node: TreeNode<Record<string, any>>) => any;
   "selected-synced": (selected?: Record<string, any> | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<TreeProps> & Readonly<{
-  "onUpdate:checked"?: ((checked: any[], checkedData: Record<string, any>[]) => any) | undefined;
-  "onUpdate:selected"?: ((selected?: any, selectedData?: Record<string, any> | undefined, node?: TreeNode<Record<string, any>> | undefined) => any) | undefined;
   onExpand?: ((node: TreeNode<Record<string, any>>) => any) | undefined;
   "onNode-click"?: ((node: TreeNode<Record<string, any>>) => any) | undefined;
+  "onUpdate:selected"?: ((selected?: any, selectedData?: Record<string, any> | undefined, node?: TreeNode<Record<string, any>> | undefined) => any) | undefined;
+  "onUpdate:checked"?: ((checked: any[], checkedData: Record<string, any>[]) => any) | undefined;
   "onNode-contextmenu"?: ((event: MouseEvent, node: TreeNode<Record<string, any>>) => any) | undefined;
   "onSelected-synced"?: ((selected?: Record<string, any> | undefined) => any) | undefined;
 }>, {

package/dist/components/tree/use-tree-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-nodes.js","names":["TreeNode"],"sources":["../../../src/components/tree/use-tree-nodes.ts"],"sourcesContent":["import { Forest } from '@cat-kit/core'\nimport { computed, shallowRef, triggerRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { TreeProps } from '../../types'\nimport { TreeNode } from './tree-node'\n\ninterface Options {\n  props: TreeProps\n}\n\ninterface UseTreeNodesReturned {\n  nodes: ShallowRef<TreeNode[]>\n  forest: ComputedRef<Forest<Record<string, unknown>, any>>\n  getFlattedNodes: () => void\n  nodeDict: ComputedRef<Map<string | number, TreeNode>>\n  /** 强制刷新 `nodes` 的订阅者（供字段级别变化但列表引用不变时手动触发）。 */\n  triggerNodes: () => void\n}\n\nexport function useTreeNodes(options: Options): UseTreeNodesReturned {\n  const { props } = options\n\n  // forest / nodeDict 保持为 shallowRef 而非 computed：\n  // - computed 会因为任一 prop 变化（尤其是内联 disabledNode 函数）而整棵重建，\n  //   丢失 expanded/checked/visible 等运行时状态；\n  // - 显式 watch 仅在真正影响结构的输入变化时才重建，行为可控、可测量。\n  const forestRef = shallowRef<Forest<Record<string, unknown>, any>>(\n    new Forest<Record<string, unknown>, any>({\n      data: [],\n      childrenKey: props.childrenKey ?? 'children'\n    })\n  )\n\n  const nodeDictRef = shallowRef<Map<string | number, TreeNode>>(new Map())\n\n  const nodes = shallowRef<TreeNode[]>([])\n\n  function buildForest(): Forest<Record<string, unknown>, any> {\n    const { disabledNode, expandAll = false, valueKey, labelKey } = props\n    const childrenKey = props.childrenKey ?? 'children'\n\n    function createNode(\n      data: Record<string, any>,\n      index: number,\n      depth: number,\n      parent?: TreeNode\n    ): TreeNode {\n      const node = new TreeNode({\n        data,\n        index,\n        depth,\n        parent,\n        valueKey: valueKey!,\n        labelKey: labelKey!\n      })\n      node.expanded = expandAll\n      return node\n    }\n\n    return new Forest<Record<string, unknown>, any>({\n      data: (props.data ?? []) as Record<string, unknown>[],\n      childrenKey,\n      createNode: disabledNode\n        ? (data, index, depth, _f, parent) => {\n            const node = createNode(data as Record<string, any>, index, depth, parent as TreeNode)\n            if (data) {\n              node.disabled = disabledNode(data as Record<string, any>, node) ?? false\n            }\n            return node\n          }\n        : (data, index, depth, _f, parent) =>\n            createNode(data as Record<string, any>, index, depth, parent as TreeNode)\n    })\n  }\n\n  function rebuildForest(): void {\n    const nextForest = buildForest()\n    const nextDict = new Map<string | number, TreeNode>()\n\n    // 构建森林的同时一次 DFS 同步填充字典，\n    // 避免旧版 “forest computed → nodeDict computed” 两次完整遍历。\n    nextForest.dfs((node) => {\n      nextDict.set(node.key, node)\n    })\n\n    forestRef.value = nextForest\n    nodeDictRef.value = nextDict\n\n    getFlattedNodes()\n  }\n\n  /** 按展开与可见性扁平化：仅一次 DFS。 */\n  function getFlattedNodes(): void {\n    const result: TreeNode[] = []\n    const roots = forestRef.value.roots as TreeNode[]\n\n    const stack: TreeNode[] = []\n    for (let i = roots.length - 1; i >= 0; i--) {\n      stack.push(roots[i]!)\n    }\n\n    while (stack.length) {\n      const node = stack.pop()!\n      if (!node.visible) continue\n      result.push(node)\n      if (node.expanded && node.children && node.children.length) {\n        for (let i = node.children.length - 1; i >= 0; i--) {\n          stack.push(node.children[i]!)\n        }\n      }\n    }\n\n    nodes.value = result\n  }\n\n  function triggerNodes(): void {\n    triggerRef(nodes)\n  }\n\n  watch(\n    [\n      () => props.data,\n      () => props.disabledNode,\n      () => props.childrenKey,\n      () => props.valueKey,\n      () => props.labelKey,\n      () => props.expandAll\n    ],\n    () => {\n      rebuildForest()\n    },\n    { immediate: true }\n  )\n\n  const forest = computed(() => forestRef.value)\n  const nodeDict = computed(() => nodeDictRef.value)\n\n  return { nodes, forest, getFlattedNodes, nodeDict, triggerNodes }\n}\n"],"mappings":";;;;AAmBA,SAAgB,aAAa,SAAwC;CACnE,MAAM,EAAE,UAAU;CAMlB,MAAM,YAAY,WAChB,IAAI,OAAqC;EACvC,MAAM,EAAE;EACR,aAAa,MAAM,eAAe;EACnC,CAAC,CACH;CAED,MAAM,cAAc,2BAA2C,IAAI,KAAK,CAAC;CAEzE,MAAM,QAAQ,WAAuB,EAAE,CAAC;CAExC,SAAS,cAAoD;EAC3D,MAAM,EAAE,cAAc,YAAY,OAAO,UAAU,aAAa;EAChE,MAAM,cAAc,MAAM,eAAe;EAEzC,SAAS,WACP,MACA,OACA,OACA,QACU;GACV,MAAM,OAAO,IAAIA,WAAS;IACxB;IACA;IACA;IACA;IACU;IACA;IACX,CAAC;AACF,QAAK,WAAW;AAChB,UAAO;;AAGT,SAAO,IAAI,OAAqC;GAC9C,MAAO,MAAM,QAAQ,EAAE;GACvB;GACA,YAAY,gBACP,MAAM,OAAO,OAAO,IAAI,WAAW;IAClC,MAAM,OAAO,WAAW,MAA6B,OAAO,OAAO,OAAmB;AACtF,QAAI,KACF,MAAK,WAAW,aAAa,MAA6B,KAAK,IAAI;AAErE,WAAO;QAER,MAAM,OAAO,OAAO,IAAI,WACvB,WAAW,MAA6B,OAAO,OAAO,OAAmB;GAChF,CAAC;;CAGJ,SAAS,gBAAsB;EAC7B,MAAM,aAAa,aAAa;EAChC,MAAM,2BAAW,IAAI,KAAgC;AAIrD,aAAW,KAAK,SAAS;AACvB,YAAS,IAAI,KAAK,KAAK,KAAK;IAC5B;AAEF,YAAU,QAAQ;AAClB,cAAY,QAAQ;AAEpB,mBAAiB;;;CAInB,SAAS,kBAAwB;EAC/B,MAAM,SAAqB,EAAE;EAC7B,MAAM,QAAQ,UAAU,MAAM;EAE9B,MAAM,QAAoB,EAAE;AAC5B,OAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,IACrC,OAAM,KAAK,MAAM,GAAI;AAGvB,SAAO,MAAM,QAAQ;GACnB,MAAM,OAAO,MAAM,KAAK;AACxB,OAAI,CAAC,KAAK,QAAS;AACnB,UAAO,KAAK,KAAK;AACjB,OAAI,KAAK,YAAY,KAAK,YAAY,KAAK,SAAS,OAClD,MAAK,IAAI,IAAI,KAAK,SAAS,SAAS,GAAG,KAAK,GAAG,IAC7C,OAAM,KAAK,KAAK,SAAS,GAAI;;AAKnC,QAAM,QAAQ;;CAGhB,SAAS,eAAqB;AAC5B,aAAW,MAAM;;AAGnB,OACE;QACQ,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;EACb,QACK;AACJ,iBAAe;IAEjB,EAAE,WAAW,MAAM,CACpB;AAKD,QAAO;EAAE;EAAO,QAHD,eAAe,UAAU,MAAM;EAGtB;EAAiB,UAFxB,eAAe,YAAY,MAAM;EAEC;EAAc"}
+{"version":3,"file":"use-tree-nodes.js","names":["TreeNode"],"sources":["../../../src/components/tree/use-tree-nodes.ts"],"sourcesContent":["import { Forest } from '@cat-kit/core'\nimport { computed, shallowRef, triggerRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { TreeProps } from '../../types'\nimport { TreeNode } from './tree-node'\n\ninterface Options {\n  props: TreeProps\n}\n\ninterface UseTreeNodesReturned {\n  nodes: ShallowRef<TreeNode[]>\n  forest: ComputedRef<Forest<Record<string, unknown>, any>>\n  getFlattedNodes: () => void\n  nodeDict: ComputedRef<Map<string | number, TreeNode>>\n  /** 强制刷新 `nodes` 的订阅者（供字段级别变化但列表引用不变时手动触发）。 */\n  triggerNodes: () => void\n}\n\nexport function useTreeNodes(options: Options): UseTreeNodesReturned {\n  const { props } = options\n\n  // forest / nodeDict 保持为 shallowRef 而非 computed：\n  // - computed 会因为任一 prop 变化（尤其是内联 disabledNode 函数）而整棵重建，\n  //   丢失 expanded/checked/visible 等运行时状态；\n  // - 显式 watch 仅在真正影响结构的输入变化时才重建，行为可控、可测量。\n  const forestRef = shallowRef<Forest<Record<string, unknown>, any>>(\n    new Forest<Record<string, unknown>, any>({\n      data: [],\n      childrenKey: props.childrenKey ?? 'children'\n    })\n  )\n\n  const nodeDictRef = shallowRef<Map<string | number, TreeNode>>(new Map())\n\n  const nodes = shallowRef<TreeNode[]>([])\n\n  function buildForest(): Forest<Record<string, unknown>, any> {\n    const { disabledNode, expandAll = false, valueKey, labelKey } = props\n    const childrenKey = props.childrenKey ?? 'children'\n\n    function createNode(\n      data: Record<string, any>,\n      index: number,\n      depth: number,\n      parent?: TreeNode\n    ): TreeNode {\n      const node = new TreeNode({\n        data,\n        index,\n        depth,\n        parent,\n        valueKey: valueKey!,\n        labelKey: labelKey!\n      })\n      node.expanded = expandAll\n      return node\n    }\n\n    return new Forest<Record<string, unknown>, any>({\n      data: (props.data ?? []) as Record<string, unknown>[],\n      childrenKey,\n      createNode: disabledNode\n        ? (data, index, depth, _f, parent) => {\n            const node = createNode(data as Record<string, any>, index, depth, parent as TreeNode)\n            if (data) {\n              node.disabled = disabledNode(data as Record<string, any>, node) ?? false\n            }\n            return node\n          }\n        : (data, index, depth, _f, parent) =>\n            createNode(data as Record<string, any>, index, depth, parent as TreeNode)\n    })\n  }\n\n  function rebuildForest(): void {\n    const nextForest = buildForest()\n    const nextDict = new Map<string | number, TreeNode>()\n\n    // 构建森林的同时一次 DFS 同步填充字典，\n    // 避免旧版 “forest computed → nodeDict computed” 两次完整遍历。\n    nextForest.dfs((node) => {\n      nextDict.set(node.key, node)\n    })\n\n    forestRef.value = nextForest\n    nodeDictRef.value = nextDict\n\n    getFlattedNodes()\n  }\n\n  /** 按展开与可见性扁平化：仅一次 DFS。 */\n  function getFlattedNodes(): void {\n    const result: TreeNode[] = []\n    const roots = forestRef.value.roots as TreeNode[]\n\n    const stack: TreeNode[] = []\n    for (let i = roots.length - 1; i >= 0; i--) {\n      stack.push(roots[i]!)\n    }\n\n    while (stack.length) {\n      const node = stack.pop()!\n      if (!node.visible) continue\n      result.push(node)\n      if (node.expanded && node.children && node.children.length) {\n        for (let i = node.children.length - 1; i >= 0; i--) {\n          stack.push(node.children[i]!)\n        }\n      }\n    }\n\n    nodes.value = result\n  }\n\n  function triggerNodes(): void {\n    triggerRef(nodes)\n  }\n\n  watch(\n    [\n      () => props.data,\n      () => props.disabledNode,\n      () => props.childrenKey,\n      () => props.valueKey,\n      () => props.labelKey,\n      () => props.expandAll\n    ],\n    () => {\n      rebuildForest()\n    },\n    { immediate: true }\n  )\n\n  const forest = computed(() => forestRef.value)\n  const nodeDict = computed(() => nodeDictRef.value)\n\n  return { nodes, forest, getFlattedNodes, nodeDict, triggerNodes }\n}\n"],"mappings":";;;;AAmBA,SAAgB,aAAa,SAAwC;CACnE,MAAM,EAAE,UAAU;CAMlB,MAAM,YAAY,WAChB,IAAI,OAAqC;EACvC,MAAM,EAAE;EACR,aAAa,MAAM,eAAe;EACnC,CAAC,CACH;CAED,MAAM,cAAc,2BAA2C,IAAI,KAAK,CAAC;CAEzE,MAAM,QAAQ,WAAuB,EAAE,CAAC;CAExC,SAAS,cAAoD;EAC3D,MAAM,EAAE,cAAc,YAAY,OAAO,UAAU,aAAa;EAChE,MAAM,cAAc,MAAM,eAAe;EAEzC,SAAS,WACP,MACA,OACA,OACA,QACU;GACV,MAAM,OAAO,IAAIA,WAAS;IACxB;IACA;IACA;IACA;IACU;IACA;IACX,CAAC;AACF,QAAK,WAAW;AAChB,UAAO;;AAGT,SAAO,IAAI,OAAqC;GAC9C,MAAO,MAAM,QAAQ,EAAE;GACvB;GACA,YAAY,gBACP,MAAM,OAAO,OAAO,IAAI,WAAW;IAClC,MAAM,OAAO,WAAW,MAA6B,OAAO,OAAO,OAAmB;AACtF,QAAI,KACF,MAAK,WAAW,aAAa,MAA6B,KAAK,IAAI;AAErE,WAAO;QAER,MAAM,OAAO,OAAO,IAAI,WACvB,WAAW,MAA6B,OAAO,OAAO,OAAmB;GAChF,CAAC;;CAGJ,SAAS,gBAAsB;EAC7B,MAAM,aAAa,aAAa;EAChC,MAAM,2BAAW,IAAI,KAAgC;AAIrD,aAAW,KAAK,SAAS;AACvB,YAAS,IAAI,KAAK,KAAK,KAAK;IAC5B;AAEF,YAAU,QAAQ;AAClB,cAAY,QAAQ;AAEpB,mBAAiB;;;CAInB,SAAS,kBAAwB;EAC/B,MAAM,SAAqB,EAAE;EAC7B,MAAM,QAAQ,UAAU,MAAM;EAE9B,MAAM,QAAoB,EAAE;AAC5B,OAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,IACrC,OAAM,KAAK,MAAM,GAAI;AAGvB,SAAO,MAAM,QAAQ;GACnB,MAAM,OAAO,MAAM,KAAK;AACxB,OAAI,CAAC,KAAK,QAAS;AACnB,UAAO,KAAK,KAAK;AACjB,OAAI,KAAK,YAAY,KAAK,YAAY,KAAK,SAAS,OAClD,MAAK,IAAI,IAAI,KAAK,SAAS,SAAS,GAAG,KAAK,GAAG,IAC7C,OAAM,KAAK,KAAK,SAAS,GAAI;;AAKnC,QAAM,QAAQ;;CAGhB,SAAS,eAAqB;AAC5B,aAAW,MAAM;;AAGnB,OACE;QACQ,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;EACb,QACK;AACJ,iBAAe;IAEjB,EAAE,WAAW,MAAM,CACpB;AAKD,QAAO;EAAE;EAAO,QAHD,eAAe,UAAU,MAGlB;EAAE;EAAiB,UAFxB,eAAe,YAAY,MAEK;EAAE;EAAc"}

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

@@ -15,22 +15,22 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
-  clear: () => any;
   change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
+  clear: () => any;
   "update:text": (text?: string | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
+  minWidth: string;
   placeholder: string;
   clearable: boolean;
-  minWidth: string;
   expandAll: boolean;
   filterable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/watermark/watermark.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<WatermarkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-  route: number;
   fontSize: number;
+  route: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "files": [
     "dist",
     "src"
@@ -47,22 +47,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.0.9",
-    "@veltra/directives": "1.0.9",
-    "@veltra/icons": "1.0.9",
-    "@veltra/styles": "1.0.9",
-    "@veltra/utils": "1.0.9",
+    "@veltra/compositions": "1.0.10",
+    "@veltra/directives": "1.0.10",
+    "@veltra/icons": "1.0.10",
+    "@veltra/styles": "1.0.10",
+    "@veltra/utils": "1.0.10",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.0.9",
-    "@veltra/directives": "1.0.9",
-    "@veltra/icons": "1.0.9",
-    "@veltra/styles": "1.0.9",
-    "@veltra/utils": "1.0.9",
+    "@veltra/compositions": "1.0.10",
+    "@veltra/directives": "1.0.10",
+    "@veltra/icons": "1.0.10",
+    "@veltra/styles": "1.0.10",
+    "@veltra/utils": "1.0.10",
     "vue": "^3.5.33"
   }
 }

package/src/components/progress/progress.vue

@@ -78,7 +78,7 @@ const className = computed(() => {
 
 /** 描边 */
 const stroke = computed(() => {
-  return `var(--color-${type.value})`
+  return `var(--u-color-${type.value})`
 })
 
 const r = 44

package/src/components/table/di.ts

@@ -14,64 +14,62 @@ import type {
 import type { ColumnNode } from './node/col'
 import type { ColumnConfig } from './use-columns'
 
-export const TableDIKey: InjectionKey<
-  {
-    /** 表格属性 */
-    tableProps: TableProps
-    /** 表格插槽 */
-    tableSlots: Slots
-    /** 类 */
-    cls: BEM<'table'>
-    /** 行 */
-    rows: ShallowRef<TableRow[]>
-    /** 选中行 */
-    checkedRows: ShallowRef<Set<TableRow>>
-    /** 结构化列 */
-    columnConfig: ColumnConfig
-    /** 事件处理方法 */
-    handleRowClick: (row: TableRow, ev: MouseEvent) => void
-    /** 单元格点击 */
-    handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void
-    /** 表格列插槽node */
-    getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn
-    /** 展开行插槽node */
-    getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn
-    /** 表头插槽node */
-    getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn
+export const TableDIKey: InjectionKey<{
+  /** 表格属性 */
+  tableProps: TableProps
+  /** 表格插槽 */
+  tableSlots: Slots
+  /** 类 */
+  cls: BEM<'table'>
+  /** 行 */
+  rows: ShallowRef<TableRow[]>
+  /** 选中行 */
+  checkedRows: ShallowRef<Set<TableRow>>
+  /** 结构化列 */
+  columnConfig: ColumnConfig
+  /** 事件处理方法 */
+  handleRowClick: (row: TableRow, ev: MouseEvent) => void
+  /** 单元格点击 */
+  handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void
+  /** 表格列插槽node */
+  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn
+  /** 展开行插槽node */
+  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn
+  /** 表头插槽node */
+  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn
 
-    /** 展开/隐藏子节点 */
-    toggleTreeRowExpand: (row: TableRow) => void
+  /** 展开/隐藏子节点 */
+  toggleTreeRowExpand: (row: TableRow) => void
 
-    /** 获取单元格的类 */
-    getCellClass: (column: ColumnNode) => string
+  /** 获取单元格的类 */
+  getCellClass: (column: ColumnNode) => string
 
-    /** 获取表头单元格的类 */
-    getHeaderCellClass: (column: ColumnNode) => string
+  /** 获取表头单元格的类 */
+  getHeaderCellClass: (column: ColumnNode) => string
 
-    /** 获取单元格上下文 */
-    getCellCtx: (
-      row: TableRow,
-      column: ColumnNode
-    ) => TableColumnSlotsScope | TableColumnRenderContext
+  /** 获取单元格上下文 */
+  getCellCtx: (
+    row: TableRow,
+    column: ColumnNode
+  ) => TableColumnSlotsScope | TableColumnRenderContext
 
-    /**
-     * 当前渲染窗口的虚拟项列表。
-     *
-     * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`
-     * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。
-     */
-    virtualList: ShallowRef<VirtualItem[]>
-    /** 是否启用虚拟列表 */
-    virtualEnabled: ComputedRef<boolean>
-    /**
-     * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。
-     *
-     * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发
-     * size=0 测量回调。
-     */
-    measureElement: (index: number, el: Element | null) => void
-  }
-> = Symbol('TableDIKey')
+  /**
+   * 当前渲染窗口的虚拟项列表。
+   *
+   * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`
+   * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。
+   */
+  virtualList: ShallowRef<VirtualItem[]>
+  /** 是否启用虚拟列表 */
+  virtualEnabled: ComputedRef<boolean>
+  /**
+   * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。
+   *
+   * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发
+   * size=0 测量回调。
+   */
+  measureElement: (index: number, el: Element | null) => void
+}> = Symbol('TableDIKey')
 
 export const TableResizeKey: InjectionKey<{
   handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void

package/src/components/table/table.vue

@@ -11,7 +11,6 @@
     :content-class="cls.e('content')"
     @scroll="handleScroll"
   >
-    {{ console.log(1) }}
     <table :class="cls.e('wrap')">
       <colgroup ref="colgroupRef">
         <col

package/src/components/tabs/style.scss

@@ -68,6 +68,9 @@ $active-shadow:
 
   @include m.m(vertical) {
     flex-direction: column;
+    // 垂直方向没有 __viewport 承载上下 padding，这里直接为容器补上垂直内边距，
+    // 与水平 __viewport 的 padding: $list-padding 0 对称，避免首/末 item 紧贴边沿
+    padding-block: $list-padding;
   }
 
   @include m.e(viewport) {
@@ -113,9 +116,9 @@ $active-shadow:
     justify-content: center;
     gap: 0;
     transition:
-      color 0.2s ease,
-      background-color 0.2s ease,
-      box-shadow 0.2s ease;
+      color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+      background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+      box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
 
     &:not(.is-active):not(.is-disabled):hover {
       color: fn.use-var(text-color, title);
@@ -127,7 +130,7 @@ $active-shadow:
     }
 
     @include m.is(active) {
-      color: fn.use-var(text-color, title);
+      color: fn.use-var(color, primary);
       background-color: $active-bg;
       box-shadow: $active-shadow;
     }

package/src/components/tabs/tabs-horizontal.vue

@@ -16,9 +16,7 @@
       :disabled="!canPrev"
       @click="scrollByStep(-1)"
     >
-      <u-icon>
-        <ArrowLeft />
-      </u-icon>
+      <u-icon> <ArrowLeft /> </u-icon>
     </button>
 
     <div ref="viewportRef" :class="cls.e('viewport')">
@@ -35,7 +33,10 @@
           ]"
           @click.stop="handleClick(item, index)"
         >
-          <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+          <slot :name="`name:${item.key}`" :item="item">
+            <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+          </slot>
+
           <span
             v-if="isItemClosable(item)"
             role="button"
@@ -59,9 +60,7 @@
       :disabled="!canNext"
       @click="scrollByStep(1)"
     >
-      <u-icon>
-        <ArrowRight />
-      </u-icon>
+      <u-icon> <ArrowRight /> </u-icon>
     </button>
   </div>
 </template>
@@ -87,6 +86,10 @@ const props = withDefaults(defineProps<TabsHorizontalProps>(), {
 
 const emit = defineEmits<TabsHorizontalEmits>()
 
+defineSlots<{
+  [key: `name:${string}`]: (props: { item: TabItem }) => any
+}>()
+
 const { size } = useFallbackProps([props], {
   size: 'default' as ComponentSize
 })

package/src/components/tabs/tabs-vertical.vue

@@ -14,7 +14,9 @@
       ]"
       @click.stop="handleClick(item, index)"
     >
-      <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+      <slot :name="`name:${item.key}`" :item="item">
+        <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+      </slot>
       <span
         v-if="isItemClosable(item)"
         role="button"