pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/hooks/useRowSelection.js

@@ -0,0 +1,240 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var conductUtil = require('../utils/conductUtil.js');
+var devWarning = require('../utils/devWarning.js');
+var index = require('../../../../hooks/use-merged-state/index.js');
+var index$1 = require('../../../../hooks/use-state/index.js');
+
+const SELECTION_ALL = "SELECT_ALL";
+const SELECTION_INVERT = "SELECT_INVERT";
+const SELECTION_NONE = "SELECT_NONE";
+function useSelection(props, mergedRowSelection, allData, configRef) {
+  var _a, _b;
+  const preserveRecordsRef = vue.shallowRef(/* @__PURE__ */ new Map());
+  const [mergedSelectedKeys, setMergedSelectedKeys] = index.useMergedState(
+    props.selectedRowKeys || ((_a = mergedRowSelection.value) == null ? void 0 : _a.selectedRowKeys) || ((_b = mergedRowSelection.value) == null ? void 0 : _b.defaultSelectedRowKeys) || [],
+    {
+      value: vue.computed(() => {
+        var _a2;
+        return props.selectedRowKeys || ((_a2 = mergedRowSelection.value) == null ? void 0 : _a2.selectedRowKeys);
+      })
+    }
+  );
+  const isCheckboxDisabled = (record) => {
+    var _a2;
+    return !!((_a2 = configRef.checkboxPropsMap.value.get(record.rowKey)) == null ? void 0 : _a2.disabled);
+  };
+  const allDisabled = vue.ref(true);
+  const allDisabledSomeChecked = vue.ref(false);
+  const allDisabledAndChecked = vue.ref(true);
+  const checkedCurrentAll = vue.ref(true);
+  const checkedCurrentSome = vue.ref(false);
+  const levelEntities = vue.shallowRef(/* @__PURE__ */ new Map());
+  const maxLevel = vue.ref(0);
+  const derivedSelectedKeys = vue.shallowRef([]);
+  const derivedHalfSelectedKeys = vue.shallowRef([]);
+  const derivedSelectedKeySet = vue.computed(() => {
+    var _a2;
+    const keys = ((_a2 = mergedRowSelection.value) == null ? void 0 : _a2.type) === "radio" ? derivedSelectedKeys.value.slice(0, 1) : derivedSelectedKeys.value;
+    return new Set(keys);
+  });
+  const derivedHalfSelectedKeySet = vue.computed(
+    () => {
+      var _a2;
+      return ((_a2 = mergedRowSelection.value) == null ? void 0 : _a2.type) === "radio" ? /* @__PURE__ */ new Set() : new Set(derivedHalfSelectedKeys.value);
+    }
+  );
+  vue.watch(allData, () => {
+    levelEntities.value = /* @__PURE__ */ new Map();
+  });
+  vue.watchEffect(() => {
+    const keyEntities = configRef.keyEntities.value;
+    const derivedSelectedKeySetValue = derivedSelectedKeySet.value;
+    let newAllDisabled = true;
+    let newAllDisabledSomeChecked = false;
+    let newAllDisabledAndChecked = true;
+    let newCheckedCurrentAll = true;
+    let newCheckedCurrentSome = false;
+    configRef.pageDataRowKeys.value.forEach((rowKey) => {
+      const flatRecord = keyEntities[rowKey];
+      const { level } = flatRecord;
+      if (isCheckboxDisabled(flatRecord)) {
+        if (derivedSelectedKeySetValue.has(rowKey)) {
+          newAllDisabledSomeChecked = true;
+        } else {
+          newAllDisabledAndChecked = false;
+        }
+      } else {
+        newAllDisabled = false;
+        if (derivedSelectedKeySetValue.has(rowKey)) {
+          newCheckedCurrentSome = true;
+        } else {
+          newCheckedCurrentAll = false;
+        }
+      }
+      let dataEntitySet = levelEntities.value.get(level);
+      if (!dataEntitySet) {
+        dataEntitySet = /* @__PURE__ */ new Set();
+      }
+      levelEntities.value.set(level, dataEntitySet);
+      dataEntitySet.add(flatRecord);
+      allDisabled.value = newAllDisabled;
+      allDisabledAndChecked.value = newAllDisabledAndChecked;
+      allDisabledSomeChecked.value = newAllDisabledSomeChecked;
+      checkedCurrentAll.value = newCheckedCurrentAll;
+      checkedCurrentSome.value = newCheckedCurrentSome;
+      maxLevel.value = Math.max(maxLevel.value, level);
+    });
+  });
+  vue.watchEffect(() => {
+    var _a2;
+    if ((_a2 = mergedRowSelection.value) == null ? void 0 : _a2.checkStrictly) {
+      derivedSelectedKeys.value = mergedSelectedKeys.value || [];
+      derivedHalfSelectedKeys.value = [];
+    } else {
+      const { checkedKeys, halfCheckedKeys } = conductUtil.conductCheck(
+        mergedSelectedKeys.value,
+        true,
+        configRef.keyEntities.value,
+        levelEntities.value,
+        maxLevel.value,
+        isCheckboxDisabled
+      );
+      derivedSelectedKeys.value = checkedKeys || [];
+      derivedHalfSelectedKeys.value = halfCheckedKeys;
+    }
+  });
+  const [lastSelectedKey, setLastSelectedKey] = index$1.useState("");
+  vue.watch(
+    () => props.rowSelection,
+    () => {
+      if (!props.rowSelection) {
+        setMergedSelectedKeys([]);
+      }
+    },
+    { immediate: true }
+  );
+  const setSelectedKeys = (keys) => {
+    var _a2;
+    let availableKeys;
+    let records;
+    const { preserveSelectedRowKeys, onChange } = mergedRowSelection.value;
+    const { getRecordByKey } = configRef;
+    if (preserveSelectedRowKeys) {
+      const preserveRecords = /* @__PURE__ */ new Map();
+      availableKeys = keys;
+      records = keys.map((key) => {
+        let record = getRecordByKey(key);
+        if (!record && preserveRecordsRef.value.has(key)) {
+          record = preserveRecordsRef.value.get(key);
+        }
+        preserveRecords.set(key, record);
+        return record;
+      });
+      preserveRecordsRef.value = preserveRecords;
+    } else {
+      availableKeys = [];
+      records = [];
+      keys.forEach((key) => {
+        const record = getRecordByKey(key);
+        if (record !== void 0) {
+          availableKeys.push(key);
+          records.push(record);
+        }
+      });
+    }
+    setMergedSelectedKeys(availableKeys);
+    (_a2 = props["onUpdate:selectedRowKeys"]) == null ? void 0 : _a2.call(props, availableKeys, records);
+    onChange == null ? void 0 : onChange(availableKeys, records);
+  };
+  const mergedSelections = vue.computed(() => {
+    const { onSelectInvert, onSelectNone, selections, hideSelectAll } = mergedRowSelection.value;
+    const { pageData, getRowKey, locale } = configRef;
+    if (!selections || hideSelectAll) {
+      return null;
+    }
+    const selectionList = selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections;
+    return selectionList.map((selection) => {
+      if (selection === SELECTION_ALL) {
+        return {
+          key: "all",
+          text: locale.value.selectionAll,
+          onSelect() {
+            setSelectedKeys(configRef.allDataRootRowKeys.value);
+          }
+        };
+      }
+      if (selection === SELECTION_INVERT) {
+        return {
+          key: "invert",
+          text: locale.value.selectInvert,
+          onSelect() {
+            const keySet = new Set(derivedSelectedKeySet.value);
+            pageData.value.forEach((record, index) => {
+              const key = getRowKey.value(record, index);
+              keySet.has(key) ? keySet.delete(key) : keySet.add(key);
+            });
+            const keys = Array.from(keySet);
+            if (onSelectInvert) {
+              devWarning.default(
+                false,
+                "Table",
+                "`onSelectInvert` will be removed in future. Please use `onChange` instead."
+              );
+              onSelectInvert(keys);
+            }
+            setSelectedKeys(keys);
+          }
+        };
+      }
+      if (selection === SELECTION_NONE) {
+        return {
+          key: "none",
+          text: locale.value.selectNone,
+          onSelect() {
+            onSelectNone == null ? void 0 : onSelectNone();
+            setSelectedKeys([]);
+          }
+        };
+      }
+      return selection;
+    });
+  });
+  const triggerSingleSelection = (key, selected, keys, event) => {
+    const { onSelect } = mergedRowSelection.value;
+    const { getRecordByKey } = configRef || {};
+    if (onSelect) {
+      const rows = keys.map((k) => getRecordByKey(k));
+      onSelect(getRecordByKey(key), selected, rows, event);
+    }
+    setSelectedKeys(keys);
+  };
+  return {
+    derivedSelectedKeySet,
+    derivedSelectedKeys,
+    derivedHalfSelectedKeySet,
+    setSelectedKeys,
+    triggerSingleSelection,
+    mergedSelections,
+    lastSelectedKey,
+    setLastSelectedKey,
+    mergedRowSelection,
+    isCheckboxDisabled,
+    maxLevel,
+    levelEntities,
+    allDisabled,
+    allDisabledAndChecked,
+    allDisabledSomeChecked,
+    checkedCurrentAll,
+    checkedCurrentSome
+  };
+}
+
+exports.SELECTION_ALL = SELECTION_ALL;
+exports.SELECTION_INVERT = SELECTION_INVERT;
+exports.SELECTION_NONE = SELECTION_NONE;
+exports.default = useSelection;
+//# sourceMappingURL=useRowSelection.js.map

