pro-design-vue 0.0.1-beta.1

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

@@ -0,0 +1,136 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function getPosition(level, index) {
+  return `${level}-${index}`;
+}
+const noop = () => ({});
+function useFlattenRecords(pageDataRef, childrenColumnNameRef, expandedKeysRef, getRowKeyRef, expandType, mergedRowSelection) {
+  const flattenData = vue.shallowRef([]);
+  const keyEntities = vue.shallowRef({});
+  const pageDataRowKeys = vue.shallowRef([]);
+  const pageDataEnableRowKeys = vue.shallowRef([]);
+  const checkboxPropsMap = vue.shallowRef(/* @__PURE__ */ new Map());
+  const getCheckboxProps = vue.shallowRef(noop);
+  vue.watchEffect(() => {
+    var _a;
+    getCheckboxProps.value = ((_a = mergedRowSelection.value) == null ? void 0 : _a.getCheckboxProps) || noop;
+  });
+  vue.watch(
+    [pageDataRef, childrenColumnNameRef, getRowKeyRef, expandedKeysRef],
+    () => {
+      const getRowKey = getRowKeyRef.value;
+      const expandedKeys = expandedKeysRef.value;
+      const childrenColumnName = childrenColumnNameRef.value;
+      const expandTypeValue = expandType.value;
+      const newKeyEntities = {};
+      const newPageDataRowKeys = [];
+      const newPageDataEnableRowKeys = [];
+      const newCheckboxPropsMap = /* @__PURE__ */ new Map();
+      let flattenIndex = 0;
+      const flattenRecords = (records, indent, root, level = 0, keyEntitie = null) => {
+        const newRecords = [];
+        const getCheckboxPropsFn = getCheckboxProps.value;
+        records.forEach((record, index) => {
+          const rowKey = getRowKey(record, index);
+          const checkboxProps = getCheckboxPropsFn == null ? void 0 : getCheckboxPropsFn(record);
+          const pos = getPosition(keyEntitie ? keyEntitie.pos : "0", index);
+          const isRoot = root && (expandedKeys == null ? void 0 : expandedKeys.has(rowKey));
+          const newRecord = {
+            record,
+            indent,
+            rowKey,
+            rowIndex: index,
+            pos,
+            level,
+            flattenIndex
+          };
+          const newKeyEntitie = Object.assign({ parent: keyEntitie }, newRecord);
+          newKeyEntities[rowKey] = newKeyEntitie;
+          newPageDataRowKeys.push(rowKey);
+          newCheckboxPropsMap.set(rowKey, checkboxProps);
+          if (!(checkboxProps == null ? void 0 : checkboxProps.disabled)) {
+            newPageDataEnableRowKeys.push(rowKey);
+          }
+          if (newKeyEntitie.parent) {
+            newKeyEntitie.parent.children = newKeyEntitie.parent.children || [];
+            newKeyEntitie.parent.children.push(newKeyEntitie);
+          }
+          if (root) {
+            newRecords.push(newRecord);
+            flattenIndex += 1;
+          }
+          if (root && indent === 0 && expandTypeValue === "row") {
+            const expandKey = `__Internal__Expand__Key_${rowKey}`;
+            if (isRoot) {
+              newRecords.push({
+                record,
+                indent,
+                rowKey: expandKey,
+                isExpandRow: true,
+                rowIndex: index,
+                pos,
+                level,
+                flattenIndex
+              });
+              flattenIndex += 1;
+            }
+          }
+          if (record && typeof record == "object" && childrenColumnName in record) {
+            newRecords.push(
+              ...flattenRecords(
+                record[childrenColumnName] || [],
+                indent + 1,
+                isRoot,
+                level + 1,
+                newKeyEntitie
+              )
+            );
+          }
+        });
+        return newRecords;
+      };
+      flattenData.value = flattenRecords(pageDataRef.value, 0, true);
+      keyEntities.value = newKeyEntities;
+      pageDataRowKeys.value = newPageDataRowKeys;
+      pageDataEnableRowKeys.value = newPageDataEnableRowKeys;
+      checkboxPropsMap.value = newCheckboxPropsMap;
+    },
+    { immediate: true }
+  );
+  return {
+    flattenData,
+    keyEntities,
+    pageDataRowKeys,
+    pageDataEnableRowKeys,
+    checkboxPropsMap,
+    getRowFlattenIndexByKey: (key) => {
+      var _a;
+      return (_a = keyEntities.value[key]) == null ? void 0 : _a.flattenIndex;
+    },
+    isMyChildren: (parentKey, childrenKey) => {
+      var _a, _b;
+      if (parentKey === childrenKey || childrenKey === void 0) {
+        return false;
+      }
+      let record = keyEntities.value[childrenKey];
+      let isOwnChildren = false;
+      for (; record && !isOwnChildren; ) {
+        if (((_a = record.parent) == null ? void 0 : _a.rowKey) === parentKey) {
+          isOwnChildren = true;
+          break;
+        }
+        record = keyEntities.value[(_b = record.parent) == null ? void 0 : _b.rowKey];
+      }
+      return isOwnChildren;
+    },
+    getRowByFlattenIndex: (index) => flattenData.value[index]
+  };
+}
+
+exports.default = useFlattenRecords;
+exports.getPosition = getPosition;
+//# sourceMappingURL=useFlattenRecords.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlattenRecords.js","sources":["../../../../../../../packages/components/table/src/hooks/useFlattenRecords.ts"],"sourcesContent":["import { shallowRef, watchEffect, watch } from 'vue'\n\nimport type { Ref, UnwrapRef } from 'vue'\nimport type {\n  Key,\n  GetRowKey,\n  DefaultRecordType,\n  ExpandType,\n  FlatRecord,\n  CheckboxProps,\n  TableRowSelection,\n} from '../components/interface'\nexport type KeyEntities = Record<\n  Key,\n  FlatRecord & {\n    children: FlatRecord[]\n    parent: any\n  }\n>\nexport type FlattenRecordsType<T = DefaultRecordType> = {\n  flattenData: Ref<FlatRecord<T>[]>\n  keyEntities: Ref<KeyEntities>\n  pageDataRowKeys: Ref<Key[]>\n  pageDataEnableRowKeys: Ref<Key[]>\n  checkboxPropsMap: Ref<Map<Key, Partial<CheckboxProps>>>\n  getRowFlattenIndexByKey: (key: Key) => number | undefined\n  isMyChildren: (parentKey: Key, childrenKey: Key) => boolean\n  getRowByFlattenIndex: (index: number) => FlatRecord<T>\n}\nexport function getPosition(level: string | number, index: number): string {\n  return `${level}-${index}`\n}\n\nconst noop = () => ({})\n\nexport default function useFlattenRecords<RecordType = DefaultRecordType>(\n  pageDataRef: Ref<readonly RecordType[]>,\n  childrenColumnNameRef: Ref<string>,\n  expandedKeysRef: Ref<Set<Key>>,\n  getRowKeyRef: Ref<GetRowKey<RecordType>>,\n  expandType: Ref<ExpandType>,\n  mergedRowSelection: Ref<TableRowSelection<RecordType> | undefined>,\n): FlattenRecordsType<RecordType | UnwrapRef<RecordType>> {\n  const flattenData = shallowRef<FlatRecord<RecordType>[]>([])\n  const keyEntities = shallowRef<KeyEntities>({})\n  const pageDataRowKeys = shallowRef<Key[]>([])\n  const pageDataEnableRowKeys = shallowRef<Key[]>([])\n  const checkboxPropsMap = shallowRef<Map<Key, Partial<CheckboxProps>>>(new Map())\n  const getCheckboxProps = shallowRef<TableRowSelection<RecordType>['getCheckboxProps']>(noop)\n\n  watchEffect(() => {\n    getCheckboxProps.value = mergedRowSelection.value?.getCheckboxProps || noop\n  })\n\n  watch(\n    [pageDataRef, childrenColumnNameRef, getRowKeyRef, expandedKeysRef],\n    () => {\n      const getRowKey = getRowKeyRef.value\n      const expandedKeys = expandedKeysRef.value\n      const childrenColumnName = childrenColumnNameRef.value\n      const expandTypeValue = expandType.value\n      const newKeyEntities: KeyEntities = {}\n      const newPageDataRowKeys: Key[] = []\n      const newPageDataEnableRowKeys: Key[] = []\n      const newCheckboxPropsMap: Map<Key, Partial<CheckboxProps>> = new Map()\n      let flattenIndex = 0\n      const flattenRecords = (\n        records: readonly RecordType[],\n        indent: number,\n        root: boolean,\n        level = 0,\n        keyEntitie: KeyEntities[Key] | null = null,\n      ): FlatRecord<RecordType>[] => {\n        const newRecords: FlatRecord<RecordType>[] = []\n        const getCheckboxPropsFn = getCheckboxProps.value\n        records.forEach((record, index) => {\n          const rowKey = getRowKey(record, index)\n          const checkboxProps = getCheckboxPropsFn?.(record)\n          const pos = getPosition(keyEntitie ? keyEntitie.pos : '0', index)\n          const isRoot = root && expandedKeys?.has(rowKey)\n          const newRecord: FlatRecord<RecordType> = {\n            record,\n            indent,\n            rowKey,\n            rowIndex: index,\n            pos,\n            level,\n            flattenIndex,\n          }\n          const newKeyEntitie = Object.assign({ parent: keyEntitie }, newRecord)\n          newKeyEntities[rowKey] = newKeyEntitie as KeyEntities[Key]\n          newPageDataRowKeys.push(rowKey)\n          newCheckboxPropsMap.set(rowKey, checkboxProps!)\n          if (!checkboxProps?.disabled) {\n            newPageDataEnableRowKeys.push(rowKey)\n          }\n          if (newKeyEntitie.parent) {\n            newKeyEntitie.parent.children = newKeyEntitie.parent.children || []\n            newKeyEntitie.parent.children.push(newKeyEntitie as any)\n          }\n          if (root) {\n            newRecords.push(newRecord)\n            flattenIndex += 1\n          }\n          if (root && indent === 0 && expandTypeValue === 'row') {\n            const expandKey = `__Internal__Expand__Key_${rowKey}`\n            if (isRoot) {\n              newRecords.push({\n                record,\n                indent,\n                rowKey: expandKey,\n                isExpandRow: true,\n                rowIndex: index,\n                pos,\n                level,\n                flattenIndex,\n              })\n              flattenIndex += 1\n            }\n          }\n          if (record && typeof record == 'object' && childrenColumnName in record) {\n            newRecords.push(\n              ...flattenRecords(\n                record[childrenColumnName] || [],\n                indent + 1,\n                isRoot,\n                level + 1,\n                newKeyEntitie as KeyEntities[Key],\n              ),\n            )\n          }\n        })\n\n        return newRecords\n      }\n\n      flattenData.value = flattenRecords(pageDataRef.value, 0, true)\n      keyEntities.value = newKeyEntities\n      pageDataRowKeys.value = newPageDataRowKeys\n      pageDataEnableRowKeys.value = newPageDataEnableRowKeys\n      checkboxPropsMap.value = newCheckboxPropsMap\n    },\n    { immediate: true },\n  )\n\n  return {\n    flattenData,\n    keyEntities,\n    pageDataRowKeys,\n    pageDataEnableRowKeys,\n    checkboxPropsMap,\n    getRowFlattenIndexByKey: (key: Key) => {\n      return keyEntities.value[key]?.flattenIndex\n    },\n    isMyChildren: (parentKey: Key, childrenKey: Key) => {\n      if (parentKey === childrenKey || childrenKey === undefined) {\n        return false\n      }\n\n      let record = keyEntities.value[childrenKey]\n      let isOwnChildren = false\n      for (; record && !isOwnChildren; ) {\n        if (record.parent?.rowKey === parentKey) {\n          isOwnChildren = true\n          break\n        }\n        record = keyEntities.value[record.parent?.rowKey]\n      }\n      return isOwnChildren\n    },\n    getRowByFlattenIndex: (index: number) => flattenData.value[index]!,\n  }\n}\n"],"names":["shallowRef","watchEffect","watch"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export interface HScrollSyncProvide {
+    removeHScrollDom: (dom: HTMLElement) => void;
+    addHScrollDom: (dom: HTMLElement, useRaf?: boolean) => void;
+}
+export declare const useHScrollSyncProvide: ({ scrollLeft, maxScrollLeft, onScroll, bodyWidth, }: {
+    scrollLeft: Ref<number>;
+    maxScrollLeft: Ref<number>;
+    onScroll: (e: UIEvent) => void;
+    bodyWidth: Ref<number>;
+}) => void;
+export declare const useHScrollSyncInject: () => HScrollSyncProvide;

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

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+var raf = require('../utils/raf.js');
+
+const HScrollSymbolKey = Symbol("HScrollSymbolKey");
+const useHScrollSyncProvide = ({
+  scrollLeft,
+  maxScrollLeft,
+  onScroll,
+  bodyWidth
+}) => {
+  const domsSet = /* @__PURE__ */ new Set();
+  const setAllDoms = (scrollLeft2) => {
+    const left = Math.max(0, Math.min(scrollLeft2, maxScrollLeft.value));
+    domsSet.forEach((dom) => {
+      dom.scrollLeft = left;
+    });
+  };
+  let rafFrame;
+  const handle = (e) => {
+    var _a;
+    const left = (_a = e.target) == null ? void 0 : _a.scrollLeft;
+    if (left !== scrollLeft.value) {
+      setAllDoms(left);
+      scrollLeft.value = left;
+      onScroll(e);
+    }
+  };
+  const rafHandle = (e) => {
+    var _a;
+    const left = (_a = e.target) == null ? void 0 : _a.scrollLeft;
+    if (left !== scrollLeft.value) {
+      raf.default.cancel(rafFrame);
+      rafFrame = raf.default(() => {
+        scrollLeft.value = left;
+        onScroll(e);
+      });
+    }
+  };
+  vue.watch(
+    scrollLeft,
+    () => {
+      setAllDoms(scrollLeft.value);
+    },
+    { immediate: true }
+  );
+  vue.watch(bodyWidth, (_, oldValue) => {
+    if (oldValue === 0) {
+      setAllDoms(scrollLeft.value);
+    }
+  });
+  vue.onBeforeUnmount(() => {
+    domsSet.forEach((dom) => {
+      dom.removeEventListener("scroll", handle);
+      dom.removeEventListener("scroll", rafHandle);
+    });
+    domsSet.clear();
+  });
+  const value = {
+    addHScrollDom: (dom, useRaf) => {
+      if (dom) {
+        domsSet.add(dom);
+        dom.scrollLeft = scrollLeft.value;
+        dom.addEventListener("scroll", useRaf ? rafHandle : handle, { passive: true });
+      }
+    },
+    removeHScrollDom: (dom) => {
+      if (dom) {
+        domsSet.delete(dom);
+        dom.removeEventListener("scroll", handle);
+        dom.removeEventListener("scroll", rafHandle);
+      }
+    }
+  };
+  vue.provide(HScrollSymbolKey, value);
+};
+const useHScrollSyncInject = () => {
+  return vue.inject(HScrollSymbolKey, {});
+};
+
+exports.useHScrollSyncInject = useHScrollSyncInject;
+exports.useHScrollSyncProvide = useHScrollSyncProvide;
+//# sourceMappingURL=useHScrollSync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHScrollSync.js","sources":["../../../../../../../packages/components/table/src/hooks/useHScrollSync.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-04 16:05:23\n * @LastEditors: shen\n * @LastEditTime: 2023-11-04 17:02:59\n * @Description:\n */\nimport { onBeforeUnmount, provide, inject, watch } from 'vue'\nimport raf from '../utils/raf'\n\nimport type { Ref, InjectionKey } from 'vue'\n\nexport interface HScrollSyncProvide {\n  removeHScrollDom: (dom: HTMLElement) => void\n  addHScrollDom: (dom: HTMLElement, useRaf?: boolean) => void\n}\n\nconst HScrollSymbolKey: InjectionKey<HScrollSyncProvide> = Symbol('HScrollSymbolKey')\n\nexport const useHScrollSyncProvide = ({\n  scrollLeft,\n  maxScrollLeft,\n  onScroll,\n  bodyWidth,\n}: {\n  scrollLeft: Ref<number>\n  maxScrollLeft: Ref<number>\n  onScroll: (e: UIEvent) => void\n  bodyWidth: Ref<number>\n}) => {\n  const domsSet = new Set<HTMLElement>()\n  const setAllDoms = (scrollLeft: number) => {\n    const left = Math.max(0, Math.min(scrollLeft, maxScrollLeft.value))\n    domsSet.forEach((dom) => {\n      dom.scrollLeft = left\n    })\n  }\n  let rafFrame: any\n  const handle = (e: Event) => {\n    const left = (e.target as HTMLElement)?.scrollLeft\n    if (left !== scrollLeft.value) {\n      setAllDoms(left)\n      scrollLeft.value = left\n      onScroll(e as UIEvent)\n    }\n  }\n  const rafHandle = (e: Event) => {\n    const left = (e.target as HTMLElement)?.scrollLeft\n    if (left !== scrollLeft.value) {\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        scrollLeft.value = left\n        onScroll(e as UIEvent)\n      })\n    }\n  }\n\n  watch(\n    scrollLeft,\n    () => {\n      setAllDoms(scrollLeft.value)\n    },\n    { immediate: true },\n  )\n  watch(bodyWidth, (_, oldValue) => {\n    if (oldValue === 0) {\n      setAllDoms(scrollLeft.value)\n    }\n  })\n  onBeforeUnmount(() => {\n    domsSet.forEach((dom) => {\n      dom.removeEventListener('scroll', handle)\n      dom.removeEventListener('scroll', rafHandle)\n    })\n    domsSet.clear()\n  })\n  const value = {\n    addHScrollDom: (dom: HTMLElement, useRaf?: boolean) => {\n      if (dom) {\n        domsSet.add(dom)\n        dom.scrollLeft = scrollLeft.value\n        dom.addEventListener('scroll', useRaf ? rafHandle : handle, { passive: true })\n      }\n    },\n    removeHScrollDom: (dom: HTMLElement) => {\n      if (dom) {\n        domsSet.delete(dom)\n        dom.removeEventListener('scroll', handle)\n        dom.removeEventListener('scroll', rafHandle)\n      }\n    },\n  }\n  provide(HScrollSymbolKey, value)\n}\nexport const useHScrollSyncInject = () => {\n  return inject(HScrollSymbolKey, {} as HScrollSyncProvide)\n}\n"],"names":["scrollLeft","raf","watch","onBeforeUnmount","provide","inject"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import type { Key } from '../components/interface';
+import type { ComputedRef, Ref } from 'vue';
+export interface HoverContextProps {
+    hoverRowKey: Ref<Key>;
+    hoverColumnKey: Ref<Key>;
+    handleCellHover: (rowKey: Key, columnKey: Key, draggingRowKey: Key) => void;
+    handleCellBlur: () => void;
+}
+export declare const useProvideHover: (props: {
+    rowHoverDelay: ComputedRef<number>;
+}) => {
+    hoverColumnKey: Ref<any, any>;
+    hoverRowKey: Ref<any, any>;
+    handleCellHover: (rowKey: Key, columnKey: Key, draggingRowKey: Key) => void;
+    handleCellBlur: () => void;
+};
+export declare const useInjectHover: () => HoverContextProps;

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

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+
+const HoverContextKey = Symbol("HoverContextKey");
+const useProvideHover = (props) => {
+  const hoverColumnKey = vue.ref();
+  const hoverRowKey = vue.ref();
+  let hoverColumnTimeout, hoverRowTimeout;
+  const handleCellHover = (rowKey, columnKey, draggingRowKey) => {
+    clearTimeout(hoverColumnTimeout);
+    clearTimeout(hoverRowTimeout);
+    if (!draggingRowKey) {
+      hoverRowTimeout = setTimeout(() => {
+        hoverRowKey.value = rowKey;
+        hoverColumnKey.value = columnKey;
+      }, props.rowHoverDelay.value);
+    }
+  };
+  const handleCellBlur = () => {
+    hoverColumnTimeout = setTimeout(() => {
+      hoverRowKey.value = void 0;
+      hoverColumnKey.value = void 0;
+    }, props.rowHoverDelay.value + 50);
+  };
+  const hoverContext = {
+    hoverColumnKey,
+    hoverRowKey,
+    handleCellHover,
+    handleCellBlur
+  };
+  vue.provide(HoverContextKey, hoverContext);
+  return hoverContext;
+};
+const useInjectHover = () => {
+  return vue.inject(HoverContextKey, {
+    hoverRowKey: vue.ref(),
+    hoverColumnKey: vue.ref(),
+    handleCellHover: () => {
+    },
+    handleCellBlur: () => {
+    }
+  });
+};
+
+exports.useInjectHover = useInjectHover;
+exports.useProvideHover = useProvideHover;
+//# sourceMappingURL=useHover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../../../../../../packages/components/table/src/hooks/useHover.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-01 10:00:14\n * @LastEditors: shen\n * @LastEditTime: 2023-11-10 15:36:35\n * @Description:\n */\nimport { ref, provide, inject } from 'vue'\n\nimport type { Key } from '../components/interface'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\nexport interface HoverContextProps {\n  hoverRowKey: Ref<Key>\n  hoverColumnKey: Ref<Key>\n  handleCellHover: (rowKey: Key, columnKey: Key, draggingRowKey: Key) => void\n  handleCellBlur: () => void\n}\nconst HoverContextKey: InjectionKey<HoverContextProps> = Symbol('HoverContextKey')\nexport const useProvideHover = (props: { rowHoverDelay: ComputedRef<number> }) => {\n  const hoverColumnKey = ref<any>()\n  const hoverRowKey = ref<any>()\n  let hoverColumnTimeout: any, hoverRowTimeout: any\n  const handleCellHover = (rowKey: Key, columnKey: Key, draggingRowKey: Key) => {\n    clearTimeout(hoverColumnTimeout)\n    clearTimeout(hoverRowTimeout)\n    if (!draggingRowKey) {\n      hoverRowTimeout = setTimeout(() => {\n        hoverRowKey.value = rowKey\n        hoverColumnKey.value = columnKey\n      }, props.rowHoverDelay.value)\n    }\n  }\n  const handleCellBlur = () => {\n    hoverColumnTimeout = setTimeout(() => {\n      hoverRowKey.value = undefined\n      hoverColumnKey.value = undefined\n    }, props.rowHoverDelay.value + 50)\n  }\n  const hoverContext = {\n    hoverColumnKey,\n    hoverRowKey,\n    handleCellHover,\n    handleCellBlur,\n  }\n\n  provide(HoverContextKey, hoverContext)\n\n  return hoverContext\n}\nexport const useInjectHover = () => {\n  return inject(HoverContextKey, {\n    hoverRowKey: ref(),\n    hoverColumnKey: ref(),\n    handleCellHover: () => {},\n    handleCellBlur: () => {},\n  })\n}\n"],"names":["ref","provide","inject"],"mappings":";;;;AAiBA,MAAM,eAAA,GAAmD,OAAO,iBAAiB,CAAA;AAC1E,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkD;AAChF,EAAA,MAAM,iBAAiBA,OAAA,EAAS;AAChC,EAAA,MAAM,cAAcA,OAAA,EAAS;AAC7B,EAAA,IAAI,kBAAA,EAAyB,eAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,CAAC,MAAA,EAAa,SAAA,EAAgB,cAAA,KAAwB;AAC5E,IAAA,YAAA,CAAa,kBAAkB,CAAA;AAC/B,IAAA,YAAA,CAAa,eAAe,CAAA;AAC5B,IAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,MAAA,eAAA,GAAkB,WAAW,MAAM;AACjC,QAAA,WAAA,CAAY,KAAA,GAAQ,MAAA;AACpB,QAAA,cAAA,CAAe,KAAA,GAAQ,SAAA;AAAA,MACzB,CAAA,EAAG,KAAA,CAAM,aAAA,CAAc,KAAK,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA;AACA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,kBAAA,GAAqB,WAAW,MAAM;AACpC,MAAA,WAAA,CAAY,KAAA,GAAQ,MAAA;AACpB,MAAA,cAAA,CAAe,KAAA,GAAQ,MAAA;AAAA,IACzB,CAAA,EAAG,KAAA,CAAM,aAAA,CAAc,KAAA,GAAQ,EAAE,CAAA;AAAA,EACnC,CAAA;AACA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,cAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAAC,WAAA,CAAQ,iBAAiB,YAAY,CAAA;AAErC,EAAA,OAAO,YAAA;AACT;AACO,MAAM,iBAAiB,MAAM;AAClC,EAAA,OAAOC,WAAO,eAAA,EAAiB;AAAA,IAC7B,aAAaF,OAAA,EAAI;AAAA,IACjB,gBAAgBA,OAAA,EAAI;AAAA,IACpB,iBAAiB,MAAM;AAAA,IAAC,CAAA;AAAA,IACxB,gBAAgB,MAAM;AAAA,IAAC;AAAA,GACxB,CAAA;AACH;;;;;"}

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

