pro-design-vue 0.0.1-beta.1

package/es/components/table/src/hooks/useContainer.mjs

@@ -0,0 +1,160 @@
+import { ref, computed, watch, provide, inject } from 'vue';
+import { genColumnKey } from '../utils/util.mjs';
+import { useMergedState } from '../../../../hooks/use-merged-state/index.mjs';
+
+const ContainerContextKey = Symbol("ContainerContextKey");
+const useContainer = (props) => {
+  var _a;
+  const sortKeyColumns = ref([]);
+  const [tableSize, setTableSize] = useMergedState(() => props.size || "middle", {
+    value: computed(() => props.size),
+    onChange: props.onSizeChange
+  });
+  const defaultColumnKeyMap = computed(() => {
+    var _a2, _b, _c;
+    if ((_a2 = props == null ? void 0 : props.columnsState) == null ? void 0 : _a2.defaultValue) {
+      const columnKeyMap2 = {};
+      (_b = props.columns) == null ? void 0 : _b.forEach(({ key, dataIndex, fixed, disable }, index) => {
+        const columnKey = genColumnKey(key != null ? key : dataIndex, index);
+        if (columnKey) {
+          if (fixed || disable) {
+            columnKeyMap2[columnKey] = {
+              fixed,
+              disable,
+              show: true
+            };
+          }
+        }
+      });
+      return { ...columnKeyMap2, ...props.columnsState.defaultValue };
+    }
+    const columnKeyMap = {};
+    (_c = props.columns) == null ? void 0 : _c.forEach(({ key, dataIndex, fixed, disable }, index) => {
+      const columnKey = genColumnKey(key != null ? key : dataIndex, index);
+      if (columnKey) {
+        columnKeyMap[columnKey] = {
+          show: true,
+          fixed,
+          disable
+        };
+      }
+    });
+    return columnKeyMap;
+  });
+  const [columnsMap, setColumnsMap] = useMergedState(
+    () => {
+      var _a2, _b;
+      const { persistenceType, persistenceKey } = props.columnsState || {};
+      if (persistenceKey && persistenceType && typeof window !== "undefined") {
+        const storage = window[persistenceType];
+        try {
+          const storageValue = storage == null ? void 0 : storage.getItem(persistenceKey);
+          if (storageValue) {
+            return JSON.parse(storageValue);
+          }
+        } catch (error) {
+          console.warn(error);
+        }
+      }
+      return ((_a2 = props.columnsState) == null ? void 0 : _a2.value) || ((_b = props.columnsState) == null ? void 0 : _b.defaultValue) || defaultColumnKeyMap.value;
+    },
+    {
+      value: computed(() => {
+        var _a2;
+        return (_a2 = props.columnsState) == null ? void 0 : _a2.value;
+      }),
+      onChange: (_a = props.columnsState) == null ? void 0 : _a.onChange
+    }
+  );
+  watch(
+    [
+      () => {
+        var _a2;
+        return (_a2 = props.columnsState) == null ? void 0 : _a2.persistenceKey;
+      },
+      defaultColumnKeyMap,
+      () => {
+        var _a2;
+        return (_a2 = props.columnsState) == null ? void 0 : _a2.persistenceType;
+      }
+    ],
+    () => {
+      const { persistenceType, persistenceKey } = props.columnsState || {};
+      if (persistenceKey && persistenceType && typeof window !== "undefined") {
+        const storage = window[persistenceType];
+        try {
+          const storageValue = storage == null ? void 0 : storage.getItem(persistenceKey);
+          if (storageValue) {
+            setColumnsMap(JSON.parse(storageValue));
+          } else {
+            setColumnsMap(defaultColumnKeyMap.value);
+          }
+        } catch (error) {
+          console.warn(error);
+        }
+      }
+    },
+    {
+      immediate: true
+    }
+  );
+  const clearPersistenceStorage = () => {
+    const { persistenceType, persistenceKey } = props.columnsState || {};
+    if (!persistenceKey || !persistenceType || typeof window === "undefined") return;
+    const storage = window[persistenceType];
+    try {
+      storage == null ? void 0 : storage.removeItem(persistenceKey);
+    } catch (error) {
+      console.warn(error);
+    }
+  };
+  watch(
+    [
+      () => {
+        var _a2;
+        return (_a2 = props.columnsState) == null ? void 0 : _a2.persistenceKey;
+      },
+      columnsMap,
+      () => {
+        var _a2;
+        return (_a2 = props.columnsState) == null ? void 0 : _a2.persistenceType;
+      }
+    ],
+    () => {
+      var _a2, _b;
+      if (!((_a2 = props.columnsState) == null ? void 0 : _a2.persistenceKey) || !((_b = props.columnsState) == null ? void 0 : _b.persistenceType)) {
+        return;
+      }
+      if (typeof window === "undefined") return;
+      const { persistenceType, persistenceKey } = props.columnsState;
+      const storage = window[persistenceType];
+      try {
+        storage == null ? void 0 : storage.setItem(persistenceKey, JSON.stringify(columnsMap.value));
+      } catch (error) {
+        console.warn(error);
+        clearPersistenceStorage();
+      }
+    }
+  );
+  const context = {
+    props,
+    tableSize,
+    setTableSize,
+    sortKeyColumns,
+    setSortKeyColumns: (keys) => {
+      sortKeyColumns.value = keys;
+    },
+    columnsMap,
+    setColumnsMap,
+    clearPersistenceStorage,
+    defaultColumnKeyMap
+  };
+  provide(ContainerContextKey, context);
+  return context;
+};
+const useInjectContainer = () => {
+  return inject(ContainerContextKey, {});
+};
+
+export { useContainer, useInjectContainer };
+//# sourceMappingURL=useContainer.mjs.map