package/lib/components/table/src/hooks/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.js","sources":["../../../../../../../packages/components/table/src/hooks/useRowSelection.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 13:48:57\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:27:22\n * @Description:\n */\nimport type { Ref } from 'vue'\nimport type {\n  TableRowSelection,\n  Key,\n  GetRowKey,\n  TableLocale,\n  SelectionItem,\n  CheckboxProps,\n  ProTableProps,\n  FlatRecord,\n  DefaultRecordType,\n} from '../components/interface'\nimport type { GetCheckDisabled } from '../utils/conductUtil'\nimport type { DataEntity } from '../utils/conductUtil'\nimport type { KeyEntities } from './useFlattenRecords'\nimport { computed, shallowRef, ref, watch, watchEffect } from 'vue'\nimport { conductCheck } from '../utils/conductUtil'\nimport devWarning from '../utils/devWarning'\nimport { useMergedState, useState } from '@pro-design-vue/hooks'\n\nexport const SELECTION_ALL = 'SELECT_ALL'\nexport const SELECTION_INVERT = 'SELECT_INVERT'\nexport const SELECTION_NONE = 'SELECT_NONE'\ninterface UseSelectionConfig<RecordType> {\n  prefixCls: Ref<string>\n  pageData: Ref<RecordType[]>\n  getRowKey: Ref<GetRowKey<RecordType>>\n  getRecordByKey: (key: Key) => RecordType\n  childrenColumnName: Ref<string>\n  flattenData: Ref<RecordType[]>\n  keyEntities: Ref<KeyEntities>\n  locale: Ref<TableLocale>\n  checkboxPropsMap: Ref<Map<Key, Partial<CheckboxProps>>>\n  allDataRowKeys: Ref<Key[]>\n  allDataRootRowKeys: Ref<Key[]>\n  pageDataRowKeys: Ref<Key[]>\n  pageDataEnableRowKeys: Ref<Key[]>\n}\nexport type SelectionsRes = {\n  derivedSelectedKeySet: Ref<Set<Key>>\n  derivedHalfSelectedKeySet: Ref<Set<Key>>\n  derivedSelectedKeys: Ref<Key[]>\n  setSelectedKeys: (keys: Key[]) => void\n  triggerSingleSelection: (key: Key, selected: boolean, keys: Key[], event: Event) => void\n  mergedSelections: Ref<SelectionItem[] | null>\n  lastSelectedKey: Ref<Key>\n  setLastSelectedKey: (key: Key) => void\n  mergedRowSelection: Ref<TableRowSelection>\n  isCheckboxDisabled: (r: FlatRecord) => void\n  levelEntities: Ref<Map<number, Set<DataEntity>>>\n  maxLevel: Ref<number>\n  allDisabled: Ref<boolean>\n  allDisabledSomeChecked: Ref<boolean>\n  allDisabledAndChecked: Ref<boolean>\n  checkedCurrentAll: Ref<boolean>\n  checkedCurrentSome: Ref<boolean>\n}\nexport type INTERNAL_SELECTION_ITEM =\n  | SelectionItem\n  | typeof SELECTION_ALL\n  | typeof SELECTION_INVERT\n  | typeof SELECTION_NONE\nexport default function useSelection<RecordType = DefaultRecordType>(\n  props: ProTableProps,\n  mergedRowSelection: Ref<TableRowSelection>,\n  allData: Ref<any[]>,\n  configRef: UseSelectionConfig<RecordType>,\n): SelectionsRes {\n  const preserveRecordsRef = shallowRef<Map<Key, RecordType>>(new Map())\n\n  const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(\n    props.selectedRowKeys ||\n      mergedRowSelection.value?.selectedRowKeys ||\n      mergedRowSelection.value?.defaultSelectedRowKeys ||\n      [],\n    {\n      value: computed(() => props.selectedRowKeys || mergedRowSelection.value?.selectedRowKeys),\n    },\n  )\n\n  const isCheckboxDisabled: GetCheckDisabled<FlatRecord> = (record) =>\n    !!configRef.checkboxPropsMap.value.get(record.rowKey)?.disabled\n\n  const allDisabled = ref(true)\n  const allDisabledSomeChecked = ref(false)\n  const allDisabledAndChecked = ref(true)\n  const checkedCurrentAll = ref(true)\n  const checkedCurrentSome = ref(false)\n  const levelEntities = shallowRef<Map<number, Set<DataEntity>>>(new Map())\n  const maxLevel = ref(0)\n  const derivedSelectedKeys = shallowRef<Key[]>([])\n  const derivedHalfSelectedKeys = shallowRef<Key[]>([])\n  const derivedSelectedKeySet = computed<Set<Key>>(() => {\n    const keys: Key[] =\n      mergedRowSelection.value?.type === 'radio'\n        ? derivedSelectedKeys.value.slice(0, 1)\n        : derivedSelectedKeys.value\n    return new Set(keys)\n  })\n  const derivedHalfSelectedKeySet = computed<Set<Key>>(() =>\n    mergedRowSelection.value?.type === 'radio' ? new Set() : new Set(derivedHalfSelectedKeys.value),\n  )\n\n  watch(allData, () => {\n    levelEntities.value = new Map()\n  })\n\n  watchEffect(() => {\n    const keyEntities = configRef.keyEntities.value\n    const derivedSelectedKeySetValue = derivedSelectedKeySet.value\n    let newAllDisabled = true\n    let newAllDisabledSomeChecked = false\n    let newAllDisabledAndChecked = true\n    let newCheckedCurrentAll = true\n    let newCheckedCurrentSome = false\n    configRef.pageDataRowKeys.value.forEach((rowKey) => {\n      const flatRecord = keyEntities[rowKey]!\n      const { level } = flatRecord\n      if (isCheckboxDisabled(flatRecord)) {\n        if (derivedSelectedKeySetValue.has(rowKey)) {\n          newAllDisabledSomeChecked = true\n        } else {\n          newAllDisabledAndChecked = false\n        }\n      } else {\n        newAllDisabled = false\n        if (derivedSelectedKeySetValue.has(rowKey)) {\n          newCheckedCurrentSome = true\n        } else {\n          newCheckedCurrentAll = false\n        }\n      }\n      let dataEntitySet = levelEntities.value.get(level)\n      if (!dataEntitySet) {\n        dataEntitySet = new Set()\n      }\n      levelEntities.value.set(level, dataEntitySet)\n      dataEntitySet.add(flatRecord)\n      allDisabled.value = newAllDisabled\n      allDisabledAndChecked.value = newAllDisabledAndChecked\n      allDisabledSomeChecked.value = newAllDisabledSomeChecked\n      checkedCurrentAll.value = newCheckedCurrentAll\n      checkedCurrentSome.value = newCheckedCurrentSome\n      maxLevel.value = Math.max(maxLevel.value, level)\n    })\n  })\n\n  watchEffect(() => {\n    if (mergedRowSelection.value?.checkStrictly) {\n      derivedSelectedKeys.value = mergedSelectedKeys.value || []\n      derivedHalfSelectedKeys.value = []\n    } else {\n      const { checkedKeys, halfCheckedKeys } = conductCheck(\n        mergedSelectedKeys.value!,\n        true,\n        configRef.keyEntities.value,\n        levelEntities.value,\n        maxLevel.value,\n        isCheckboxDisabled,\n      )\n      derivedSelectedKeys.value = checkedKeys || []\n      derivedHalfSelectedKeys.value = halfCheckedKeys\n    }\n  })\n\n  const [lastSelectedKey, setLastSelectedKey] = useState<Key>('')\n\n  watch(\n    () => props.rowSelection,\n    () => {\n      if (!props.rowSelection) {\n        setMergedSelectedKeys([])\n      }\n    },\n    { immediate: true },\n  )\n\n  const setSelectedKeys = (keys: Key[]) => {\n    let availableKeys: Key[]\n    let records: RecordType[]\n    const { preserveSelectedRowKeys, onChange } = mergedRowSelection.value!\n    const { getRecordByKey } = configRef\n    if (preserveSelectedRowKeys) {\n      const preserveRecords: Map<Key, RecordType> = new Map()\n      availableKeys = keys\n      records = keys.map((key) => {\n        let record = getRecordByKey(key)\n        if (!record && preserveRecordsRef.value.has(key)) {\n          record = preserveRecordsRef.value.get(key)!\n        }\n        preserveRecords.set(key, record)\n        return record\n      })\n      preserveRecordsRef.value = preserveRecords\n    } else {\n      availableKeys = []\n      records = []\n      keys.forEach((key) => {\n        const record = getRecordByKey(key)\n        if (record !== undefined) {\n          availableKeys.push(key)\n          records.push(record)\n        }\n      })\n    }\n    setMergedSelectedKeys(availableKeys)\n    props['onUpdate:selectedRowKeys']?.(availableKeys, records as any)\n    onChange?.(availableKeys, records as any)\n  }\n\n  const mergedSelections = computed(() => {\n    const { onSelectInvert, onSelectNone, selections, hideSelectAll } = mergedRowSelection.value!\n    const { pageData, getRowKey, locale } = configRef\n    if (!selections || hideSelectAll) {\n      return null\n    }\n    const selectionList: INTERNAL_SELECTION_ITEM[] =\n      selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections\n    return selectionList.map((selection: INTERNAL_SELECTION_ITEM) => {\n      if (selection === SELECTION_ALL) {\n        return {\n          key: 'all',\n          text: locale.value.selectionAll,\n          onSelect() {\n            setSelectedKeys(configRef.allDataRootRowKeys.value)\n          },\n        }\n      }\n      if (selection === SELECTION_INVERT) {\n        return {\n          key: 'invert',\n          text: locale.value.selectInvert,\n          onSelect() {\n            const keySet = new Set(derivedSelectedKeySet.value)\n            pageData.value.forEach((record, index) => {\n              const key = getRowKey.value(record, index)\n              keySet.has(key) ? keySet.delete(key) : keySet.add(key)\n            })\n            const keys = Array.from(keySet)\n            if (onSelectInvert) {\n              devWarning(\n                false,\n                'Table',\n                '`onSelectInvert` will be removed in future. Please use `onChange` instead.',\n              )\n              onSelectInvert(keys)\n            }\n            setSelectedKeys(keys)\n          },\n        }\n      }\n      if (selection === SELECTION_NONE) {\n        return {\n          key: 'none',\n          text: locale.value.selectNone,\n          onSelect() {\n            onSelectNone?.()\n            setSelectedKeys([])\n          },\n        }\n      }\n      return selection as SelectionItem\n    })\n  })\n\n  const triggerSingleSelection = (key: Key, selected: boolean, keys: Key[], event: Event) => {\n    const { onSelect } = mergedRowSelection.value!\n    const { getRecordByKey } = configRef || {}\n    if (onSelect) {\n      const rows = keys.map((k) => getRecordByKey(k))\n      onSelect(getRecordByKey(key) as any, selected, rows as any, event)\n    }\n    setSelectedKeys(keys)\n  }\n\n  return {\n    derivedSelectedKeySet,\n    derivedSelectedKeys,\n    derivedHalfSelectedKeySet,\n    setSelectedKeys,\n    triggerSingleSelection,\n    mergedSelections: mergedSelections,\n    lastSelectedKey: lastSelectedKey,\n    setLastSelectedKey,\n    mergedRowSelection,\n    isCheckboxDisabled,\n    maxLevel,\n    levelEntities,\n    allDisabled,\n    allDisabledAndChecked,\n    allDisabledSomeChecked,\n    checkedCurrentAll,\n    checkedCurrentSome,\n  }\n}\n"],"names":["shallowRef","useMergedState","computed","_a","ref","watch","watchEffect","conductCheck","useState","devWarning"],"mappings":"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"}