@@ -0,0 +1,10 @@
+import type { Ref, UnwrapRef } from 'vue';
+import type { Key, GetRowKey, DefaultRecordType } from '../components/interface';
+export type FlattenAllRecordsType<T = DefaultRecordType> = {
+    getRecordByKey: (key: Key) => T;
+    getIndexsByKey: (key: Key) => number[];
+    getKeyByIndexs: (indexsString: string) => Key;
+    allDataRowKeys: Ref<Key[]>;
+    allDataRootRowKeys: Ref<Key[]>;
+};
+export default function useKVMap<RecordType = DefaultRecordType>(allDataRef: Ref<readonly RecordType[]>, childrenColumnNameRef: Ref<string>, getRowKeyRef: Ref<GetRowKey<RecordType>>): FlattenAllRecordsType<RecordType | UnwrapRef<RecordType>>;

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

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var devWarning = require('../utils/devWarning.js');
+
+function useKVMap(allDataRef, childrenColumnNameRef, getRowKeyRef) {
+  const kvKIndexRef = vue.shallowRef({});
+  const allDataRowKeysRef = vue.shallowRef([]);
+  const allDataRootRowKeysRef = vue.shallowRef([]);
+  vue.watch(
+    [allDataRef, childrenColumnNameRef, getRowKeyRef],
+    () => {
+      const kvMap = /* @__PURE__ */ new Map();
+      const kIndexMap = /* @__PURE__ */ new Map();
+      const indexsKeyMap = /* @__PURE__ */ new Map();
+      const allDataRowKeys = [];
+      const allDataRootRowKeys = [];
+      const getRowKey = getRowKeyRef.value;
+      const childrenColumnName = childrenColumnNameRef.value;
+      function deepKvMap(data, originIndexs = [], isRoot = 0) {
+        data.forEach((record, index) => {
+          const rowKey = getRowKey(record, index);
+          devWarning.default(
+            !kvMap.get(rowKey),
+            "Table",
+            `You set slots duplicate key ${rowKey}, it will cause rendering errors. Please check carefully.`
+          );
+          kvMap.set(rowKey, record);
+          const indexs = originIndexs.concat([index]);
+          kIndexMap.set(rowKey, indexs);
+          indexsKeyMap.set(indexs.join("-"), rowKey);
+          allDataRowKeys.push(rowKey);
+          isRoot === 0 && allDataRootRowKeys.push(rowKey);
+          if (record && typeof record === "object" && childrenColumnName in record) {
+            deepKvMap(record[childrenColumnName] || [], indexs, isRoot + 1);
+          }
+        });
+      }
+      deepKvMap(allDataRef.value);
+      allDataRowKeysRef.value = allDataRowKeys;
+      allDataRootRowKeysRef.value = allDataRootRowKeys;
+      kvKIndexRef.value = { kvMap, kIndexMap, indexsKeyMap };
+    },
+    { immediate: true }
+  );
+  return {
+    getRecordByKey: (rowKey) => {
+      var _a, _b;
+      return vue.toRaw((_b = (_a = kvKIndexRef.value) == null ? void 0 : _a.kvMap) == null ? void 0 : _b.get(rowKey));
+    },
+    getIndexsByKey: (rowKey) => {
+      var _a, _b;
+      return (_b = (_a = kvKIndexRef.value) == null ? void 0 : _a.kIndexMap) == null ? void 0 : _b.get(rowKey);
+    },
+    allDataRowKeys: allDataRowKeysRef,
+    allDataRootRowKeys: allDataRootRowKeysRef,
+    getKeyByIndexs: (indexsString) => kvKIndexRef.value.indexsKeyMap.get(indexsString)
+  };
+}
+
+exports.default = useKVMap;
+//# sourceMappingURL=useKVMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKVMap.js","sources":["../../../../../../../packages/components/table/src/hooks/useKVMap.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-04 16:02:38\n * @LastEditors: shen\n * @LastEditTime: 2025-07-28 09:28:49\n * @Description:\n */\nimport type { Ref, UnwrapRef } from 'vue'\nimport type { Key, GetRowKey, DefaultRecordType } from '../components/interface'\n\nimport { watch, shallowRef, toRaw } from 'vue'\nimport devWarning from '../utils/devWarning'\n\nexport type FlattenAllRecordsType<T = DefaultRecordType> = {\n  getRecordByKey: (key: Key) => T\n  getIndexsByKey: (key: Key) => number[]\n  getKeyByIndexs: (indexsString: string) => Key\n  allDataRowKeys: Ref<Key[]>\n  allDataRootRowKeys: Ref<Key[]>\n}\n\nexport default function useKVMap<RecordType = DefaultRecordType>(\n  allDataRef: Ref<readonly RecordType[]>,\n  childrenColumnNameRef: Ref<string>,\n  getRowKeyRef: Ref<GetRowKey<RecordType>>,\n): FlattenAllRecordsType<RecordType | UnwrapRef<RecordType>> {\n  const kvKIndexRef = shallowRef<{\n    kvMap?: Map<Key, RecordType>\n    kIndexMap?: Map<Key, number[]>\n    indexsKeyMap?: Map<string, Key>\n  }>({})\n  const allDataRowKeysRef = shallowRef<Key[]>([])\n  const allDataRootRowKeysRef = shallowRef<Key[]>([])\n  watch(\n    [allDataRef, childrenColumnNameRef, getRowKeyRef],\n    () => {\n      const kvMap: Map<Key, RecordType> = new Map()\n      const kIndexMap: Map<Key, number[]> = new Map()\n      const indexsKeyMap: Map<string, Key> = new Map()\n      const allDataRowKeys: Key[] = []\n      const allDataRootRowKeys: Key[] = []\n      const getRowKey = getRowKeyRef.value\n      const childrenColumnName = childrenColumnNameRef.value\n\n      function deepKvMap(data: readonly RecordType[], originIndexs: number[] = [], isRoot = 0) {\n        data.forEach((record: RecordType, index: number) => {\n          const rowKey = getRowKey(record, index)\n          devWarning(\n            !kvMap.get(rowKey),\n            'Table',\n            `You set slots duplicate key ${rowKey}, it will cause rendering errors. Please check carefully.`,\n          )\n          kvMap.set(rowKey, record)\n          const indexs = originIndexs.concat([index] as never[]) as number[]\n          kIndexMap.set(rowKey, indexs)\n          indexsKeyMap.set(indexs.join('-'), rowKey)\n          allDataRowKeys.push(rowKey)\n          isRoot === 0 && allDataRootRowKeys.push(rowKey)\n          if (record && typeof record === 'object' && childrenColumnName in record) {\n            deepKvMap(record[childrenColumnName] || [], indexs, isRoot + 1)\n          }\n        })\n      }\n\n      deepKvMap(allDataRef.value)\n\n      allDataRowKeysRef.value = allDataRowKeys\n      allDataRootRowKeysRef.value = allDataRootRowKeys\n      kvKIndexRef.value = { kvMap, kIndexMap, indexsKeyMap }\n    },\n    { immediate: true },\n  )\n\n  return {\n    getRecordByKey: (rowKey: Key) => toRaw(kvKIndexRef.value?.kvMap?.get(rowKey)) as RecordType,\n    getIndexsByKey: (rowKey: Key) => kvKIndexRef.value?.kIndexMap?.get(rowKey) as number[],\n    allDataRowKeys: allDataRowKeysRef,\n    allDataRootRowKeys: allDataRootRowKeysRef,\n    getKeyByIndexs: (indexsString: string) => kvKIndexRef.value.indexsKeyMap!.get(indexsString)!,\n  }\n}\n"],"names":["shallowRef","watch","devWarning","toRaw"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+export declare const LevelKey: InjectionKey<number>;
+export declare const useInjectLevel: () => number | undefined;
+export declare const useProvideLevel: () => void;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var vue = require('vue');
+
+const LevelKey = Symbol("Level");
+const useInjectLevel = () => {
+  return vue.inject(LevelKey, void 0);
+};
+const useProvideLevel = () => {
+  const level = useInjectLevel();
+  vue.provide(LevelKey, level === void 0 ? 0 : level + 1);
+};
+
+exports.LevelKey = LevelKey;
+exports.useInjectLevel = useInjectLevel;
+exports.useProvideLevel = useProvideLevel;
+//# sourceMappingURL=useLevel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLevel.js","sources":["../../../../../../../packages/components/table/src/hooks/useLevel.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-01 10:25:43\n * @LastEditors: shen\n * @LastEditTime: 2023-11-01 10:30:05\n * @Description:\n */\nimport { inject, provide } from 'vue'\nimport type { InjectionKey } from 'vue'\n\nexport const LevelKey: InjectionKey<number> = Symbol('Level')\n\nexport const useInjectLevel = () => {\n  return inject(LevelKey, undefined)\n}\nexport const useProvideLevel = () => {\n  const level = useInjectLevel()\n  provide(LevelKey, level === undefined ? 0 : level + 1)\n}\n"],"names":["inject","provide"],"mappings":";;;;AAUO,MAAM,QAAA,GAAiC,OAAO,OAAO;AAErD,MAAM,iBAAiB,MAAM;AAClC,EAAA,OAAOA,UAAA,CAAO,UAAU,MAAS,CAAA;AACnC;AACO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,QAAQ,cAAA,EAAe;AAC7B,EAAAC,WAAA,CAAQ,QAAA,EAAU,KAAA,KAAU,MAAA,GAAY,CAAA,GAAI,QAAQ,CAAC,CAAA;AACvD;;;;;;"}

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

