@veltra/desktop 1.2.2 → 1.2.4

package/dist/components/action/action-group.vue.d.ts

@@ -6,11 +6,11 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
+  text: boolean;
   size: "small" | "default" | "large";
   type: import("@veltra/utils").ColorType;
-  text: boolean;
-  max: number;
   circle: boolean;
+  max: number;
   loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -12,9 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
+  text: boolean;
   size: import("@veltra/utils").ComponentSize;
   type: ButtonType;
-  text: boolean;
   circle: boolean;
   loading: boolean;
   inDropdown: boolean;

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -9,8 +9,6 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
@@ -18,8 +16,10 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  visibilityLimit: number;
+  disabled: boolean;
+  readonly: boolean;
   separator: string;
+  visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   type: import("@veltra/utils").ColorType;
   round: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean, e: MouseEvent) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox-group/checkbox-group.vue.d.ts

@@ -12,10 +12,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/code-editor/code-editor.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
   dark: boolean;
   defaultLines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
+  type: "date" | "month" | "year";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -1,8 +1,8 @@
 import { EmptyProps } from "../../types/empty.js";
 //#region src/components/empty/empty.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
-  size: number;
   text: string;
+  size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -32,10 +32,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -26,13 +26,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
   onChange?: ((options: Record<string, any>[]) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  minWidth: string;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
+  minWidth: string;
+  disabled: boolean;
+  readonly: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,15 +21,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
+  minWidth: string;
+  disabled: boolean;
+  readonly: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,8 +1,8 @@
 import { NumberProps } from "../../types/number.js";
 //#region src/components/number/number.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<NumberProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberProps> & Readonly<{}>, {
-  duration: number;
   format: "currency" | "percent" | "decimal";
+  duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/number-input/number-input.vue.d.ts

@@ -20,10 +20,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onClear?: (() => any) | undefined;
   onChange?: ((value?: number | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/number-range-input/number-range-input.vue.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:start"?: ((value: number | undefined) => any) | undefined;
   "onUpdate:end"?: ((value: number | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
   startPlaceholder: string;
   endPlaceholder: string;
   separator: string;

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

@@ -10,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/password-input/password-input.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -14,10 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts

@@ -10,9 +10,9 @@ declare const __VLS_export: import("vue").DefineComponent<RichTextEditorProps &
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
+  disabled: boolean;
+  readonly: boolean;
   format: RichTextFormat;
   toolbar: ToolbarItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -24,12 +24,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {},
   "onUpdate:current"?: ((value?: string | number | undefined) => any) | undefined;
   "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   labelKey: string;
+  direction: "horizontal" | "vertical";
   finishedStepType: import("@veltra/utils").ColorType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onChange?: ((value: boolean) => any) | undefined;
 }>, {
-  readonly: boolean;
   disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/table/use-columns.js

@@ -83,18 +83,20 @@ function useColumns(options) {
 			...unfixed,
 			...fixedOnRight
 		];
-		const firstColumn = { ...sortedColumns[0] };
-		sortedColumns[0] = firstColumn;
-		if ((!!tree || expandable) && firstColumn) {
-			firstColumn.align = "left";
-			firstColumn.width = firstColumn.width ? firstColumn.width + 60 : void 0;
-			const oldNameRender = firstColumn.nameRender;
-			firstColumn.nameRender = oldNameRender ? (ctx) => {
-				const oldNodes = oldNameRender(ctx);
-				return [renderExpandAll(), ...Array.isArray(oldNodes) ? oldNodes : [oldNodes]];
-			} : () => {
-				return [renderExpandAll(), firstColumn.name];
-			};
+		if (sortedColumns.length > 0) {
+			const firstColumn = { ...sortedColumns[0] };
+			sortedColumns[0] = firstColumn;
+			if (tree || expandable) {
+				firstColumn.align = "left";
+				firstColumn.width = firstColumn.width ? firstColumn.width + 60 : void 0;
+				const oldNameRender = firstColumn.nameRender;
+				firstColumn.nameRender = oldNameRender ? (ctx) => {
+					const oldNodes = oldNameRender(ctx);
+					return [renderExpandAll(), ...Array.isArray(oldNodes) ? oldNodes : [oldNodes]];
+				} : () => {
+					return [renderExpandAll(), firstColumn.name];
+				};
+			}
 		}
 		columnForest.value = new Forest({
 			data: sortedColumns,

package/dist/components/table/use-columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n      // 操作时避免改变原数据\n      const firstColumn = { ...sortedColumns[0] } as TableColumn\n      sortedColumns[0] = firstColumn\n\n      // 树形表格需要给第一列添加展开按钮\n      // 因此要重新设置第一列的宽度和对齐方式\n      if ((!!tree || expandable) && firstColumn) {\n        firstColumn.align = 'left'\n        firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n        const oldNameRender = firstColumn.nameRender\n\n        firstColumn.nameRender = oldNameRender\n          ? (ctx) => {\n              const oldNodes = oldNameRender!(ctx)\n              return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n            }\n          : () => {\n              return [renderExpandAll(), firstColumn.name]\n            }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n\n      if (sortedColumns.length > 0) {\n        // 操作时避免改变原数据\n        const firstColumn = { ...sortedColumns[0] } as TableColumn\n        sortedColumns[0] = firstColumn\n\n        // 树形表格需要给第一列添加展开按钮\n        // 因此要重新设置第一列的宽度和对齐方式\n        if (tree || expandable) {\n          firstColumn.align = 'left'\n          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n          const oldNameRender = firstColumn.nameRender\n\n          firstColumn.nameRender = oldNameRender\n            ? (ctx) => {\n                const oldNodes = oldNameRender!(ctx)\n                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n              }\n            : () => {\n                return [renderExpandAll(), firstColumn.name]\n              }\n        }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}

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

@@ -20,10 +20,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   onFocus?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
   resize: boolean;
   autosize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<TipProps, {}, {}, {}, {}
   contentTag: string;
   visible: boolean;
   direction: TipDirection;
-  alignment: TipAlign;
   content: string;
+  alignment: TipAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -23,15 +23,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
-  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
+  minWidth: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("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.2.2",
+  "version": "1.2.4",
   "files": [
     "dist",
     "src"
@@ -68,11 +68,11 @@
     "@cat-kit/core": ">=1.1.6",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.6",
-    "@veltra/compositions": "1.2.2",
-    "@veltra/directives": "1.2.2",
-    "@veltra/icons": "1.2.2",
-    "@veltra/styles": "1.2.2",
-    "@veltra/utils": "1.2.2",
+    "@veltra/compositions": "1.2.4",
+    "@veltra/directives": "1.2.4",
+    "@veltra/icons": "1.2.4",
+    "@veltra/styles": "1.2.4",
+    "@veltra/utils": "1.2.4",
     "vue": ">=3.5.0"
   }
 }

package/src/components/table/use-columns.ts

@@ -134,26 +134,29 @@ export function useColumns(options: Options): ColumnConfig {
       }
 
       const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]
-      // 操作时避免改变原数据
-      const firstColumn = { ...sortedColumns[0] } as TableColumn
-      sortedColumns[0] = firstColumn
-
-      // 树形表格需要给第一列添加展开按钮
-      // 因此要重新设置第一列的宽度和对齐方式
-      if ((!!tree || expandable) && firstColumn) {
-        firstColumn.align = 'left'
-        firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined
-
-        const oldNameRender = firstColumn.nameRender
-
-        firstColumn.nameRender = oldNameRender
-          ? (ctx) => {
-              const oldNodes = oldNameRender!(ctx)
-              return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]
-            }
-          : () => {
-              return [renderExpandAll(), firstColumn.name]
-            }
+
+      if (sortedColumns.length > 0) {
+        // 操作时避免改变原数据
+        const firstColumn = { ...sortedColumns[0] } as TableColumn
+        sortedColumns[0] = firstColumn
+
+        // 树形表格需要给第一列添加展开按钮
+        // 因此要重新设置第一列的宽度和对齐方式
+        if (tree || expandable) {
+          firstColumn.align = 'left'
+          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined
+
+          const oldNameRender = firstColumn.nameRender
+
+          firstColumn.nameRender = oldNameRender
+            ? (ctx) => {
+                const oldNodes = oldNameRender!(ctx)
+                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]
+              }
+            : () => {
+                return [renderExpandAll(), firstColumn.name]
+              }
+        }
       }
 
       const result = new Forest<TableColumn, any>({