package/lib/components/table/src/hooks/useSorter.d.ts

@@ -0,0 +1,20 @@
+import type { ColumnsType, ColumnType, Key, SortOrder, ProTableProps, SorterResult, DefaultRecordType, FinallyColumnType } from '../components/interface';
+import type { ComputedRef, Ref } from 'vue';
+export interface SortState<RecordType = DefaultRecordType> {
+    column: FinallyColumnType<RecordType>;
+    key: Key;
+    sortOrder: SortOrder | null;
+    multiplePriority: number | false;
+}
+export declare const ASCEND = "asc";
+export declare const DESCEND = "desc";
+export declare function getMultiplePriority<RecordType>(column: ColumnType<RecordType>): number | false;
+export declare function nextSortDirection(sortDirections: SortOrder[], current: SortOrder | null): SortOrder;
+export declare function getNewColumnsBySorter<RecordType>(columns: ColumnsType<RecordType>, sorterStates: SortState<RecordType>[], pos?: string): ColumnsType<RecordType>;
+export default function useSorter<RecordType = DefaultRecordType>(_props: ProTableProps, allData: Ref<any[]>, allColumns: Ref<FinallyColumnType[]>, onSorterChange: (sorterResult: SorterResult<RecordType> | SorterResult<RecordType>[], sortStates: SortState<RecordType>[]) => void): {
+    sortedData: ComputedRef<any[]>;
+    sorterStates: Ref<SortState<RecordType>[]>;
+    sorter: ComputedRef<SorterResult<RecordType> | SorterResult<RecordType>[]>;
+    getSorters: (newSorterStates: SortState<RecordType>[]) => SorterResult<RecordType> | SorterResult<RecordType>[];
+    changeSorter: (sortState: SortState<RecordType>) => void;
+};