@@ -0,0 +1,19 @@
+import type { ComputedRef, Ref } from 'vue';
+type LicenseRes = {
+    status: ComputedRef<{
+        code: number;
+        expiredTime?: undefined;
+        isTrial?: undefined;
+    } | {
+        code: number;
+        expiredTime: Date;
+        isTrial?: undefined;
+    } | {
+        code: number;
+        isTrial: boolean;
+        expiredTime: Date;
+    }>;
+    watermarkMsg: Ref<string>;
+};
+declare function useLicense(): LicenseRes;
+export default useLicense;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var licenseInfo = require('../license/licenseInfo.js');
+var validLicense = require('../license/validLicense.js');
+
+function useLicense() {
+  const watermarkMsg = vue.ref("");
+  const licenseKey = vue.computed(() => licenseInfo.getLicenseKey());
+  const status = vue.computed(() => validLicense.validLicense(licenseKey.value));
+  return { status, watermarkMsg };
+}
+
+exports.default = useLicense;
+//# sourceMappingURL=useLicense.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLicense.js","sources":["../../../../../../../packages/components/table/src/hooks/useLicense.ts"],"sourcesContent":["import { ref, computed } from 'vue'\nimport { getLicenseKey } from '../license/licenseInfo'\nimport { validLicense } from '../license/validLicense'\n\nimport type { ComputedRef, Ref } from 'vue'\n\ntype LicenseRes = {\n  status: ComputedRef<\n    | {\n        code: number\n        expiredTime?: undefined\n        isTrial?: undefined\n      }\n    | {\n        code: number\n        expiredTime: Date\n        isTrial?: undefined\n      }\n    | {\n        code: number\n        isTrial: boolean\n        expiredTime: Date\n      }\n  >\n  watermarkMsg: Ref<string>\n}\n\nfunction useLicense(): LicenseRes {\n  const watermarkMsg = ref('')\n  const licenseKey = computed(() => getLicenseKey())\n  const status = computed(() => validLicense(licenseKey.value))\n\n  // const formatDate = (date: Date) => {\n  // \tif (!date) {\n  // \t\treturn ''\n  // \t}\n  // \tconst day = date.getDate()\n  // \tconst month = date.getMonth()\n  // \tconst year = date.getFullYear()\n  // \tconst monthName = [\n  // \t\t'January',\n  // \t\t'February',\n  // \t\t'March',\n  // \t\t'April',\n  // \t\t'May',\n  // \t\t'June',\n  // \t\t'July',\n  // \t\t'August',\n  // \t\t'September',\n  // \t\t'October',\n  // \t\t'November',\n  // \t\t'December'\n  // \t][month]\n  // \treturn `${day} ${monthName} ${year}`\n  // }\n  // watchEffect(() => {\n  // \tswitch (status.value.code) {\n  // \t\tcase 1: {\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*****************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error('***************************************** Enterprise License ********************************************')\n  // \t\t\tconsole.error(\n  // \t\t\t\t'********************************************* Invalid License ***************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*****************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*****************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\twatermarkMsg.value = 'Invalid License'\n  // \t\t\tbreak\n  // \t\t}\n  // \t\tcase 3: {\n  // \t\t\tconsole.error('***************************************** Enterprise License *******************************************')\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************** License Key Not Found ***********************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error('* All Enterprise features are unlocked.                                                                *')\n  // \t\t\tconsole.error(\n  // \t\t\t\t'* This is an evaluation only version, it is not licensed for development projects intended for production.     *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************************************************************************************'\n  // \t\t\t),\n  // \t\t\t\tconsole.error(\n  // \t\t\t\t\t'****************************************************************************************************************'\n  // \t\t\t\t)\n  // \t\t\twatermarkMsg.value = 'Unlicensed Product'\n  // \t\t\tbreak\n  // \t\t}\n  // \t\tcase 2: {\n  // \t\t\tconst expiredDate = formatDate(status.value.expiredTime!)\n  // \t\t\tconst releaseDate = formatDate(getReleaseDate())\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*                                             Enterprise License                                                   *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*                           License not compatible with installed version of Enterprise.                           *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*                                                                                                                          *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'* Your License entitles you to all versions of that we release within the time covered by your license     *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'* - typically we provide one year licenses which entitles you to all releases / updates of within that year.       *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'* Your license has an end (expiry) date which stops the license key working with versions of released after the    *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t`* license end date. The license key that you have expires on ${expiredDate}, however the version of you    *`\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t`* are trying to use was released on ${releaseDate}.                                                               *`\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'*                                                                                                                          *'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\tconsole.error(\n  // \t\t\t\t'****************************************************************************************************************************'\n  // \t\t\t)\n  // \t\t\twatermarkMsg.value = 'License Expired'\n  // \t\t\tbreak\n  // \t\t}\n  // \t\tdefault: {\n  // \t\t\twatermarkMsg.value = ''\n  // \t\t}\n  // \t}\n  // \tif (status.value.isTrial) {\n  // \t\tconst expiredDateTime = formatDate(status.value.expiredTime!)\n  // \t\tconsole.warn(\n  // \t\t\t'*****************************************************************************************************************'\n  // \t\t)\n  // \t\tconsole.warn('***************************************** Enterprise License ********************************************')\n  // \t\tconsole.warn(\n  // \t\t\t'********************************************* Trial License ***************************************************'\n  // \t\t)\n  // \t\tconsole.warn('* Your license for Enterprise is a trial license. *'),\n  // \t\t\tconsole.warn(`* The license key that you have expires on ${expiredDateTime}. *`)\n  // \t\tconsole.warn(\n  // \t\t\t'*****************************************************************************************************************'\n  // \t\t)\n  // \t\tconsole.warn(\n  // \t\t\t'*****************************************************************************************************************'\n  // \t\t)\n  // \t}\n  // })\n  return { status, watermarkMsg }\n}\n\nexport default useLicense\n"],"names":["ref","computed","getLicenseKey","validLicense"],"mappings":";;;;;;;;AA2BA,SAAS,UAAA,GAAyB;AAChC,EAAA,MAAM,YAAA,GAAeA,QAAI,EAAE,CAAA;AAC3B,EAAA,MAAM,UAAA,GAAaC,YAAA,CAAS,MAAMC,yBAAA,EAAe,CAAA;AACjD,EAAA,MAAM,SAASD,YAAA,CAAS,MAAME,yBAAA,CAAa,UAAA,CAAW,KAAK,CAAC,CAAA;AAkI5D,EAAA,OAAO,EAAE,QAAQ,YAAA,EAAa;AAChC;;;;"}

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