package/es/components/table/src/hooks/useContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainer.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useContainer.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-15 10:14:14\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:38:40\n * @Description:\n */\nimport type { ColumnsState, DensitySize, Key, ProTableProps } from '../components/interface'\nimport type { Ref, InjectionKey, ComputedRef } from 'vue'\n\nimport { computed, provide, inject, watch, ref } from 'vue'\nimport { genColumnKey } from '../utils/util'\nimport { useMergedState } from '@pro-design-vue/hooks'\n\nexport type ContainerContextProps = {\n  props: ProTableProps\n  tableSize: Ref<DensitySize>\n  setTableSize: (val: DensitySize) => void\n  sortKeyColumns: Ref<string[]>\n  setSortKeyColumns: (keys: string[]) => void\n  columnsMap: Ref<Record<string, ColumnsState>>\n  setColumnsMap: (val: Record<string, ColumnsState>) => void\n  clearPersistenceStorage: () => void\n  defaultColumnKeyMap: ComputedRef<{}>\n}\n\nconst ContainerContextKey: InjectionKey<ContainerContextProps> = Symbol('ContainerContextKey')\nexport const useContainer = (props: ProTableProps): ContainerContextProps => {\n  const sortKeyColumns = ref<string[]>([])\n\n  const [tableSize, setTableSize] = useMergedState<DensitySize>(() => props.size || 'middle', {\n    value: computed(() => props.size),\n    onChange: props.onSizeChange,\n  })\n\n  /** 默认全选中 */\n  const defaultColumnKeyMap = computed(() => {\n    if (props?.columnsState?.defaultValue) {\n      const columnKeyMap = {}\n      props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n        const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n        if (columnKey) {\n          if (fixed || disable) {\n            columnKeyMap[columnKey] = {\n              fixed,\n              disable,\n              show: true,\n            }\n          }\n        }\n      })\n      return { ...columnKeyMap, ...props.columnsState.defaultValue }\n    }\n    const columnKeyMap = {}\n    props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {\n      const columnKey = genColumnKey(key ?? (dataIndex as Key), index)\n      if (columnKey) {\n        columnKeyMap[columnKey] = {\n          show: true,\n          fixed,\n          disable,\n        }\n      }\n    })\n\n    return columnKeyMap\n  })\n\n  const [columnsMap, setColumnsMap] = useMergedState<Record<string, ColumnsState>>(\n    () => {\n      const { persistenceType, persistenceKey } = props.columnsState || {}\n      if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n        /** 从持久化中读取数据 */\n        const storage = window[persistenceType]\n        try {\n          const storageValue = storage?.getItem(persistenceKey)\n          if (storageValue) {\n            return JSON.parse(storageValue)\n          }\n        } catch (error) {\n          console.warn(error)\n        }\n      }\n      return (\n        props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap.value\n      )\n    },\n    {\n      value: computed(() => props.columnsState?.value as any),\n      onChange: props.columnsState?.onChange,\n    },\n  )\n\n  watch(\n    [\n      () => props.columnsState?.persistenceKey,\n      defaultColumnKeyMap,\n      () => props.columnsState?.persistenceType,\n    ],\n    () => {\n      const { persistenceType, persistenceKey } = props.columnsState || {}\n      if (persistenceKey && persistenceType && typeof window !== 'undefined') {\n        /** 从持久化中读取数据 */\n        const storage = window[persistenceType]\n        try {\n          const storageValue = storage?.getItem(persistenceKey)\n          if (storageValue) {\n            setColumnsMap(JSON.parse(storageValue))\n          } else {\n            setColumnsMap(defaultColumnKeyMap.value)\n          }\n        } catch (error) {\n          console.warn(error)\n        }\n      }\n    },\n    {\n      immediate: true,\n    },\n  )\n\n  const clearPersistenceStorage = () => {\n    const { persistenceType, persistenceKey } = props.columnsState || {}\n\n    if (!persistenceKey || !persistenceType || typeof window === 'undefined') return\n\n    /** 给持久化中设置数据 */\n    const storage = window[persistenceType]\n    try {\n      storage?.removeItem(persistenceKey)\n    } catch (error) {\n      console.warn(error)\n    }\n  }\n\n  watch(\n    [\n      () => props.columnsState?.persistenceKey,\n      columnsMap,\n      () => props.columnsState?.persistenceType,\n    ],\n    () => {\n      if (!props.columnsState?.persistenceKey || !props.columnsState?.persistenceType) {\n        return\n      }\n      if (typeof window === 'undefined') return\n      /** 给持久化中设置数据 */\n      const { persistenceType, persistenceKey } = props.columnsState\n      const storage = window[persistenceType]\n      try {\n        storage?.setItem(persistenceKey, JSON.stringify(columnsMap.value))\n      } catch (error) {\n        console.warn(error)\n        clearPersistenceStorage()\n      }\n    },\n  )\n\n  const context = {\n    props,\n    tableSize,\n    setTableSize,\n    sortKeyColumns,\n    setSortKeyColumns: (keys: string[]) => {\n      sortKeyColumns.value = keys\n    },\n    columnsMap,\n    setColumnsMap,\n    clearPersistenceStorage,\n    defaultColumnKeyMap,\n  }\n\n  provide(ContainerContextKey, context)\n\n  return context\n}\n\nexport const useInjectContainer = () => {\n  return inject(ContainerContextKey, {} as ContainerContextProps)\n}\n"],"names":["_a","columnKeyMap"],"mappings":"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"}