package/lib/components/table/src/hooks/useSorter.js

@@ -0,0 +1,199 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+
+const ASCEND = "asc";
+const DESCEND = "desc";
+function getMultiplePriority(column) {
+  if (typeof column.sorter === "object" && typeof column.sorter.multiple === "number") {
+    return column.sorter.multiple;
+  }
+  return false;
+}
+function nextSortDirection(sortDirections, current) {
+  if (!current) {
+    return sortDirections[0];
+  }
+  return sortDirections[sortDirections.indexOf(current) + 1];
+}
+function collectSortStates(columns, init) {
+  let sortStates = [];
+  function pushState(column) {
+    sortStates.push({
+      column,
+      key: column.columnKey,
+      multiplePriority: getMultiplePriority(column),
+      sortOrder: column.sortOrder
+    });
+  }
+  columns.forEach((column) => {
+    if (column.children) {
+      if ("sortOrder" in column) {
+        pushState(column);
+      }
+      sortStates = [...sortStates, ...collectSortStates(column.children || [], init)];
+    } else if (column.sorter) {
+      if ("sortOrder" in column) {
+        pushState(column);
+      } else if (init && column.defaultSortOrder) {
+        sortStates.push({
+          column,
+          key: column.columnKey,
+          multiplePriority: getMultiplePriority(column),
+          sortOrder: column.defaultSortOrder
+        });
+      }
+    }
+  });
+  return sortStates;
+}
+function getSortFunction(sorter) {
+  if (typeof sorter === "function") {
+    return sorter;
+  }
+  if (sorter && typeof sorter === "object" && sorter.compare) {
+    return sorter.compare;
+  }
+  return false;
+}
+function getSortData(data, sortStates, childrenColumnName) {
+  const innerSorterStates = sortStates.slice().sort((a, b) => b.multiplePriority - a.multiplePriority);
+  const cloneData = data.slice();
+  const runningSorters = innerSorterStates.filter(
+    ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder
+  );
+  if (!runningSorters.length) {
+    return cloneData;
+  }
+  return cloneData.sort((record1, record2) => {
+    for (let i = 0; i < runningSorters.length; i += 1) {
+      const sorterState = runningSorters[i];
+      const {
+        column: { sorter },
+        sortOrder
+      } = sorterState;
+      const compareFn = getSortFunction(sorter);
+      if (compareFn && sortOrder) {
+        const compareResult = compareFn(record1, record2, sortOrder);
+        if (compareResult !== 0) {
+          return sortOrder === ASCEND ? compareResult : -compareResult;
+        }
+      }
+    }
+    return 0;
+  }).map((record) => {
+    const subRecords = record[childrenColumnName];
+    if (subRecords) {
+      return {
+        ...record,
+        [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName)
+      };
+    }
+    return record;
+  });
+}
+function stateToInfo(sorterStates) {
+  const { column, sortOrder } = sorterStates;
+  return {
+    column: column.originColumn,
+    order: sortOrder,
+    field: column.dataIndex,
+    columnKey: column.columnKey
+  };
+}
+function generateSorterInfo(sorterStates) {
+  const list = sorterStates.filter(({ sortOrder }) => sortOrder).map(stateToInfo);
+  if (list.length === 0 && sorterStates.length) {
+    return {
+      ...stateToInfo(sorterStates[sorterStates.length - 1]),
+      column: void 0
+    };
+  }
+  if (list.length <= 1) {
+    return list[0] || {};
+  }
+  return list;
+}
+function useSorter(_props, allData, allColumns, onSorterChange) {
+  const sortStates = vue.shallowRef(
+    collectSortStates(
+      allColumns.value || [],
+      true
+    )
+  );
+  const sorterStates = vue.shallowRef([]);
+  vue.watchEffect(() => {
+    let validate = true;
+    const collectedStates = collectSortStates(allColumns.value, false);
+    let validateStates = [];
+    const patchStates = (state) => {
+      if (validate) {
+        validateStates.push(state);
+      } else {
+        validateStates.push({
+          ...state,
+          sortOrder: null
+        });
+      }
+    };
+    if (collectedStates.length) {
+      let multipleMode = null;
+      collectedStates.forEach((state) => {
+        if (multipleMode === null) {
+          patchStates(state);
+          if (state.sortOrder) {
+            if (state.multiplePriority === false) {
+              validate = false;
+            } else {
+              multipleMode = true;
+            }
+          }
+        } else if (multipleMode && state.multiplePriority !== false) {
+          patchStates(state);
+        } else {
+          validate = false;
+          patchStates(state);
+        }
+      });
+    } else {
+      validateStates = sortStates.value;
+    }
+    if (!(sorterStates.value === validateStates || lodashUnified.isEqual(sorterStates.value, validateStates))) {
+      sorterStates.value = validateStates;
+    }
+  });
+  const sortedData = vue.computed(() => getSortData(allData.value, sorterStates.value, "children"));
+  const sorter = vue.computed(
+    () => generateSorterInfo(sorterStates.value)
+  );
+  return {
+    sortedData,
+    sorterStates,
+    sorter,
+    getSorters: (newSorterStates) => generateSorterInfo(newSorterStates),
+    changeSorter: function(sortState) {
+      var _a;
+      let newSorterStates;
+      if (sortState.multiplePriority !== false && sorterStates.value.length && ((_a = sorterStates.value[0]) == null ? void 0 : _a.multiplePriority) !== false) {
+        newSorterStates = [
+          ...sorterStates.value.filter(({ key }) => key !== sortState.key),
+          sortState
+        ];
+      } else {
+        newSorterStates = [sortState];
+      }
+      sortStates.value = newSorterStates;
+      onSorterChange(generateSorterInfo(newSorterStates), newSorterStates);
+    }
+  };
+}
+
+exports.ASCEND = ASCEND;
+exports.DESCEND = DESCEND;
+exports.default = useSorter;
+exports.getMultiplePriority = getMultiplePriority;
+exports.nextSortDirection = nextSortDirection;
+//# sourceMappingURL=useSorter.js.map

