pro-design-vue 0.0.1-beta.1

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

@@ -0,0 +1,389 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var useIntl = require('../../../config-provider/src/useIntl.js');
+var index = require('../../../../hooks/use-merged-state/index.js');
+var runFunction = require('../../../../utils/run-function.js');
+
+const mergePropsAndPagination = ({ pagination }, intl) => {
+  if (pagination) {
+    const { current, pageSize, total, showTotal, showSizeChanger } = pagination;
+    return {
+      current: current || 1,
+      total: total || 0,
+      pageSize: pageSize || 10,
+      showSizeChanger: showSizeChanger != null ? showSizeChanger : true,
+      showTotal: showTotal || ((total2, range) => `${intl.getMessage("pagination.total.range", "\u7B2C")} ${range[0]}-${range[1]} ${intl.getMessage(
+        "pagination.total.total",
+        "\u6761/\u603B\u5171"
+      )} ${total2} ${intl.getMessage("pagination.total.item", "\u6761")}`)
+    };
+  }
+  return {
+    current: 1,
+    total: 0,
+    pageSize: 10,
+    showSizeChanger: true,
+    showTotal: (total, range) => `${intl.getMessage("pagination.total.range", "\u7B2C")} ${range[0]}-${range[1]} ${intl.getMessage(
+      "pagination.total.total",
+      "\u6761/\u603B\u5171"
+    )} ${total} ${intl.getMessage("pagination.total.item", "\u6761")}`
+  };
+};
+const formatSorters = (sorter) => {
+  if (!sorter) {
+    return;
+  }
+  let result;
+  if (!Array.isArray(sorter)) {
+    result = [{ ...sorter }];
+  } else {
+    result = [...sorter];
+  }
+  result = result.filter((sort) => !!sort.order);
+  if (!result.length) {
+    return;
+  }
+  if (result.length > 1) {
+    result = result.sort(
+      (a, b) => {
+        var _a, _b, _c, _d;
+        return (((_b = (_a = b.column) == null ? void 0 : _a.sorter) == null ? void 0 : _b.multiple) || 0) - (((_d = (_c = a.column) == null ? void 0 : _c.sorter) == null ? void 0 : _d.multiple) || 0);
+      }
+    );
+  }
+  return result.map((item) => {
+    var _a;
+    return {
+      field: item.field,
+      order: (_a = item.order) == null ? void 0 : _a.toUpperCase()
+    };
+  });
+};
+const useFetchData = (getData, props) => {
+  var _a;
+  const umountRef = vue.ref(false);
+  const abortRef = vue.ref(null);
+  const manualRequestRef = vue.ref(!!props.manual);
+  const pollingSetTimeRef = vue.ref();
+  const pollingLoading = vue.ref(false);
+  const keyword = vue.ref("");
+  const intl = useIntl.useIntl();
+  const innerParams = vue.ref({});
+  const sorters = vue.ref();
+  const filter = vue.ref();
+  const keywordName = vue.computed(() => {
+    if (props.options !== false && props.options.search !== false) {
+      return props.options.search === true || !props.options.search.name ? void 0 : props.options.search.name;
+    }
+    return void 0;
+  });
+  const [tableLoading, setTableLoading] = index.useMergedState(false, {
+    value: vue.computed(() => {
+      return typeof props.loading === "object" ? props.loading.spinning : props.loading;
+    }),
+    onChange: props.onLoadingChange
+  });
+  const [tableDataList, setTableDataList] = index.useMergedState(
+    (_a = props.defaultData) != null ? _a : [],
+    {
+      value: vue.computed(() => {
+        return props.request ? void 0 : props.dataSource;
+      })
+      // onChange(value) {
+      // 	if (!props.request) {
+      // 		props['onUpdate:dataSource']?.(value ?? [])
+      // 	}
+      // }
+    }
+  );
+  const [pagination, setPagination] = index.useMergedState(
+    () => mergePropsAndPagination(props, intl),
+    {
+      onChange(value) {
+        var _a2, _b, _c;
+        if (props.pagination !== false) {
+          (_a2 = props["onUpdate:pagination"]) == null ? void 0 : _a2.call(
+            props,
+            vue.isReactive(props.pagination) ? Object.assign(props.pagination || {}, value) : value
+          );
+          (_c = (_b = props.pagination) == null ? void 0 : _b.onChange) == null ? void 0 : _c.call(_b, value.current, value == null ? void 0 : value.pageSize);
+        }
+      }
+    }
+  );
+  const [formSearch, setFormSearch] = index.useMergedState(() => {
+    if (manualRequestRef.value || props.search !== false) {
+      return void 0;
+    }
+    return {};
+  });
+  const prePage = core.usePrevious(vue.computed(() => {
+    var _a2;
+    return (_a2 = pagination.value) == null ? void 0 : _a2.current;
+  }));
+  const prePageSize = core.usePrevious(vue.computed(() => {
+    var _a2;
+    return (_a2 = pagination.value) == null ? void 0 : _a2.pageSize;
+  }));
+  const requestFinally = () => {
+    setTableLoading(false);
+    pollingLoading.value = false;
+  };
+  const fetchList = async (isPolling) => {
+    var _a2, _b, _c, _d;
+    if (manualRequestRef.value) {
+      manualRequestRef.value = false;
+      return;
+    }
+    if (!isPolling) {
+      setTableLoading(true);
+    } else {
+      pollingLoading.value = true;
+    }
+    const { current, pageSize } = pagination.value;
+    const params = { ...innerParams.value, ...formSearch.value };
+    if ((props == null ? void 0 : props.pagination) !== false) {
+      params.current = current;
+      params.pageSize = pageSize;
+    }
+    if (keyword.value) {
+      params[(_a2 = keywordName.value) != null ? _a2 : "keyword"] = keyword.value;
+    }
+    try {
+      const {
+        data = [],
+        success,
+        total = 0,
+        ...rest
+      } = await ((_b = getData.value) == null ? void 0 : _b.call(getData, params, vue.toRaw(sorters.value), vue.toRaw(filter.value))) || {};
+      if (success === false) return [];
+      setTableDataList(data);
+      if (((_c = pagination.value) == null ? void 0 : _c.total) !== total) {
+        pagination.value.total = total || data.length;
+      }
+      (_d = props.onLoad) == null ? void 0 : _d.call(props, data, rest);
+      return data;
+    } catch (e) {
+      if (props.onRequestError === void 0) throw new Error(e);
+      if (tableDataList.value === void 0) setTableDataList([]);
+      props.onRequestError(e);
+    } finally {
+      requestFinally();
+    }
+  };
+  const fetchListDebounce = core.useDebounceFn(async (isPolling) => {
+    if (pollingSetTimeRef.value) {
+      clearTimeout(pollingSetTimeRef.value);
+    }
+    if (!getData) {
+      return;
+    }
+    const abort = new AbortController();
+    abortRef.value = abort;
+    try {
+      const msg = await Promise.race([
+        fetchList(isPolling),
+        new Promise((_, reject) => {
+          var _a2;
+          (_a2 = abortRef.value) == null ? void 0 : _a2.signal.addEventListener("abort", () => {
+            reject("aborted");
+            requestFinally();
+          });
+        })
+      ]);
+      if (abort.signal.aborted) return;
+      const needPolling = runFunction.runFunction(props.polling, msg);
+      if (needPolling && !umountRef.value) {
+        pollingSetTimeRef.value = setTimeout(
+          () => {
+            fetchListDebounce(needPolling);
+          },
+          Math.max(needPolling, 2e3)
+        );
+      }
+    } catch (error) {
+      if (error === "aborted") {
+        return;
+      }
+      throw error;
+    }
+  }, props.debounceTime || 30);
+  const abortFetch = () => {
+    var _a2;
+    (_a2 = abortRef.value) == null ? void 0 : _a2.abort();
+    requestFinally();
+  };
+  vue.watch(
+    () => props.polling,
+    (newPolling, prePolling) => {
+      if (!newPolling) {
+        clearTimeout(pollingSetTimeRef.value);
+      }
+      if (!prePolling && newPolling) {
+        fetchListDebounce(true);
+      }
+    }
+  );
+  vue.watch(
+    () => props.manual,
+    () => {
+      abortFetch();
+      fetchListDebounce(false);
+      if (!props.manual) {
+        manualRequestRef.value = false;
+      }
+    }
+  );
+  vue.watch(
+    () => pagination.value.current,
+    () => {
+      var _a2;
+      const { current, pageSize } = pagination.value || {};
+      if ((!prePage || prePage.value === current) && (!prePageSize || prePageSize.value === pageSize)) {
+        return;
+      }
+      if (props.pagination && tableDataList.value && ((_a2 = tableDataList.value) == null ? void 0 : _a2.length) > pageSize || 0) {
+        return;
+      }
+      if (current !== void 0 && tableDataList.value && tableDataList.value.length <= pageSize) {
+        abortFetch();
+        fetchListDebounce(false);
+      }
+    }
+  );
+  vue.watch(
+    () => pagination.value.pageSize,
+    () => {
+      if (!prePageSize.value) {
+        return;
+      }
+      abortFetch();
+      fetchListDebounce(false);
+    }
+  );
+  vue.watch(sorters, () => {
+    setPagination({
+      ...pagination.value,
+      current: 1
+    });
+    abortFetch();
+    fetchListDebounce(false);
+  });
+  vue.watch(filter, () => {
+    setPagination({
+      ...pagination.value,
+      current: 1
+    });
+    abortFetch();
+    fetchListDebounce(false);
+  });
+  vue.watch(
+    () => props.params,
+    () => {
+      setPagination({
+        ...pagination.value,
+        current: 1
+      });
+      abortFetch();
+      fetchListDebounce(false);
+    },
+    {
+      deep: true
+    }
+  );
+  vue.watch(
+    innerParams,
+    () => {
+      setPagination({
+        ...pagination.value,
+        current: 1
+      });
+      abortFetch();
+      fetchListDebounce(false);
+    },
+    {
+      deep: true
+    }
+  );
+  vue.watch(formSearch, () => {
+    setPagination({
+      ...pagination.value,
+      current: 1
+    });
+    abortFetch();
+    fetchListDebounce(false);
+  });
+  const onTableChange = (pageInfo, filt, sort, extra) => {
+    var _a2;
+    if (extra.action === "paginate") {
+      setPagination({ ...pagination.value, ...pageInfo });
+    }
+    if (extra.action === "sort") {
+      sorters.value = formatSorters(sort);
+    }
+    if (extra.action === "filter") {
+      filter.value = filt;
+    }
+    (_a2 = props.onChange) == null ? void 0 : _a2.call(props, pageInfo, filt, sort, extra);
+  };
+  vue.onMounted(() => {
+    umountRef.value = false;
+    if (props.search === false) {
+      fetchListDebounce(false);
+    }
+  });
+  vue.onActivated(() => {
+    if (props.polling) {
+      fetchListDebounce(true);
+    }
+  });
+  vue.onUnmounted(() => {
+    umountRef.value = true;
+    abortFetch();
+    clearTimeout(pollingSetTimeRef.value);
+  });
+  vue.onDeactivated(() => {
+    clearTimeout(pollingSetTimeRef.value);
+  });
+  return {
+    keyword,
+    formSearch,
+    dataSource: tableDataList,
+    loading: vue.computed(
+      () => typeof (props == null ? void 0 : props.loading) === "object" ? { ...props == null ? void 0 : props.loading, spinning: tableLoading.value } : tableLoading.value
+    ),
+    setParams: (key, value) => {
+      innerParams.value[key] = value;
+    },
+    reload: async (resetPageIndex) => {
+      if (resetPageIndex) {
+        setPagination({
+          ...pagination.value,
+          current: 1
+        });
+      }
+      abortFetch();
+      return fetchListDebounce(false);
+    },
+    pollingLoading,
+    pagination,
+    reset: async () => {
+      const { pagination: optionPageInfo } = props || {};
+      const { current = 1, pageSize = 10 } = optionPageInfo || {};
+      const initialPageInfo = {
+        current,
+        total: 0,
+        pageSize
+      };
+      setPagination(initialPageInfo);
+    },
+    setPagination,
+    setFormSearch,
+    onTableChange
+  };
+};
+
+exports.useFetchData = useFetchData;
+//# sourceMappingURL=useFetchData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchData.js","sources":["../../../../../../../packages/components/table/src/hooks/useFetchData.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-12 12:24:29\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:40:03\n * @Description:\n */\nimport type { SpinProps } from 'ant-design-vue/es/spin'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { RequestData, ProTableProps, SorterResult } from '../components/interface'\nimport type { IntlType } from '@pro-design-vue/components/config-provider'\n\nimport {\n  ref,\n  computed,\n  watch,\n  onUnmounted,\n  onMounted,\n  isReactive,\n  toRaw,\n  onDeactivated,\n  onActivated,\n} from 'vue'\nimport { useDebounceFn, usePrevious } from '@vueuse/core'\nimport { useMergedState } from '@pro-design-vue/hooks'\nimport { runFunction } from '@pro-design-vue/utils'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nexport type PageInfo = {\n  pageSize: number\n  total: number\n  current: number\n}\n\nexport type UseFetchDataAction<T = any> = {\n  dataSource: Ref<T[]>\n  keyword: Ref<string>\n  formSearch: Ref<Record<string, any> | undefined>\n  loading: ComputedRef<boolean | SpinProps | undefined>\n  setParams: (key: string, value: any) => void\n  reload: (resetPageIndex?: boolean) => Promise<void>\n  fullScreen?: () => void\n  reset: () => void\n  pollingLoading: Ref<boolean>\n  pagination: Ref<PageInfo>\n  setFormSearch: (val: Record<string, any> | undefined) => void\n  setPagination: (val: PageInfo) => void\n  onTableChange: ProTableProps['onChange']\n}\n\n/**\n * 组合用户的配置和默认值\n *\n * @param param0\n */\nconst mergePropsAndPagination = ({ pagination }: ProTableProps, intl: IntlType) => {\n  if (pagination) {\n    const { current, pageSize, total, showTotal, showSizeChanger } = pagination\n    return {\n      current: current || 1,\n      total: total || 0,\n      pageSize: pageSize || 10,\n      showSizeChanger: showSizeChanger ?? true,\n      showTotal:\n        showTotal ||\n        ((total: number, range: number[]) =>\n          `${intl.getMessage('pagination.total.range', '第')} ${range[0]}-${range[1]} ${intl.getMessage(\n            'pagination.total.total',\n            '条/总共',\n          )} ${total} ${intl.getMessage('pagination.total.item', '条')}`),\n    }\n  }\n  return {\n    current: 1,\n    total: 0,\n    pageSize: 10,\n    showSizeChanger: true,\n    showTotal: (total: number, range: number[]) =>\n      `${intl.getMessage('pagination.total.range', '第')} ${range[0]}-${range[1]} ${intl.getMessage(\n        'pagination.total.total',\n        '条/总共',\n      )} ${total} ${intl.getMessage('pagination.total.item', '条')}`,\n  }\n}\n\nconst formatSorters = (\n  sorter: SorterResult<any> | SorterResult<any>[],\n): SorterResult<any>[] | undefined => {\n  if (!sorter) {\n    return\n  }\n  let result: SorterResult<any>[]\n  if (!Array.isArray(sorter)) {\n    result = [{ ...sorter }]\n  } else {\n    result = [...sorter]\n  }\n  result = result.filter((sort) => !!sort.order)\n  if (!result.length) {\n    return\n  }\n  if (result.length > 1) {\n    result = result.sort(\n      (a, b) =>\n        ((b.column?.sorter as any)?.multiple || 0) - ((a.column?.sorter as any)?.multiple || 0),\n    )\n  }\n  return result.map((item) => ({\n    field: item.field,\n    order: item.order?.toUpperCase(),\n  })) as SorterResult<any>[]\n}\n\nexport const useFetchData = (\n  getData: ComputedRef<\n    | ((\n        params?: Record<string, any>,\n        sorters?: SorterResult<any>[],\n        filter?: Record<string, (string | number)[] | null>,\n      ) => Promise<RequestData>)\n    | undefined\n  >,\n  props: ProTableProps,\n): UseFetchDataAction => {\n  /**\n   * 用于保存组件是否被卸载的状态的引用\n   */\n  const umountRef = ref<boolean>(false)\n  /**\n   * 用于保存 AbortController 实例的引用，方便需要时进行请求的取消操作\n   */\n  const abortRef = ref<AbortController | null>(null)\n  /** 是否首次加载的指示器 */\n  const manualRequestRef = ref<boolean>(!!props.manual)\n  /** 轮询的setTime ID 存储 */\n  const pollingSetTimeRef = ref<any>()\n  const pollingLoading = ref<boolean>(false)\n  const keyword = ref<string>('')\n  const intl = useIntl()\n  const innerParams = ref<Record<string, any>>({})\n  const sorters = ref<SorterResult<any>[]>()\n  const filter = ref<Record<string, any>>()\n  const keywordName = computed(() => {\n    if (props.options !== false && props.options!.search !== false) {\n      return props.options!.search === true || !props.options!.search!.name\n        ? undefined\n        : props.options!.search!.name!\n    }\n    return undefined\n  })\n  const [tableLoading, setTableLoading] = useMergedState(false, {\n    value: computed(() => {\n      return typeof props.loading === 'object' ? props.loading.spinning : props.loading\n    }),\n    onChange: props.onLoadingChange,\n  })\n\n  const [tableDataList, setTableDataList] = useMergedState<any[] | undefined>(\n    props.defaultData ?? [],\n    {\n      value: computed(() => {\n        return props.request ? undefined : props.dataSource\n      }),\n      // onChange(value) {\n      // \tif (!props.request) {\n      // \t\tprops['onUpdate:dataSource']?.(value ?? [])\n      // \t}\n      // }\n    },\n  )\n\n  const [pagination, setPagination] = useMergedState<PageInfo>(\n    () => mergePropsAndPagination(props, intl),\n    {\n      onChange(value) {\n        if (props.pagination !== false) {\n          props['onUpdate:pagination']?.(\n            isReactive(props.pagination) ? Object.assign(props.pagination || {}, value) : value,\n          )\n          props.pagination?.onChange?.(value.current, value?.pageSize)\n        }\n      },\n    },\n  )\n\n  const [formSearch, setFormSearch] = useMergedState<Record<string, any> | undefined>(() => {\n    // 如果手动模式，或者 search 不存在的时候设置为 undefined\n    // undefined 就不会触发首次加载\n    if (manualRequestRef.value || props.search !== false) {\n      return undefined\n    }\n    return {}\n  })\n\n  const prePage = usePrevious(computed(() => pagination.value?.current))\n  const prePageSize = usePrevious(computed(() => pagination.value?.pageSize))\n\n  const requestFinally = () => {\n    setTableLoading(false)\n    pollingLoading.value = false\n  }\n\n  const fetchList = async (isPolling: boolean) => {\n    // 需要手动触发的首次请求\n    if (manualRequestRef.value) {\n      manualRequestRef.value = false\n      return\n    }\n\n    if (!isPolling) {\n      setTableLoading(true)\n    } else {\n      pollingLoading.value = true\n    }\n\n    const { current, pageSize } = pagination.value\n    const params: Record<string, any> = { ...innerParams.value, ...formSearch.value }\n    if (props?.pagination !== false) {\n      params.current = current\n      params.pageSize = pageSize\n    }\n    if (keyword.value) {\n      params[keywordName.value ?? 'keyword'] = keyword.value\n    }\n    try {\n      const {\n        data = [],\n        success,\n        total = 0,\n        ...rest\n      } = (await getData.value?.(params, toRaw(sorters.value), toRaw(filter.value))) || {}\n      // 如果失败了，直接返回，不走剩下的逻辑了\n      if (success === false) return []\n      setTableDataList(data)\n      if (pagination.value?.total !== total) {\n        pagination.value.total = total || data.length\n        // setPagination({\n        // \t...pagination.value,\n        // \ttotal: total || data.length\n        // })\n      }\n      props.onLoad?.(data, rest)\n      return data\n    } catch (e) {\n      if (props.onRequestError === undefined) throw new Error(e as string)\n      if (tableDataList.value === undefined) setTableDataList([])\n      props.onRequestError(e as Error)\n    } finally {\n      requestFinally()\n    }\n  }\n\n  const fetchListDebounce = useDebounceFn(async (isPolling: boolean) => {\n    if (pollingSetTimeRef.value) {\n      clearTimeout(pollingSetTimeRef.value)\n    }\n    if (!getData) {\n      return\n    }\n    const abort = new AbortController()\n    abortRef.value = abort\n\n    try {\n      const msg = (await Promise.race([\n        fetchList(isPolling),\n        new Promise((_, reject) => {\n          abortRef.value?.signal.addEventListener('abort', () => {\n            reject('aborted')\n            requestFinally()\n          })\n        }),\n      ])) as any[]\n\n      if (abort.signal.aborted) return\n      // 放到请求前面会导致数据是上一次的\n      const needPolling = runFunction(props.polling, msg)\n\n      if (needPolling && !umountRef.value) {\n        pollingSetTimeRef.value = setTimeout(\n          () => {\n            fetchListDebounce(needPolling)\n            // 这里判断最小要2000ms，不然一直loading\n          },\n          Math.max(needPolling, 2000),\n        )\n      }\n    } catch (error) {\n      if (error === 'aborted') {\n        return\n      }\n      throw error\n    }\n  }, props.debounceTime || 30)\n\n  const abortFetch = () => {\n    abortRef.value?.abort()\n    requestFinally()\n  }\n\n  watch(\n    () => props.polling,\n    (newPolling, prePolling) => {\n      if (!newPolling) {\n        clearTimeout(pollingSetTimeRef.value)\n      }\n      if (!prePolling && newPolling) {\n        fetchListDebounce(true)\n      }\n    },\n  )\n\n  watch(\n    () => props.manual,\n    () => {\n      abortFetch()\n      fetchListDebounce(false)\n      if (!props.manual) {\n        // 如果 manual 标志未设置，则将 manualRequestRef 设置为 false。\n        // 用于跟踪当前的请求是否是手动发起的。\n        manualRequestRef.value = false\n      }\n    },\n  )\n\n  watch(\n    () => pagination.value.current,\n    () => {\n      const { current, pageSize } = pagination.value || {}\n      if (\n        (!prePage || prePage.value === current) &&\n        (!prePageSize || prePageSize.value === pageSize)\n      ) {\n        return\n      }\n\n      if (\n        (props.pagination && tableDataList.value && tableDataList.value?.length > pageSize) ||\n        0\n      ) {\n        return\n      }\n\n      if (current !== undefined && tableDataList.value && tableDataList.value.length <= pageSize) {\n        abortFetch()\n        fetchListDebounce(false)\n      }\n    },\n  )\n\n  watch(\n    () => pagination.value.pageSize,\n    () => {\n      if (!prePageSize.value) {\n        return\n      }\n      abortFetch()\n      fetchListDebounce(false)\n    },\n  )\n\n  watch(sorters, () => {\n    setPagination({\n      ...pagination.value,\n      current: 1,\n    })\n    abortFetch()\n    fetchListDebounce(false)\n  })\n\n  watch(filter, () => {\n    setPagination({\n      ...pagination.value,\n      current: 1,\n    })\n    abortFetch()\n    fetchListDebounce(false)\n  })\n\n  watch(\n    () => props.params,\n    () => {\n      setPagination({\n        ...pagination.value,\n        current: 1,\n      })\n      abortFetch()\n      fetchListDebounce(false)\n    },\n    {\n      deep: true,\n    },\n  )\n\n  watch(\n    innerParams,\n    () => {\n      setPagination({\n        ...pagination.value,\n        current: 1,\n      })\n      abortFetch()\n      fetchListDebounce(false)\n    },\n    {\n      deep: true,\n    },\n  )\n\n  watch(formSearch, () => {\n    setPagination({\n      ...pagination.value,\n      current: 1,\n    })\n    abortFetch()\n    fetchListDebounce(false)\n  })\n\n  const onTableChange: ProTableProps['onChange'] = (pageInfo, filt, sort, extra) => {\n    if (extra.action === 'paginate') {\n      setPagination({ ...pagination.value, ...pageInfo })\n    }\n    if (extra.action === 'sort') {\n      sorters.value = formatSorters(sort)\n    }\n\n    if (extra.action === 'filter') {\n      filter.value = filt\n    }\n    props.onChange?.(pageInfo, filt, sort, extra)\n  }\n\n  onMounted(() => {\n    umountRef.value = false\n    if (props.search === false) {\n      fetchListDebounce(false)\n    }\n  })\n\n  onActivated(() => {\n    if (props.polling) {\n      fetchListDebounce(true)\n    }\n  })\n\n  onUnmounted(() => {\n    umountRef.value = true\n    abortFetch()\n    clearTimeout(pollingSetTimeRef.value)\n  })\n  onDeactivated(() => {\n    clearTimeout(pollingSetTimeRef.value)\n  })\n\n  return {\n    keyword,\n    formSearch,\n    dataSource: tableDataList,\n    loading: computed(() =>\n      typeof props?.loading === 'object'\n        ? { ...props?.loading, spinning: tableLoading.value }\n        : tableLoading.value,\n    ),\n    setParams: (key: string, value: any) => {\n      innerParams.value[key] = value\n    },\n    reload: async (resetPageIndex?: boolean) => {\n      if (resetPageIndex) {\n        setPagination({\n          ...pagination.value,\n          current: 1,\n        })\n      }\n      abortFetch()\n      return fetchListDebounce(false)\n    },\n    pollingLoading,\n    pagination,\n    reset: async () => {\n      const { pagination: optionPageInfo } = props || {}\n      const { current = 1, pageSize = 10 } = optionPageInfo || {}\n      const initialPageInfo = {\n        current,\n        total: 0,\n        pageSize,\n      }\n      setPagination(initialPageInfo)\n    },\n    setPagination,\n    setFormSearch,\n    onTableChange,\n  } as UseFetchDataAction\n}\n"],"names":["total","ref","useIntl","computed","useMergedState","_a","isReactive","usePrevious","toRaw","useDebounceFn","runFunction","watch","onMounted","onActivated","onUnmounted","onDeactivated"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { ColumnType, ColumnsType, ProTableProps, Key, FilterKey, FilterValue, FinallyColumnType, DefaultRecordType, ColumnFilterItem } from '../components/interface';
+export interface FilterState<RecordType> {
+    column: ColumnType<RecordType>;
+    key: Key;
+    filteredKeys?: FilterKey;
+    forceFiltered?: boolean;
+}
+export declare function flattenKeys(filters?: ColumnFilterItem[]): FilterValue;
+export declare function generateFilterInfo<RecordType>(filterStates: FilterState<RecordType>[]): Record<string, FilterValue | null>;
+export declare function getFilterData<RecordType>(data: RecordType[], filterStates: FilterState<RecordType>[]): RecordType[];
+export declare function getNewColumnsByFilters<RecordType>(columns: ColumnsType<RecordType>, filterStates: FilterState<RecordType>[], pos?: string): ColumnsType<RecordType>;
+export default function useFilter<RecordType = DefaultRecordType>(_props: ProTableProps, sortedData: ComputedRef<RecordType[]>, allColumns: Ref<FinallyColumnType[]>, onFilterChange: (filters: Record<string, FilterValue | null>, filterStates: FilterState<RecordType>[]) => void): {
+    filterStates: Ref<FilterState<RecordType>[]>;
+    filters: ComputedRef<Record<string, FilterValue | null>>;
+    filterData: ComputedRef<RecordType[]>;
+    getFilters: (newFilterStates: FilterState<RecordType>[]) => RecordType[];
+    changeFilter: (filterState: FilterState<RecordType>) => void;
+};

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

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var devWarning = require('../utils/devWarning.js');
+var lodashUnified = require('lodash-unified');
+
+function flattenKeys(filters) {
+  let keys = [];
+  (filters || []).forEach(({ value, children }) => {
+    keys.push(value);
+    if (children) {
+      keys = [...keys, ...flattenKeys(children)];
+    }
+  });
+  return keys;
+}
+function generateFilterInfo(filterStates) {
+  const currentFilters = {};
+  filterStates.forEach(({ key, filteredKeys, column }) => {
+    var _a;
+    const hasFilterDropdown = column.filterDropdown || ((_a = column == null ? void 0 : column.slots) == null ? void 0 : _a.filterDropdown) || column.customFilterDropdown;
+    const { filters } = column;
+    if (hasFilterDropdown) {
+      currentFilters[key] = filteredKeys || null;
+    } else if (Array.isArray(filteredKeys)) {
+      const keys = flattenKeys(filters);
+      currentFilters[key] = keys.filter((originKey) => filteredKeys.includes(String(originKey)));
+    } else {
+      currentFilters[key] = null;
+    }
+  });
+  return currentFilters;
+}
+function getFilterData(data, filterStates) {
+  return filterStates.reduce((currentData, filterState) => {
+    const {
+      column: { onFilter, filters },
+      filteredKeys
+    } = filterState;
+    if (onFilter && filteredKeys && filteredKeys.length) {
+      return currentData.filter(
+        (record) => filteredKeys.some((key) => {
+          const keys = flattenKeys(filters);
+          const keyIndex = keys.findIndex((k) => String(k) === String(key));
+          const realKey = keyIndex !== -1 ? keys[keyIndex] : key;
+          return onFilter(realKey, record);
+        })
+      );
+    }
+    return currentData;
+  }, data);
+}
+function collectFilterStates(columns, init) {
+  let filterStates = [];
+  (columns || []).forEach((column) => {
+    var _a, _b;
+    const hasFilterDropdown = column.filterDropdown || ((_a = column == null ? void 0 : column.slots) == null ? void 0 : _a.filterDropdown) || column.customFilterDropdown;
+    if (column.filters || hasFilterDropdown || "onFilter" in column) {
+      if ("filteredValue" in column) {
+        let filteredValues = column.filteredValue;
+        if (!hasFilterDropdown) {
+          filteredValues = (_b = filteredValues == null ? void 0 : filteredValues.map(String)) != null ? _b : filteredValues;
+        }
+        filterStates.push({
+          column,
+          key: column.columnKey,
+          filteredKeys: filteredValues,
+          forceFiltered: column.filtered
+        });
+      } else {
+        filterStates.push({
+          column,
+          key: column.columnKey,
+          filteredKeys: init && column.defaultFilteredValue ? column.defaultFilteredValue : void 0,
+          forceFiltered: column.filtered
+        });
+      }
+    }
+    if ("children" in column) {
+      filterStates = [...filterStates, ...collectFilterStates(column.children || [], init)];
+    }
+  });
+  return filterStates;
+}
+function useFilter(_props, sortedData, allColumns, onFilterChange) {
+  const filtStates = vue.ref(
+    collectFilterStates(allColumns.value, true)
+  );
+  const filterStates = vue.ref([]);
+  vue.watchEffect(() => {
+    const collectedStates = collectFilterStates(allColumns.value, false);
+    let newFilterStates = [];
+    const filteredKeysIsNotControlled = collectedStates.every(
+      ({ filteredKeys }) => filteredKeys === void 0
+    );
+    if (filteredKeysIsNotControlled) {
+      newFilterStates = filtStates.value;
+    } else {
+      const filteredKeysIsAllControlled = collectedStates.every(
+        ({ filteredKeys }) => filteredKeys !== void 0
+      );
+      devWarning.default(
+        filteredKeysIsNotControlled || filteredKeysIsAllControlled,
+        "Table",
+        "`FilteredKeys` should all be controlled or not controlled."
+      );
+    }
+    if (!(filterStates.value === newFilterStates || lodashUnified.isEqual(filterStates.value, newFilterStates))) {
+      filterStates.value = newFilterStates;
+    }
+  });
+  const filters = vue.computed(() => generateFilterInfo(filterStates.value));
+  const filterData = vue.computed(() => getFilterData(sortedData.value, filterStates.value));
+  return {
+    filterStates,
+    filters,
+    filterData,
+    getFilters: (newFilterStates) => getFilterData(sortedData.value, newFilterStates),
+    changeFilter: (filterState) => {
+      const newFilterStates = filterStates.value.filter(({ key }) => key !== filterState.key);
+      newFilterStates.push(filterState);
+      filtStates.value = newFilterStates;
+      onFilterChange(generateFilterInfo(newFilterStates), newFilterStates);
+    }
+  };
+}
+
+exports.default = useFilter;
+exports.flattenKeys = flattenKeys;
+exports.generateFilterInfo = generateFilterInfo;
+exports.getFilterData = getFilterData;
+//# sourceMappingURL=useFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.js","sources":["../../../../../../../packages/components/table/src/hooks/useFilter.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 09:11:51\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:19:13\n * @Description:\n */\n\nimport type { ComputedRef, Ref } from 'vue'\nimport type {\n  ColumnType,\n  ColumnsType,\n  ProTableProps,\n  Key,\n  FilterKey,\n  FilterValue,\n  FinallyColumnType,\n  DefaultRecordType,\n  ColumnFilterItem,\n} from '../components/interface'\n\nimport { computed, watchEffect, ref } from 'vue'\nimport { isEqual } from '@pro-design-vue/utils'\nimport devWarning from '../utils/devWarning'\n\nexport interface FilterState<RecordType> {\n  column: ColumnType<RecordType>\n  key: Key\n  filteredKeys?: FilterKey\n  forceFiltered?: boolean\n}\n\nexport function flattenKeys(filters?: ColumnFilterItem[]) {\n  let keys: FilterValue = []\n  ;(filters || []).forEach(({ value, children }) => {\n    keys.push(value)\n    if (children) {\n      keys = [...keys, ...flattenKeys(children)]\n    }\n  })\n  return keys\n}\n\nexport function generateFilterInfo<RecordType>(\n  filterStates: FilterState<RecordType>[],\n): Record<string, FilterValue | null> {\n  const currentFilters: Record<string, FilterValue | null> = {}\n\n  filterStates.forEach(({ key, filteredKeys, column }) => {\n    const hasFilterDropdown =\n      column.filterDropdown || column?.slots?.filterDropdown || column.customFilterDropdown\n    const { filters } = column\n    if (hasFilterDropdown) {\n      currentFilters[key] = filteredKeys || null\n    } else if (Array.isArray(filteredKeys)) {\n      const keys = flattenKeys(filters)\n      currentFilters[key] = keys.filter((originKey) => filteredKeys.includes(String(originKey)))\n    } else {\n      currentFilters[key] = null\n    }\n  })\n\n  return currentFilters\n}\nexport function getFilterData<RecordType>(\n  data: RecordType[],\n  filterStates: FilterState<RecordType>[],\n): RecordType[] {\n  return filterStates.reduce((currentData, filterState) => {\n    const {\n      column: { onFilter, filters },\n      filteredKeys,\n    } = filterState\n    if (onFilter && filteredKeys && filteredKeys.length) {\n      return currentData.filter((record) =>\n        filteredKeys.some((key) => {\n          const keys = flattenKeys(filters)\n          const keyIndex = keys.findIndex((k) => String(k) === String(key))\n          const realKey = keyIndex !== -1 ? keys[keyIndex] : key\n          return onFilter(realKey!, record)\n        }),\n      )\n    }\n    return currentData\n  }, data)\n}\n\nexport declare function getNewColumnsByFilters<RecordType>(\n  columns: ColumnsType<RecordType>,\n  filterStates: FilterState<RecordType>[],\n  pos?: string,\n): ColumnsType<RecordType>\n\nfunction collectFilterStates<RecordType = DefaultRecordType>(\n  columns: FinallyColumnType<RecordType>[],\n  init: boolean,\n): FilterState<RecordType>[] {\n  let filterStates: FilterState<RecordType>[] = []\n\n  ;(columns || []).forEach((column) => {\n    const hasFilterDropdown =\n      column.filterDropdown || column?.slots?.filterDropdown || column.customFilterDropdown\n    // if (column.filters || hasFilterDropdown || 'onFilter' in column) {\n    if (column.filters || hasFilterDropdown || 'onFilter' in column) {\n      if ('filteredValue' in column) {\n        let filteredValues = column.filteredValue\n        if (!hasFilterDropdown) {\n          filteredValues = filteredValues?.map(String) ?? filteredValues\n        }\n        filterStates.push({\n          column,\n          key: column.columnKey,\n          filteredKeys: filteredValues as FilterKey,\n          forceFiltered: column.filtered,\n        })\n      } else {\n        filterStates.push({\n          column,\n          key: column.columnKey,\n          filteredKeys: (init && column.defaultFilteredValue\n            ? column.defaultFilteredValue!\n            : undefined) as FilterKey,\n          forceFiltered: column.filtered,\n        })\n      }\n    }\n    if ('children' in column) {\n      filterStates = [...filterStates, ...collectFilterStates(column.children || [], init)]\n    }\n  })\n\n  return filterStates\n}\n\nexport default function useFilter<RecordType = DefaultRecordType>(\n  _props: ProTableProps,\n  sortedData: ComputedRef<RecordType[]>,\n  allColumns: Ref<FinallyColumnType[]>,\n  onFilterChange: (\n    filters: Record<string, FilterValue | null>,\n    filterStates: FilterState<RecordType>[],\n  ) => void,\n): {\n  filterStates: Ref<FilterState<RecordType>[]>\n  filters: ComputedRef<Record<string, FilterValue | null>>\n  filterData: ComputedRef<RecordType[]>\n  getFilters: (newFilterStates: FilterState<RecordType>[]) => RecordType[]\n  changeFilter: (filterState: FilterState<RecordType>) => void\n} {\n  const filtStates = ref<FilterState<RecordType>[]>(\n    collectFilterStates<RecordType>(allColumns.value as FinallyColumnType<RecordType>[], true),\n  )\n  const filterStates = ref<FilterState<RecordType>[]>([])\n\n  watchEffect(() => {\n    const collectedStates = collectFilterStates(allColumns.value, false)\n    let newFilterStates: FilterState<RecordType>[] = []\n    const filteredKeysIsNotControlled = collectedStates.every(\n      ({ filteredKeys }) => filteredKeys === undefined,\n    )\n    if (filteredKeysIsNotControlled) {\n      newFilterStates = filtStates.value\n    } else {\n      const filteredKeysIsAllControlled = collectedStates.every(\n        ({ filteredKeys }) => filteredKeys !== undefined,\n      )\n      devWarning(\n        filteredKeysIsNotControlled || filteredKeysIsAllControlled,\n        'Table',\n        '`FilteredKeys` should all be controlled or not controlled.',\n      )\n    }\n    if (!(filterStates.value === newFilterStates || isEqual(filterStates.value, newFilterStates))) {\n      filterStates.value = newFilterStates\n    }\n  })\n\n  const filters = computed(() => generateFilterInfo(filterStates.value))\n  const filterData = computed(() => getFilterData(sortedData.value, filterStates.value))\n\n  return {\n    filterStates,\n    filters,\n    filterData,\n    getFilters: (newFilterStates: FilterState<RecordType>[]) =>\n      getFilterData(sortedData.value, newFilterStates),\n    changeFilter: (filterState: FilterState<RecordType>) => {\n      const newFilterStates = filterStates.value.filter(({ key }) => key !== filterState.key)\n      newFilterStates.push(filterState)\n      filtStates.value = newFilterStates\n      onFilterChange(generateFilterInfo(newFilterStates), newFilterStates)\n    },\n  }\n}\n"],"names":["ref","watchEffect","devWarning","isEqual","computed"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import type { Ref, UnwrapRef } from 'vue';
+import type { Key, GetRowKey, DefaultRecordType, ExpandType, FlatRecord, CheckboxProps, TableRowSelection } from '../components/interface';
+export type KeyEntities = Record<Key, FlatRecord & {
+    children: FlatRecord[];
+    parent: any;
+}>;
+export type FlattenRecordsType<T = DefaultRecordType> = {
+    flattenData: Ref<FlatRecord<T>[]>;
+    keyEntities: Ref<KeyEntities>;
+    pageDataRowKeys: Ref<Key[]>;
+    pageDataEnableRowKeys: Ref<Key[]>;
+    checkboxPropsMap: Ref<Map<Key, Partial<CheckboxProps>>>;
+    getRowFlattenIndexByKey: (key: Key) => number | undefined;
+    isMyChildren: (parentKey: Key, childrenKey: Key) => boolean;
+    getRowByFlattenIndex: (index: number) => FlatRecord<T>;
+};
+export declare function getPosition(level: string | number, index: number): string;
+export default function useFlattenRecords<RecordType = DefaultRecordType>(pageDataRef: Ref<readonly RecordType[]>, childrenColumnNameRef: Ref<string>, expandedKeysRef: Ref<Set<Key>>, getRowKeyRef: Ref<GetRowKey<RecordType>>, expandType: Ref<ExpandType>, mergedRowSelection: Ref<TableRowSelection<RecordType> | undefined>): FlattenRecordsType<RecordType | UnwrapRef<RecordType>>;