package/es/components/table/src/hooks/useData.d.ts

@@ -0,0 +1,7 @@
+import type { FlatRecord, Key, ProTableProps } from '../components/interface';
+import type { Ref, ShallowRef } from 'vue';
+import type { RangeCell } from './RangeInterface';
+export default function useData(_props: ProTableProps, rowPosition: Ref<number[]>, flattenData: Ref<FlatRecord[]>, startIndex: Ref<number>, endIndex: Ref<number>, draggingRowKey: Ref<Key | null>, useAnimate: Ref<boolean>, getRowFlattenIndexByKey: (key: Key) => number | undefined, latestRangeStartCell: ShallowRef<RangeCell | null>): {
+    data: Ref<any[]>;
+    pos: Ref<number[]>;
+};

package/es/components/table/src/hooks/useData.mjs

@@ -0,0 +1,77 @@
+import { shallowRef, watch } from 'vue';
+import { findIndex } from 'lodash-unified';
+
+function useData(_props, rowPosition, flattenData, startIndex, endIndex, draggingRowKey, useAnimate, getRowFlattenIndexByKey, latestRangeStartCell) {
+  const data = shallowRef([]);
+  const pos = shallowRef([]);
+  let rowKeyIndexMap = {};
+  let exchange = true;
+  watch(
+    [rowPosition, startIndex, endIndex],
+    () => {
+      var _a;
+      if (flattenData.value.length !== rowPosition.value.length) {
+        return;
+      }
+      const newData = [];
+      const newPos = [];
+      const recordPositionArr = [];
+      const newRowKeyIndexMap = {};
+      const lastIndex = Math.min(startIndex.value + 2e3, endIndex.value + 1);
+      const sliceData = ((_a = flattenData.value) == null ? void 0 : _a.slice(startIndex.value, lastIndex)) || [];
+      const sliceRowPosition = rowPosition.value.slice(startIndex.value, lastIndex) || [];
+      const flattenIndex = getRowFlattenIndexByKey(draggingRowKey.value);
+      if (flattenData.value[flattenIndex] && (flattenIndex < startIndex.value || flattenIndex >= lastIndex)) {
+        sliceData.push(flattenData.value[flattenIndex]);
+        sliceRowPosition.push(rowPosition.value[flattenIndex]);
+      }
+      if (latestRangeStartCell.value) {
+        const rowIndex = latestRangeStartCell.value.rowIndex;
+        if (flattenData.value[rowIndex] && (rowIndex < startIndex.value || rowIndex >= lastIndex)) {
+          sliceData.push(flattenData.value[rowIndex]);
+          sliceRowPosition.push(rowPosition.value[rowIndex]);
+        }
+      }
+      sliceData.forEach((record, index) => {
+        const rowKeyIndex = rowKeyIndexMap[record.rowKey];
+        if (rowKeyIndex !== void 0) {
+          newData[rowKeyIndex] = record;
+          newPos[rowKeyIndex] = sliceRowPosition[index];
+          newRowKeyIndexMap[record.rowKey] = rowKeyIndex;
+        } else {
+          recordPositionArr.push([record, sliceRowPosition[index]]);
+        }
+      });
+      const firstRecord = recordPositionArr[0];
+      if (draggingRowKey.value !== void 0 && useAnimate.value && firstRecord) {
+        if (exchange) {
+          recordPositionArr.shift();
+          recordPositionArr.push(firstRecord);
+        }
+        exchange = !exchange;
+      }
+      let formIndex = 0;
+      recordPositionArr.forEach(([record, rowPos]) => {
+        const index = findIndex(newData, (value) => !value, formIndex);
+        if (index !== -1) {
+          formIndex = index;
+          newData[index] = record;
+          newPos[index] = rowPos;
+          newRowKeyIndexMap[record.rowKey] = index;
+        } else {
+          newRowKeyIndexMap[record.rowKey] = newData.length;
+          newData.push(record);
+          newPos.push(rowPos);
+        }
+      });
+      rowKeyIndexMap = newRowKeyIndexMap;
+      data.value = newData;
+      pos.value = newPos;
+    },
+    { immediate: true }
+  );
+  return { data, pos };
+}
+
+export { useData as default };
+//# sourceMappingURL=useData.mjs.map