package/lib/components/table/src/hooks/useSorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSorter.js","sources":["../../../../../../../packages/components/table/src/hooks/useSorter.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 08:20:29\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:27:38\n * @Description:\n */\nimport { isEqual } from '@pro-design-vue/utils'\nimport type {\n  ColumnsType,\n  ColumnType,\n  Key,\n  SortOrder,\n  ProTableProps,\n  SorterResult,\n  DefaultRecordType,\n  FinallyColumnType,\n  CompareFn,\n} from '../components/interface'\nimport type { ComputedRef, Ref } from 'vue'\nimport { shallowRef, watchEffect, computed } from 'vue'\n\nexport interface SortState<RecordType = DefaultRecordType> {\n  column: FinallyColumnType<RecordType>\n  key: Key\n  sortOrder: SortOrder | null\n  multiplePriority: number | false\n}\nexport const ASCEND = 'asc'\nexport const DESCEND = 'desc'\nexport function getMultiplePriority<RecordType>(column: ColumnType<RecordType>): number | false {\n  if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\n    return column.sorter.multiple\n  }\n  return false\n}\nexport function nextSortDirection(\n  sortDirections: SortOrder[],\n  current: SortOrder | null,\n): SortOrder {\n  if (!current) {\n    return sortDirections[0]!\n  }\n\n  return sortDirections[sortDirections.indexOf(current) + 1]!\n}\n\nexport declare function getNewColumnsBySorter<RecordType>(\n  columns: ColumnsType<RecordType>,\n  sorterStates: SortState<RecordType>[],\n  pos?: string,\n): ColumnsType<RecordType>\n\nfunction collectSortStates<RecordType = DefaultRecordType>(\n  columns: FinallyColumnType<RecordType>[],\n  init: boolean,\n): SortState<RecordType>[] {\n  let sortStates: SortState<RecordType>[] = []\n\n  function pushState(column: FinallyColumnType<RecordType>) {\n    sortStates.push({\n      column,\n      key: column.columnKey,\n      multiplePriority: getMultiplePriority(column),\n      sortOrder: column.sortOrder!,\n    })\n  }\n\n  columns.forEach((column) => {\n    if (column.children) {\n      if ('sortOrder' in column) {\n        pushState(column)\n      }\n      sortStates = [...sortStates, ...collectSortStates(column.children || [], init)]\n    } else if (column.sorter) {\n      if ('sortOrder' in column) {\n        pushState(column)\n      } else if (init && column.defaultSortOrder) {\n        sortStates.push({\n          column,\n          key: column.columnKey,\n          multiplePriority: getMultiplePriority(column),\n          sortOrder: column.defaultSortOrder!,\n        })\n      }\n    }\n  })\n\n  return sortStates\n}\n\nfunction getSortFunction<RecordType>(\n  sorter: ColumnType<RecordType>['sorter'],\n): CompareFn<RecordType> | false {\n  if (typeof sorter === 'function') {\n    return sorter\n  }\n  if (sorter && typeof sorter === 'object' && sorter.compare) {\n    return sorter.compare\n  }\n  return false\n}\n\nfunction getSortData<RecordType>(\n  data: readonly RecordType[],\n  sortStates: SortState<RecordType>[],\n  childrenColumnName: string,\n): RecordType[] {\n  const innerSorterStates = sortStates\n    .slice()\n    .sort((a, b) => (b.multiplePriority as number) - (a.multiplePriority as number))\n\n  const cloneData = data.slice()\n\n  const runningSorters = innerSorterStates.filter(\n    ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\n  )\n\n  if (!runningSorters.length) {\n    return cloneData\n  }\n  return cloneData\n    .sort((record1, record2) => {\n      for (let i = 0; i < runningSorters.length; i += 1) {\n        const sorterState = runningSorters[i]\n        const {\n          column: { sorter },\n          sortOrder,\n        } = sorterState!\n\n        const compareFn = getSortFunction(sorter)\n\n        if (compareFn && sortOrder) {\n          const compareResult = compareFn(record1, record2, sortOrder)\n\n          if (compareResult !== 0) {\n            return sortOrder === ASCEND ? compareResult : -compareResult\n          }\n        }\n      }\n\n      return 0\n    })\n    .map<RecordType>((record) => {\n      const subRecords = (record as any)[childrenColumnName]\n      if (subRecords) {\n        return {\n          ...record,\n          [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName),\n        }\n      }\n      return record\n    })\n}\n\nfunction stateToInfo<RecordType>(sorterStates: SortState<RecordType>) {\n  const { column, sortOrder } = sorterStates\n  return {\n    column: column.originColumn,\n    order: sortOrder,\n    field: column.dataIndex,\n    columnKey: column.columnKey,\n  }\n}\n\nfunction generateSorterInfo<RecordType>(\n  sorterStates: SortState<RecordType>[],\n): SorterResult<RecordType> | SorterResult<RecordType>[] {\n  const list = sorterStates.filter(({ sortOrder }) => sortOrder).map(stateToInfo)\n  if (list.length === 0 && sorterStates.length) {\n    return {\n      ...stateToInfo(sorterStates[sorterStates.length - 1]!),\n      column: undefined,\n    }\n  }\n\n  if (list.length <= 1) {\n    return (list[0] || {}) as SorterResult<RecordType>\n  }\n\n  return list as SorterResult<RecordType>[]\n}\n\nexport default function useSorter<RecordType = DefaultRecordType>(\n  _props: ProTableProps,\n  allData: Ref<any[]>,\n  allColumns: Ref<FinallyColumnType[]>,\n  onSorterChange: (\n    sorterResult: SorterResult<RecordType> | SorterResult<RecordType>[],\n    sortStates: SortState<RecordType>[],\n  ) => void,\n): {\n  sortedData: ComputedRef<any[]>\n  sorterStates: Ref<SortState<RecordType>[]>\n  sorter: ComputedRef<SorterResult<RecordType> | SorterResult<RecordType>[]>\n  getSorters: (\n    newSorterStates: SortState<RecordType>[],\n  ) => SorterResult<RecordType> | SorterResult<RecordType>[]\n  changeSorter: (sortState: SortState<RecordType>) => void\n} {\n  const sortStates = shallowRef<SortState<RecordType>[]>(\n    collectSortStates<RecordType>(\n      (allColumns.value || []) as FinallyColumnType<RecordType>[],\n      true,\n    ),\n  )\n  const sorterStates = shallowRef<SortState<RecordType>[]>([])\n\n  watchEffect(() => {\n    let validate = true\n    const collectedStates = collectSortStates(allColumns.value, false) as SortState<RecordType>[]\n    let validateStates: SortState<RecordType>[] = []\n    const patchStates = (state: SortState<RecordType>) => {\n      if (validate) {\n        validateStates.push(state)\n      } else {\n        validateStates.push({\n          ...state,\n          sortOrder: null,\n        })\n      }\n    }\n    if (collectedStates.length) {\n      let multipleMode: boolean | null = null\n      collectedStates.forEach((state: SortState<RecordType>) => {\n        if (multipleMode === null) {\n          patchStates(state)\n          if (state.sortOrder) {\n            if (state.multiplePriority === false) {\n              validate = false\n            } else {\n              multipleMode = true\n            }\n          }\n        } else if (multipleMode && state.multiplePriority !== false) {\n          patchStates(state)\n        } else {\n          validate = false\n          patchStates(state)\n        }\n      })\n    } else {\n      validateStates = sortStates.value\n    }\n    if (!(sorterStates.value === validateStates || isEqual(sorterStates.value, validateStates))) {\n      sorterStates.value = validateStates\n    }\n  })\n\n  const sortedData = computed(() => getSortData(allData.value, sorterStates.value, 'children'))\n  const sorter = computed<SorterResult<RecordType> | SorterResult<RecordType>[]>(() =>\n    generateSorterInfo(sorterStates.value),\n  )\n\n  return {\n    sortedData,\n    sorterStates,\n    sorter,\n    getSorters: (newSorterStates: SortState<RecordType>[]) => generateSorterInfo(newSorterStates),\n    changeSorter: function (sortState: SortState<RecordType>) {\n      let newSorterStates: SortState<RecordType>[]\n      if (\n        sortState.multiplePriority !== false &&\n        sorterStates.value.length &&\n        sorterStates.value[0]?.multiplePriority !== false\n      ) {\n        newSorterStates = [\n          ...sorterStates.value.filter(({ key }) => key !== sortState.key),\n          sortState,\n        ]\n      } else {\n        newSorterStates = [sortState]\n      }\n      sortStates.value = newSorterStates!\n      onSorterChange(generateSorterInfo(newSorterStates), newSorterStates)\n    },\n  }\n}\n"],"names":["shallowRef","watchEffect","isEqual","computed"],"mappings":"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"}