@@ -0,0 +1,7 @@
+import type { Ref, UnwrapRef } from 'vue';
+export default function useMergedState<T, R = Ref<T>>(defaultStateValue: T | (() => T), option?: {
+    defaultValue?: T | (() => T);
+    value?: Ref<T> | Ref<UnwrapRef<T>>;
+    onChange?: (val: T, prevValue: T) => void;
+    postState?: (val: T) => T;
+}): [R, (val: T) => void];

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function useMergedState(defaultStateValue, option) {
+  const { defaultValue, value = vue.ref() } = option || {};
+  let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
+  if (value.value !== void 0) {
+    initValue = vue.unref(value);
+  }
+  if (defaultValue !== void 0) {
+    initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
+  }
+  const innerValue = vue.ref(initValue);
+  const mergedValue = vue.ref(initValue);
+  vue.watchEffect(() => {
+    let val = value.value !== void 0 ? value.value : innerValue.value;
+    if (option == null ? void 0 : option.postState) {
+      val = option.postState(val);
+    }
+    mergedValue.value = val;
+  });
+  function triggerChange(newValue) {
+    const preVal = mergedValue.value;
+    innerValue.value = newValue;
+    if (vue.toRaw(mergedValue.value) !== newValue && (option == null ? void 0 : option.onChange)) {
+      option == null ? void 0 : option.onChange(newValue, preVal);
+    }
+  }
+  vue.watch(value, () => {
+    innerValue.value = value.value;
+  });
+  return [mergedValue, triggerChange];
+}
+
+exports.default = useMergedState;
+//# sourceMappingURL=useMergedState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedState.js","sources":["../../../../../../../packages/components/table/src/hooks/useMergedState.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-04-11 17:22:57\n * @LastEditors: shen\n * @LastEditTime: 2023-11-13 10:45:45\n * @Description:\n */\nimport type { Ref, UnwrapRef } from 'vue'\nimport { toRaw, watchEffect, unref, watch, ref } from 'vue'\n\nexport default function useMergedState<T, R = Ref<T>>(\n  defaultStateValue: T | (() => T),\n  option?: {\n    defaultValue?: T | (() => T)\n    value?: Ref<T> | Ref<UnwrapRef<T>>\n    onChange?: (val: T, prevValue: T) => void\n    postState?: (val: T) => T\n  },\n): [R, (val: T) => void] {\n  const { defaultValue, value = ref() } = option || {}\n  let initValue: T =\n    typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue\n  if (value.value !== undefined) {\n    initValue = unref(value as any) as T\n  }\n  if (defaultValue !== undefined) {\n    initValue = typeof defaultValue === 'function' ? (defaultValue as any)() : defaultValue\n  }\n\n  const innerValue = ref(initValue) as Ref<T>\n  const mergedValue = ref(initValue) as Ref<T>\n  watchEffect(() => {\n    let val = value.value !== undefined ? value.value : innerValue.value\n    if (option?.postState) {\n      val = option.postState(val as T)\n    }\n    mergedValue.value = val as T\n  })\n\n  function triggerChange(newValue: T) {\n    const preVal = mergedValue.value\n    innerValue.value = newValue\n    if (toRaw(mergedValue.value) !== newValue && option?.onChange) {\n      option?.onChange(newValue, preVal)\n    }\n  }\n\n  watch(value, () => {\n    innerValue.value = value.value as T\n  })\n\n  return [mergedValue as unknown as R, triggerChange]\n}\n"],"names":["ref","unref","watchEffect","toRaw","watch"],"mappings":";;;;;;AAUA,SAAwB,cAAA,CACtB,mBACA,MAAA,EAMuB;AACvB,EAAA,MAAM,EAAE,YAAA,EAAc,KAAA,GAAQA,SAAI,EAAE,GAAI,UAAU,EAAC;AACnD,EAAA,IAAI,SAAA,GACF,OAAO,iBAAA,KAAsB,UAAA,GAAc,mBAA0B,GAAI,iBAAA;AAC3E,EAAA,IAAI,KAAA,CAAM,UAAU,MAAA,EAAW;AAC7B,IAAA,SAAA,GAAYC,UAAM,KAAY,CAAA;AAAA,EAChC;AACA,EAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,IAAA,SAAA,GAAY,OAAO,YAAA,KAAiB,UAAA,GAAc,YAAA,EAAqB,GAAI,YAAA;AAAA,EAC7E;AAEA,EAAA,MAAM,UAAA,GAAaD,QAAI,SAAS,CAAA;AAChC,EAAA,MAAM,WAAA,GAAcA,QAAI,SAAS,CAAA;AACjC,EAAAE,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,MAAM,KAAA,CAAM,KAAA,KAAU,MAAA,GAAY,KAAA,CAAM,QAAQ,UAAA,CAAW,KAAA;AAC/D,IAAA,IAAI,iCAAQ,SAAA,EAAW;AACrB,MAAA,GAAA,GAAM,MAAA,CAAO,UAAU,GAAQ,CAAA;AAAA,IACjC;AACA,IAAA,WAAA,CAAY,KAAA,GAAQ,GAAA;AAAA,EACtB,CAAC,CAAA;AAED,EAAA,SAAS,cAAc,QAAA,EAAa;AAClC,IAAA,MAAM,SAAS,WAAA,CAAY,KAAA;AAC3B,IAAA,UAAA,CAAW,KAAA,GAAQ,QAAA;AACnB,IAAA,IAAIC,UAAM,WAAA,CAAY,KAAK,CAAA,KAAM,QAAA,KAAY,iCAAQ,QAAA,CAAA,EAAU;AAC7D,MAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,SAAS,QAAA,EAAU,MAAA,CAAA;AAAA,IAC7B;AAAA,EACF;AAEA,EAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,IAAA,UAAA,CAAW,QAAQ,KAAA,CAAM,KAAA;AAAA,EAC3B,CAAC,CAAA;AAED,EAAA,OAAO,CAAC,aAA6B,aAAa,CAAA;AACpD;;;;"}

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

@@ -0,0 +1,19 @@
+import type { ProTableProps } from '../components/interface';
+import type { ComputedRef } from 'vue';
+import type { TablePaginationConfig } from '../components/PaginationConfig';
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare function getPaginationParam(pagination: TablePaginationConfig | boolean | undefined, mergedPagination: TablePaginationConfig): any;
+type PaginationPos = {
+    bottom?: 'left' | 'right';
+    top?: 'left' | 'right';
+};
+interface PaginationRes {
+    mergedPagination: ComputedRef<TablePaginationConfig>;
+    onChange: (page: number, pageSize?: number) => void;
+    onShowSizeChange: (current: number, size: number) => void;
+    pos: ComputedRef<PaginationPos>;
+    refreshPagination: () => void;
+    pageData: ComputedRef<any[]>;
+}
+export default function usePagination(total: ComputedRef<number>, props: ProTableProps, mergedData: ComputedRef<any[]>, onChange?: (current: number, pageSize: number) => void): PaginationRes;
+export {};