package/es/components/table/src/hooks/useData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useData.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useData.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 14:00:27\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 10:54:47\n * @Description:\n */\nimport type { FlatRecord, Key, ProTableProps } from '../components/interface'\nimport type { Ref, ShallowRef } from 'vue'\nimport type { RangeCell } from './RangeInterface'\n\nimport { shallowRef, watch } from 'vue'\nimport { findIndex } from '@pro-design-vue/utils'\n\nexport default function useData(\n  _props: ProTableProps,\n  rowPosition: Ref<number[]>,\n  flattenData: Ref<FlatRecord[]>,\n  startIndex: Ref<number>,\n  endIndex: Ref<number>,\n  draggingRowKey: Ref<Key | null>,\n  useAnimate: Ref<boolean>,\n  getRowFlattenIndexByKey: (key: Key) => number | undefined,\n  latestRangeStartCell: ShallowRef<RangeCell | null>,\n): {\n  data: Ref<any[]>\n  pos: Ref<number[]>\n} {\n  const data = shallowRef<any[]>([])\n  const pos = shallowRef<number[]>([])\n  let rowKeyIndexMap: Record<Key, number> = {}\n  let exchange = true\n\n  watch(\n    [rowPosition, startIndex, endIndex],\n    () => {\n      if (flattenData.value.length !== rowPosition.value.length) {\n        return\n      }\n      const newData: any[] = []\n      const newPos: number[] = []\n      const recordPositionArr: [FlatRecord, number][] = []\n      const newRowKeyIndexMap: Record<Key, number> = {}\n      const lastIndex = Math.min(startIndex.value + 2e3, endIndex.value + 1)\n      const sliceData = flattenData.value?.slice(startIndex.value, lastIndex) || []\n      const sliceRowPosition = rowPosition.value.slice(startIndex.value, lastIndex) || []\n      const flattenIndex = getRowFlattenIndexByKey(draggingRowKey.value as Key) as number\n\n      if (\n        flattenData.value[flattenIndex] &&\n        (flattenIndex < startIndex.value || flattenIndex >= lastIndex)\n      ) {\n        sliceData.push(flattenData.value[flattenIndex])\n        sliceRowPosition.push(rowPosition.value[flattenIndex]!)\n      }\n\n      if (latestRangeStartCell.value) {\n        const rowIndex = latestRangeStartCell.value.rowIndex\n        if (flattenData.value[rowIndex] && (rowIndex < startIndex.value || rowIndex >= lastIndex)) {\n          sliceData.push(flattenData.value[rowIndex])\n          sliceRowPosition.push(rowPosition.value[rowIndex]!)\n        }\n      }\n      sliceData.forEach((record, index) => {\n        const rowKeyIndex = rowKeyIndexMap[record.rowKey]\n        if (rowKeyIndex !== undefined) {\n          newData[rowKeyIndex] = record\n          newPos[rowKeyIndex] = sliceRowPosition[index]!\n          newRowKeyIndexMap[record.rowKey] = rowKeyIndex\n        } else {\n          recordPositionArr.push([record, sliceRowPosition[index]!])\n        }\n      })\n\n      const firstRecord = recordPositionArr[0]\n      if (draggingRowKey.value !== undefined && useAnimate.value && firstRecord) {\n        if (exchange) {\n          recordPositionArr.shift()\n          recordPositionArr.push(firstRecord)\n        }\n        exchange = !exchange\n      }\n      let formIndex = 0\n      recordPositionArr.forEach(([record, rowPos]) => {\n        const index = findIndex(newData, (value) => !value, formIndex)\n        if (index !== -1) {\n          formIndex = index\n          newData[index] = record\n          newPos[index] = rowPos\n          newRowKeyIndexMap[record.rowKey] = index\n        } else {\n          newRowKeyIndexMap[record.rowKey] = newData.length\n          newData.push(record)\n          newPos.push(rowPos)\n        }\n      })\n      rowKeyIndexMap = newRowKeyIndexMap\n      data.value = newData\n      pos.value = newPos\n    },\n    { immediate: true },\n  )\n  return { data, pos }\n}\n"],"names":[],"mappings":"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"}

package/es/components/table/src/hooks/useDragSelection.d.ts

@@ -0,0 +1,16 @@
+import type { Ref } from 'vue';
+import type { CustomMouseEvent } from './RangeInterface';
+export declare const isOverFormFieldElement: (mouseEvent: MouseEvent | KeyboardEvent) => boolean;
+export declare const useDragSelection: (params: {
+    bodyElementRef: Ref<HTMLElement | undefined>;
+    rootElementRef: Ref<HTMLElement | undefined>;
+    onDragStart: (event: CustomMouseEvent) => void;
+    onDragging: (event: CustomMouseEvent) => void;
+    onDragStop: () => void;
+    level: number;
+    enableRangeSelection: Ref<boolean>;
+}) => {
+    onBodyMousedown: (e: CustomMouseEvent) => void;
+    onBodyTouchstart: (touchEvent: TouchEvent) => void;
+    getStartTarget: () => EventTarget | null;
+};

package/es/components/table/src/hooks/useDragSelection.mjs