package/lib/components/table/src/hooks/useState.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export default function useState<T, R = Ref<T>>(defaultStateValue?: T | (() => T)): [R, (val: T) => void];

package/lib/components/table/src/hooks/useState.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function useState(defaultStateValue) {
+  const initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
+  const innerValue = vue.ref(initValue);
+  function triggerChange(newValue) {
+    innerValue.value = newValue;
+  }
+  return [innerValue, triggerChange];
+}
+
+exports.default = useState;
+//# sourceMappingURL=useState.js.map

package/lib/components/table/src/hooks/useState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useState.js","sources":["../../../../../../../packages/components/table/src/hooks/useState.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-04-11 16:49:31\n * @LastEditors: shen\n * @LastEditTime: 2022-11-05 17:14:46\n * @Description:\n */\nimport type { Ref } from 'vue'\nimport { ref } from 'vue'\n\nexport default function useState<T, R = Ref<T>>(\n  defaultStateValue?: T | (() => T),\n): [R, (val: T) => void] {\n  const initValue: T =\n    typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue\n\n  const innerValue = ref(initValue) as Ref<T>\n\n  function triggerChange(newValue: T) {\n    innerValue.value = newValue\n  }\n\n  return [innerValue as unknown as R, triggerChange]\n}\n"],"names":["ref"],"mappings":";;;;;;AAUA,SAAwB,SACtB,iBAAA,EACuB;AACvB,EAAA,MAAM,SAAA,GACJ,OAAO,iBAAA,KAAsB,UAAA,GAAc,mBAA0B,GAAI,iBAAA;AAE3E,EAAA,MAAM,UAAA,GAAaA,QAAI,SAAS,CAAA;AAEhC,EAAA,SAAS,cAAc,QAAA,EAAa;AAClC,IAAA,UAAA,CAAW,KAAA,GAAQ,QAAA;AAAA,EACrB;AAEA,EAAA,OAAO,CAAC,YAA4B,aAAa,CAAA;AACnD;;;;"}

package/lib/components/table/src/hooks/useStyle.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export declare const useStyle: (primaryColor: Ref<string>, mergedPrefixCls: Ref<string>, theme: Ref<"light" | "dark">) => void;

package/lib/components/table/src/hooks/useStyle.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var vue = require('vue');
+var colors = require('../utils/colors.js');
+var canUseDom = require('../utils/canUseDom.js');
+
+const styleMap = /* @__PURE__ */ new Map();
+const useStyle = (primaryColor, mergedPrefixCls, theme) => {
+  const removeOldDom = (value) => {
+    if (!canUseDom.default()) {
+      return;
+    }
+    document.querySelectorAll(`style[data-key="${value}"]`).forEach((dom) => {
+      var _a;
+      (_a = dom.parentNode) == null ? void 0 : _a.removeChild(dom);
+    });
+  };
+  const setCssVars = (key, colorVarsMap) => {
+    if (!canUseDom.default()) {
+      return;
+    }
+    const style = document.createElement("style");
+    style.innerHTML = "html:root{" + Object.keys(colorVarsMap).map((varKey) => `${varKey}: ${colorVarsMap[varKey]};`).join("") + "}";
+    style.setAttribute("data-key", key);
+    document.head.appendChild(style);
+  };
+  vue.watch(
+    [primaryColor, mergedPrefixCls, theme],
+    (_, [oldPrimaryColor, oldPrefixCls, oldTheme]) => {
+      var _a;
+      if (oldPrimaryColor && oldPrefixCls && oldTheme) {
+        const key2 = `${oldPrefixCls}-${oldPrimaryColor}-${oldTheme}`;
+        const value = styleMap.get(key2);
+        if (value === 1) {
+          removeOldDom(value);
+          styleMap.delete(key2);
+        } else {
+          styleMap.set(key2, value - 1);
+        }
+      }
+      if (canUseDom.default()) {
+        (_a = document.getElementsByTagName("html")[0]) == null ? void 0 : _a.setAttribute("data-theme", theme.value);
+      }
+      const key = `${mergedPrefixCls.value}-${primaryColor.value}-${theme.value}`;
+      if (styleMap.has(key)) {
+        styleMap.set(key, styleMap.get(key) + 1);
+      } else {
+        styleMap.set(key, 1);
+        const colorVarsMap = {
+          [`--${mergedPrefixCls.value}-primary-color`]: primaryColor.value || "#1677ff"
+        };
+        const colors$1 = colors.generateColorPalettes(primaryColor.value || "#1677ff", {
+          theme: "dark" === theme.value ? "dark" : "default"
+        });
+        Array(10).fill(0).forEach((_2, index) => {
+          colorVarsMap[`--${mergedPrefixCls.value}-primary-color-${index + 1}`] = colors$1[index + 1];
+        });
+        setCssVars(key, colorVarsMap);
+      }
+    },
+    { immediate: true }
+  );
+};
+
+exports.useStyle = useStyle;
+//# sourceMappingURL=useStyle.js.map