@@ -0,0 +1,167 @@
+import { watch } from 'vue';
+import { DRAG_BUFF } from '../components/Drag/constant.mjs';
+import { eventsClose } from '../utils/util.mjs';
+
+const isOverFormFieldElement = (mouseEvent) => {
+  var _a, _b;
+  const tagName = (_b = (_a = mouseEvent.target) == null ? void 0 : _a.tagName) == null ? void 0 : _b.toLocaleLowerCase();
+  return !!(tagName == null ? void 0 : tagName.match("^a$|textarea|input|select|button"));
+};
+const useDragSelection = (params) => {
+  let dragging = false;
+  let cacheStartTouch = null;
+  let startTarget = null;
+  let cacheTouch;
+  const destroyHandlers = [];
+  const batchEvent = (eventList) => {
+    eventList.forEach((config) => {
+      const { target, type, listener, options } = config;
+      target.addEventListener(type, listener, options);
+    });
+    destroyHandlers.push(() => {
+      eventList.forEach((config) => {
+        const { target, type, listener, options } = config;
+        target.removeEventListener(type, listener, options);
+      });
+    });
+  };
+  const getTouch = (touches) => {
+    for (let i = 0; i < touches.length; i++) {
+      if (touches[i].identifier === (cacheTouch == null ? void 0 : cacheTouch.identifier)) {
+        return touches[i];
+      }
+    }
+    return null;
+  };
+  const handleMouseMoveOrTouchMove = (event, cacheEvent) => {
+    if (!dragging) {
+      if (eventsClose(event, cacheEvent, DRAG_BUFF)) {
+        return;
+      }
+      dragging = true;
+      params.onDragStart(cacheEvent);
+      params.onDragging(cacheEvent);
+    }
+    params.onDragging(event);
+  };
+  const handleMouseUpOrToucheEnd = () => {
+    if (dragging) {
+      dragging = false;
+      params.onDragStop();
+    }
+    cacheStartTouch = null;
+    startTarget = null;
+    cacheTouch = null;
+    destroyHandlers.forEach((fn) => fn());
+    destroyHandlers.length = 0;
+  };
+  const isOverForm = (event) => !isOverFormFieldElement(event);
+  const mouseMoveHandler = (event) => {
+    if (isOverForm(event)) {
+      event.preventDefault();
+    }
+    handleMouseMoveOrTouchMove(event, cacheStartTouch);
+  };
+  const touchMoveHandler = (event) => {
+    getTouch(event.touches) && handleMouseMoveOrTouchMove(event, cacheStartTouch);
+  };
+  const touchEndHandler = (event) => {
+    getTouch(event.changedTouches) && handleMouseUpOrToucheEnd();
+  };
+  const onBodyMousedown = (e) => {
+    var _a, _b;
+    if (params.level !== ((_a = e.cellInfo) == null ? void 0 : _a.level)) return;
+    if (isOverForm(e)) {
+      e.preventDefault();
+    }
+    dragging = false;
+    cacheStartTouch = e;
+    startTarget = (_b = e.cellInfo) == null ? void 0 : _b.cellTarget;
+    params.bodyElementRef.value;
+    batchEvent([
+      {
+        target: document,
+        type: "mousemove",
+        listener: (e2) => mouseMoveHandler(e2)
+      },
+      {
+        target: document,
+        type: "mouseup",
+        listener: () => {
+          handleMouseUpOrToucheEnd();
+        }
+      },
+      {
+        target: document,
+        type: "contextmenu",
+        listener: (e2) => e2.preventDefault()
+      }
+    ]);
+    mouseMoveHandler(e);
+  };
+  let bodyTouchStartHandle;
+  watch(
+    [() => params.bodyElementRef.value, params.enableRangeSelection],
+    ([bodyEl], [oldBodyEl]) => {
+      if (oldBodyEl) {
+        oldBodyEl.removeEventListener("mousedown", onBodyMousedown);
+        if (bodyTouchStartHandle) {
+          oldBodyEl.removeEventListener("touchstart", bodyTouchStartHandle);
+          bodyTouchStartHandle = null;
+          destroyHandlers.forEach((fn) => fn());
+          destroyHandlers.length = 0;
+        }
+      }
+      if (bodyEl && params.enableRangeSelection.value) {
+        bodyEl.addEventListener("mousedown", onBodyMousedown);
+        bodyTouchStartHandle = (e3) => {
+          e3.cancelable && (e3.preventDefault(), e3.stopPropagation());
+        };
+      }
+    }
+  );
+  return {
+    onBodyMousedown,
+    onBodyTouchstart: (touchEvent) => {
+      dragging = false;
+      const touch = touchEvent.touches[0];
+      cacheTouch = touch;
+      params.bodyElementRef.value;
+      const endHandle = (event) => touchEndHandler(event);
+      const target = touchEvent.target;
+      const body = document.body;
+      batchEvent([
+        {
+          target: body,
+          type: "touchmove",
+          listener: (e) => {
+            e.cancelable && e.preventDefault();
+          },
+          options: { passive: false }
+        },
+        {
+          target,
+          type: "touchmove",
+          listener: (e) => touchMoveHandler(e),
+          options: { passive: true }
+        },
+        {
+          target,
+          type: "touchend",
+          listener: endHandle,
+          options: { passive: true }
+        },
+        {
+          target,
+          type: "touchcancel",
+          listener: endHandle,
+          options: { passive: true }
+        }
+      ]);
+    },
+    getStartTarget: () => startTarget
+  };
+};
+
+export { isOverFormFieldElement, useDragSelection };
+//# sourceMappingURL=useDragSelection.mjs.map