package/lib/components/table/src/hooks/useStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyle.js","sources":["../../../../../../../packages/components/table/src/hooks/useStyle.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-01 14:44:13\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:28:43\n * @Description:\n */\nimport { watch } from 'vue'\nimport { generateColorPalettes } from '../utils/colors'\nimport canUseDom from '../utils/canUseDom'\n\nimport type { Ref } from 'vue'\n\nconst styleMap = new Map()\n\nexport const useStyle = (\n  primaryColor: Ref<string>,\n  mergedPrefixCls: Ref<string>,\n  theme: Ref<'light' | 'dark'>,\n) => {\n  const removeOldDom = (value: string) => {\n    if (!canUseDom()) {\n      return\n    }\n\n    document.querySelectorAll(`style[data-key=\"${value}\"]`).forEach((dom) => {\n      dom.parentNode?.removeChild(dom)\n    })\n  }\n\n  const setCssVars = (key: string, colorVarsMap: Record<string, string>) => {\n    if (!canUseDom()) {\n      return\n    }\n    const style = document.createElement('style')\n    style.innerHTML =\n      'html:root{' +\n      Object.keys(colorVarsMap)\n        .map((varKey) => `${varKey}: ${colorVarsMap[varKey]};`)\n        .join('') +\n      '}'\n    style.setAttribute('data-key', key)\n    document.head.appendChild(style)\n  }\n\n  watch(\n    [primaryColor, mergedPrefixCls, theme],\n    (_, [oldPrimaryColor, oldPrefixCls, oldTheme]) => {\n      if (oldPrimaryColor && oldPrefixCls && oldTheme) {\n        const key = `${oldPrefixCls}-${oldPrimaryColor}-${oldTheme}`\n        const value = styleMap.get(key)\n        if (value === 1) {\n          removeOldDom(value)\n          styleMap.delete(key)\n        } else {\n          styleMap.set(key, value - 1)\n        }\n      }\n      if (canUseDom()) {\n        document.getElementsByTagName('html')[0]?.setAttribute('data-theme', theme.value)\n      }\n\n      const key = `${mergedPrefixCls.value}-${primaryColor.value}-${theme.value}`\n      if (styleMap.has(key)) {\n        styleMap.set(key, styleMap.get(key) + 1)\n      } else {\n        styleMap.set(key, 1)\n        const colorVarsMap = {\n          [`--${mergedPrefixCls.value}-primary-color`]: primaryColor.value || '#1677ff',\n        }\n        const colors = generateColorPalettes(primaryColor.value || '#1677ff', {\n          theme: 'dark' === theme.value ? 'dark' : 'default',\n        })\n\n        Array(10)\n          .fill(0)\n          .forEach((_, index) => {\n            colorVarsMap[`--${mergedPrefixCls.value}-primary-color-${index + 1}`] =\n              colors[index + 1]\n          })\n        setCssVars(key, colorVarsMap)\n      }\n    },\n    { immediate: true },\n  )\n}\n"],"names":["canUseDom","watch","key","colors","generateColorPalettes","_"],"mappings":"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"}

package/lib/components/table/src/hooks/useTooltip.d.ts

@@ -0,0 +1,7 @@
+import type { Key } from '../components/interface';
+import type { Ref } from 'vue';
+export default function useTooltip({ hoverColumnKey }: {
+    hoverColumnKey: Ref<Key | undefined>;
+}): {
+    open: Ref<boolean>;
+};