package/es/components/table/src/hooks/useDragSelection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragSelection.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useDragSelection.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { CustomMouseEvent } from './RangeInterface'\n\nimport { watch } from 'vue'\nimport { DRAG_BUFF } from '../components/Drag/constant'\nimport { eventsClose } from '../utils/util'\n\nexport const isOverFormFieldElement = (mouseEvent: MouseEvent | KeyboardEvent) => {\n  const tagName = (mouseEvent.target as HTMLElement)?.tagName?.toLocaleLowerCase()\n  return !!tagName?.match('^a$|textarea|input|select|button')\n}\n\nexport const useDragSelection = (params: {\n  bodyElementRef: Ref<HTMLElement | undefined>\n  rootElementRef: Ref<HTMLElement | undefined>\n  onDragStart: (event: CustomMouseEvent) => void\n  onDragging: (event: CustomMouseEvent) => void\n  onDragStop: () => void\n  level: number\n  enableRangeSelection: Ref<boolean>\n}) => {\n  let dragging = false\n  let cacheStartTouch: any = null\n  let startTarget: EventTarget | null = null\n  let cacheTouch: TouchList[number] | null | undefined\n  const destroyHandlers: Array<() => void> = []\n  const batchEvent = (eventList: any[]) => {\n    eventList.forEach((config: any) => {\n      const { target, type, listener, options } = config\n      target.addEventListener(type, listener, options)\n    })\n    destroyHandlers.push(() => {\n      eventList.forEach((config: any) => {\n        const { target, type, listener, options } = config\n        target.removeEventListener(type, listener, options)\n      })\n    })\n  }\n\n  const getTouch = (touches: TouchList) => {\n    for (let i = 0; i < touches.length; i++) {\n      if (touches[i]!.identifier === cacheTouch?.identifier) {\n        return touches[i]\n      }\n    }\n    return null\n  }\n\n  const handleMouseMoveOrTouchMove = (\n    event: CustomMouseEvent | TouchEvent,\n    cacheEvent: CustomMouseEvent | TouchEvent,\n  ) => {\n    if (!dragging) {\n      if (eventsClose(event as any, cacheEvent as any, DRAG_BUFF)) {\n        return\n      }\n      dragging = true\n      params.onDragStart(cacheEvent as CustomMouseEvent)\n      params.onDragging(cacheEvent as CustomMouseEvent)\n    }\n    params.onDragging(event as CustomMouseEvent)\n  }\n  const handleMouseUpOrToucheEnd = () => {\n    if (dragging) {\n      dragging = false\n      params.onDragStop()\n    }\n    cacheStartTouch = null\n    startTarget = null\n    cacheTouch = null\n    destroyHandlers.forEach((fn) => fn())\n    destroyHandlers.length = 0\n  }\n  const isOverForm = (event: CustomMouseEvent) => !isOverFormFieldElement(event)\n  const mouseMoveHandler = (event: CustomMouseEvent) => {\n    if (isOverForm(event)) {\n      event.preventDefault()\n    }\n    handleMouseMoveOrTouchMove(event, cacheStartTouch)\n  }\n  const touchMoveHandler = (event: TouchEvent) => {\n    getTouch(event.touches) && handleMouseMoveOrTouchMove(event, cacheStartTouch)\n  }\n  const touchEndHandler = (event: TouchEvent) => {\n    getTouch(event.changedTouches) && handleMouseUpOrToucheEnd()\n  }\n\n  const onBodyMousedown = (e: CustomMouseEvent) => {\n    if (params.level !== e.cellInfo?.level) return\n    if (isOverForm(e)) {\n      e.preventDefault()\n    }\n    dragging = false\n    cacheStartTouch = e\n    startTarget = e.cellInfo?.cellTarget\n    params.bodyElementRef.value\n    batchEvent([\n      {\n        target: document,\n        type: 'mousemove',\n        listener: (e: CustomMouseEvent) => mouseMoveHandler(e),\n      },\n      {\n        target: document,\n        type: 'mouseup',\n        listener: () => {\n          handleMouseUpOrToucheEnd()\n        },\n      },\n      {\n        target: document,\n        type: 'contextmenu',\n        listener: (e: CustomMouseEvent) => e.preventDefault(),\n      },\n    ])\n    mouseMoveHandler(e)\n  }\n  let bodyTouchStartHandle\n  watch(\n    [() => params.bodyElementRef.value, params.enableRangeSelection],\n    ([bodyEl], [oldBodyEl]) => {\n      if (oldBodyEl) {\n        oldBodyEl.removeEventListener('mousedown', onBodyMousedown as any)\n        if (bodyTouchStartHandle) {\n          oldBodyEl.removeEventListener('touchstart', bodyTouchStartHandle)\n          bodyTouchStartHandle = null\n          destroyHandlers.forEach((fn) => fn())\n          destroyHandlers.length = 0\n        }\n      }\n      if (bodyEl && params.enableRangeSelection.value) {\n        bodyEl.addEventListener('mousedown', onBodyMousedown as any)\n        bodyTouchStartHandle = (e3) => {\n          e3.cancelable && (e3.preventDefault(), e3.stopPropagation())\n        }\n      }\n    },\n  )\n  return {\n    onBodyMousedown,\n    onBodyTouchstart: (touchEvent: TouchEvent) => {\n      dragging = false\n      const touch = touchEvent.touches[0]\n      cacheTouch = touch\n      params.bodyElementRef.value\n      const endHandle = (event: TouchEvent) => touchEndHandler(event)\n      const target = touchEvent.target\n      const body = document.body\n      batchEvent([\n        {\n          target: body,\n          type: 'touchmove',\n          listener: (e: TouchEvent) => {\n            e.cancelable && e.preventDefault()\n          },\n          options: { passive: false },\n        },\n        {\n          target,\n          type: 'touchmove',\n          listener: (e: TouchEvent) => touchMoveHandler(e),\n          options: { passive: true },\n        },\n        {\n          target,\n          type: 'touchend',\n          listener: endHandle,\n          options: { passive: true },\n        },\n        {\n          target,\n          type: 'touchcancel',\n          listener: endHandle,\n          options: { passive: true },\n        },\n      ])\n    },\n    getStartTarget: () => startTarget,\n  }\n}\n"],"names":["e"],"mappings":"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"}

package/es/components/table/src/hooks/useEdit.d.ts

@@ -0,0 +1,14 @@
+import type { Ref, ShallowRef } from 'vue';
+type EditProps = {
+    editCellKeys: Ref<string[]>;
+    openEditor: (key: string | string[], values?: Record<string, any>) => void;
+    closeEditor: (key?: string | string[]) => void;
+    oldValuesMap: ShallowRef<Record<string, any>>;
+};
+export declare const useEditProvider: () => {
+    editCellKeys: ShallowRef<string[], string[]>;
+    openEditor: (key: string | string[], values?: Record<string, any>) => void;
+    closeEditor: (key?: string | string[]) => void;
+};
+export declare const useEditInject: () => EditProps;
+export {};

package/es/components/table/src/hooks/useEdit.mjs

@@ -0,0 +1,53 @@
+import { inject, shallowRef, ref, provide } from 'vue';
+
+const EditKey = Symbol("edit");
+const useEditProvider = () => {
+  const editCellKeys = shallowRef([]);
+  const oldValuesMap = shallowRef({});
+  const openEditor = (key, values) => {
+    if (key) {
+      if (Array.isArray(key)) {
+        editCellKeys.value = key;
+      } else {
+        editCellKeys.value.includes(key) || (editCellKeys.value = [key]);
+      }
+      Object.assign(oldValuesMap.value, values || {});
+    }
+  };
+  const closeEditor = (key) => {
+    if (typeof key === "undefined") {
+      editCellKeys.value = [];
+      oldValuesMap.value = {};
+      return;
+    }
+    const keys = Array.isArray(key) ? key : [key];
+    editCellKeys.value = editCellKeys.value.filter((key2) => !keys.includes(key2));
+    keys.forEach((key2) => {
+      delete oldValuesMap.value[key2];
+    });
+  };
+  provide(EditKey, {
+    editCellKeys,
+    openEditor,
+    closeEditor,
+    oldValuesMap
+  });
+  return {
+    editCellKeys,
+    openEditor,
+    closeEditor
+  };
+};
+const useEditInject = () => {
+  return inject(EditKey, {
+    editCellKeys: ref([]),
+    openEditor: () => {
+    },
+    closeEditor: () => {
+    },
+    oldValuesMap: shallowRef({})
+  });
+};
+
+export { useEditInject, useEditProvider };
+//# sourceMappingURL=useEdit.mjs.map

package/es/components/table/src/hooks/useEdit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEdit.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useEdit.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-03 11:03:37\n * @LastEditors: shen\n * @LastEditTime: 2023-12-29 10:38:16\n * @Description:\n */\nimport { shallowRef, provide, inject, ref } from 'vue'\nimport type { Ref, ShallowRef, InjectionKey } from 'vue'\n\ntype EditProps = {\n  editCellKeys: Ref<string[]>\n  openEditor: (key: string | string[], values?: Record<string, any>) => void\n  closeEditor: (key?: string | string[]) => void\n  oldValuesMap: ShallowRef<Record<string, any>>\n}\n\nconst EditKey: InjectionKey<EditProps> = Symbol('edit')\n\nexport const useEditProvider = () => {\n  const editCellKeys = shallowRef<string[]>([])\n  const oldValuesMap = shallowRef({})\n  const openEditor = (key: string | string[], values?: Record<string, any>) => {\n    if (key) {\n      if (Array.isArray(key)) {\n        editCellKeys.value = key\n      } else {\n        editCellKeys.value.includes(key) || (editCellKeys.value = [key])\n      }\n      Object.assign(oldValuesMap.value, values || {})\n    }\n  }\n  const closeEditor = (key?: string | string[]) => {\n    if (typeof key === 'undefined') {\n      editCellKeys.value = []\n      oldValuesMap.value = {}\n      return\n    }\n    const keys = Array.isArray(key) ? key : [key]\n    editCellKeys.value = editCellKeys.value.filter((key) => !keys.includes(key))\n    keys.forEach((key) => {\n      delete oldValuesMap.value[key]\n    })\n  }\n  provide(EditKey, {\n    editCellKeys,\n    openEditor,\n    closeEditor,\n    oldValuesMap,\n  })\n  return {\n    editCellKeys,\n    openEditor,\n    closeEditor,\n  }\n}\nexport const useEditInject = () => {\n  return inject(EditKey, {\n    editCellKeys: ref([]),\n    openEditor: () => {},\n    closeEditor: () => {},\n    oldValuesMap: shallowRef({}),\n  })\n}\n"],"names":["key"],"mappings":";;AAiBA,MAAM,OAAA,GAAmC,OAAO,MAAM,CAAA;AAE/C,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,YAAA,GAAe,UAAA,CAAqB,EAAE,CAAA;AAC5C,EAAA,MAAM,YAAA,GAAe,UAAA,CAAW,EAAE,CAAA;AAClC,EAAA,MAAM,UAAA,GAAa,CAAC,GAAA,EAAwB,MAAA,KAAiC;AAC3E,IAAA,IAAI,GAAA,EAAK;AACP,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACtB,QAAA,YAAA,CAAa,KAAA,GAAQ,GAAA;AAAA,MACvB,CAAA,MAAO;AACL,QAAA,YAAA,CAAa,MAAM,QAAA,CAAS,GAAG,MAAM,YAAA,CAAa,KAAA,GAAQ,CAAC,GAAG,CAAA,CAAA;AAAA,MAChE;AACA,MAAA,MAAA,CAAO,MAAA,CAAO,YAAA,CAAa,KAAA,EAAO,MAAA,IAAU,EAAE,CAAA;AAAA,IAChD;AAAA,EACF,CAAA;AACA,EAAA,MAAM,WAAA,GAAc,CAAC,GAAA,KAA4B;AAC/C,IAAA,IAAI,OAAO,QAAQ,WAAA,EAAa;AAC9B,MAAA,YAAA,CAAa,QAAQ,EAAC;AACtB,MAAA,YAAA,CAAa,QAAQ,EAAC;AACtB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,OAAO,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,GAAI,GAAA,GAAM,CAAC,GAAG,CAAA;AAC5C,IAAA,YAAA,CAAa,KAAA,GAAQ,YAAA,CAAa,KAAA,CAAM,MAAA,CAAO,CAACA,SAAQ,CAAC,IAAA,CAAK,QAAA,CAASA,IAAG,CAAC,CAAA;AAC3E,IAAA,IAAA,CAAK,OAAA,CAAQ,CAACA,IAAAA,KAAQ;AACpB,MAAA,OAAO,YAAA,CAAa,MAAMA,IAAG,CAAA;AAAA,IAC/B,CAAC,CAAA;AAAA,EACH,CAAA;AACA,EAAA,OAAA,CAAQ,OAAA,EAAS;AAAA,IACf,YAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF;AACO,MAAM,gBAAgB,MAAM;AACjC,EAAA,OAAO,OAAO,OAAA,EAAS;AAAA,IACrB,YAAA,EAAc,GAAA,CAAI,EAAE,CAAA;AAAA,IACpB,YAAY,MAAM;AAAA,IAAC,CAAA;AAAA,IACnB,aAAa,MAAM;AAAA,IAAC,CAAA;AAAA,IACpB,YAAA,EAAc,UAAA,CAAW,EAAE;AAAA,GAC5B,CAAA;AACH;;;;"}

package/es/components/table/src/hooks/useFetchData.d.ts

@@ -0,0 +1,24 @@
+import type { SpinProps } from 'ant-design-vue/es/spin';
+import type { ComputedRef, Ref } from 'vue';
+import type { RequestData, ProTableProps, SorterResult } from '../components/interface';
+export type PageInfo = {
+    pageSize: number;
+    total: number;
+    current: number;
+};
+export type UseFetchDataAction<T = any> = {
+    dataSource: Ref<T[]>;
+    keyword: Ref<string>;
+    formSearch: Ref<Record<string, any> | undefined>;
+    loading: ComputedRef<boolean | SpinProps | undefined>;
+    setParams: (key: string, value: any) => void;
+    reload: (resetPageIndex?: boolean) => Promise<void>;
+    fullScreen?: () => void;
+    reset: () => void;
+    pollingLoading: Ref<boolean>;
+    pagination: Ref<PageInfo>;
+    setFormSearch: (val: Record<string, any> | undefined) => void;
+    setPagination: (val: PageInfo) => void;
+    onTableChange: ProTableProps['onChange'];
+};
+export declare const useFetchData: (getData: ComputedRef<((params?: Record<string, any>, sorters?: SorterResult<any>[], filter?: Record<string, (string | number)[] | null>) => Promise<RequestData>) | undefined>, props: ProTableProps) => UseFetchDataAction;