fast-element-plus 1.0.0 → 1.0.1

package/es/components/table/src/tableSearchFormItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSearchFormItem.mjs","sources":["../../../../../packages/components/table/src/tableSearchFormItem.tsx"],"sourcesContent":["import { Fragment, defineComponent, h, inject, reactive, resolveComponent } from \"vue\";\nimport { ElOption } from \"element-plus\";\nimport { dateUtil, definePropType, makeSlots, useRender, withDefineType } from \"@fast-china/utils\";\nimport { isString } from \"lodash-unified\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport { enumMapKey, tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx, FaTableDefaultSlotsResult, FaTableEnumColumnCtx } from \"./table.type\";\n\n/**\n * 已知默认支持的el组件：\n * \tel-input\n * \tel-input-number\n * \tel-select\n * \tel-select-v2\n * \tel-tree-select\n * \tel-cascader\n * \tel-date-picker\n * \tel-time-picker\n * \tel-time-select,\n * \tel-switch\n * 已知组件的默认props\n * clearable：el-input，el-input-number，el-select，el-select-v2，el-tree-select，el-cascader，el-date-picker，el-time-picker，el-time-select\n * filterable：el-select，el-select-v2，el-tree-select\n * placeholder-请输入：el-input，el-input-number\n * placeholder-请选择：el-select，el-select-v2，el-tree-select，el-cascader\n * defaultTime：el-date-picker\n * shortcuts：el-date-picker\n * options：el-select-v2，el-cascader\n * data：el-tree-select\n * startPlaceholder：\n * \t\tel-date-picker type in [\"datetimerange\", \"daterange\", \"monthrange\", \"yearrange\"]\n * \t\tel-time-picker isRange is true\n * endPlaceholder：\n * \t\tel-date-picker type in [\"datetimerange\", \"daterange\", \"monthrange\", \"yearrange\"]\n * \t\tel-time-picker isRange is true\n * rangeSeparator：\n * \t\tel-date-picker type in [\"datetimerange\", \"daterange\", \"monthrange\", \"yearrange\"]\n * \t\tel-time-picker isRange is true\n * unlinkPanels：el-date-picker type in [\"datetimerange\", \"daterange\", \"monthrange\", \"yearrange\"]\n * 后缀 -select Select -page Page -cascader Cascader 结尾的\n * \tplaceholder：请选择\n * 后缀 -input Input 结尾的\n * \tplaceholder：请输入\n */\n\nconst clearableEls = [\n\t\"el-input\",\n\t\"ELInput\",\n\t\"el-input-number\",\n\t\"ELInputNumber\",\n\t\"el-select\",\n\t\"ElSelect\",\n\t\"el-select-v2\",\n\t\"ElSelectV2\",\n\t\"el-tree-select\",\n\t\"ElTreeSelect\",\n\t\"el-cascader\",\n\t\"ElCascader\",\n\t\"el-date-picker\",\n\t\"ElDatePicker\",\n\t\"el-time-picker\",\n\t\"ElTimePicker\",\n\t\"el-time-select\",\n\t\"ElTimeSelect\",\n];\n\ntype FaTableSearchFormItemSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & {\n\t\tcolumn?: FaTableColumnCtx;\n\t\tsearch?: () => void;\n\t};\n};\n\nconst filterableEls = [\"el-select\", \"ElSelect\", \"el-select-v2\", \"ElSelectV2\", \"el-tree-select\", \"ElTreeSelect\"];\n\nconst inputPlaceholderEls = [\"el-input\", \"ELInput\", \"el-input-number\", \"ELInputNumber\"];\n\nconst selectPlaceholderEls = [\"el-select\", \"ElSelect\", \"el-select-v2\", \"ElSelectV2\", \"el-tree-select\", \"ElTreeSelect\", \"el-cascader\", \"ElCascader\"];\n\nexport default defineComponent({\n\tname: \"FaTableSearchFormItem\",\n\tprops: {\n\t\t/** @description 列配置 */\n\t\tcolumn: {\n\t\t\ttype: definePropType<FaTableColumnCtx>(Object),\n\t\t\trequired: true,\n\t\t\t/** 这里的 default 不知道为什么，不写识别不出来类型 */\n\t\t\tdefault: {} as FaTableColumnCtx,\n\t\t},\n\t\t/** @description 搜索 */\n\t\tsearch: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t},\n\tslots: makeSlots<FaTableSearchFormItemSlots>(),\n\tsetup(props, { slots }) {\n\t\tconst tableState = inject(tableStateKey);\n\t\tconst enumMap = inject(enumMapKey);\n\n\t\tconst state = reactive({\n\t\t\tenumDict: withDefineType<FaTableEnumColumnCtx[]>([]),\n\t\t\toldValue: undefined,\n\t\t});\n\n\t\tconst handleUpdateModelValue = (value: any): void => {\n\t\t\tif (isString(value)) {\n\t\t\t\t// 如果是字符串，则去除前后空格\n\t\t\t\tvalue = value.trim();\n\t\t\t}\n\t\t\tstate.oldValue = tableState.searchParam[props.column?.search?.key ?? props.column.prop];\n\t\t\ttableState.searchParam[props.column?.search?.key ?? props.column.prop] = value;\n\t\t};\n\n\t\tconst handleChange = (value: any): void => {\n\t\t\t// 改变触发的时候只有不等于的时候才会去刷新\n\t\t\t// if (!isEqual(value, state.oldValue)) {\n\t\t\tprops.search();\n\t\t\t// }\n\t\t};\n\n\t\tconst handleDefaultProps = (): any => {\n\t\t\tconst search = props.column.search;\n\t\t\tconst defaultProps: any = {};\n\t\t\tif (clearableEls.includes(search?.el)) {\n\t\t\t\tdefaultProps.clearable = true;\n\t\t\t}\n\t\t\tif (filterableEls.includes(search?.el)) {\n\t\t\t\tdefaultProps.filterable = true;\n\t\t\t}\n\t\t\tif (inputPlaceholderEls.includes(search?.el)) {\n\t\t\t\tdefaultProps.placeholder = \"请输入\";\n\t\t\t}\n\t\t\tif (selectPlaceholderEls.includes(search?.el)) {\n\t\t\t\tdefaultProps.placeholder = \"请选择\";\n\t\t\t}\n\t\t\tif ([\"el-date-picker\", \"ElDatePicker\"].includes(search?.el)) {\n\t\t\t\tdefaultProps.unlinkPanels = true;\n\t\t\t\tif ([\"datetimerange\", \"daterange\", \"monthrange\", \"yearrange\"].includes(search?.props?.type)) {\n\t\t\t\t\tdefaultProps.defaultTime = dateUtil.getDefaultTime();\n\t\t\t\t\tdefaultProps.shortcuts = dateUtil.getShortcuts();\n\t\t\t\t\tdefaultProps.rangeSeparator = \"至\";\n\t\t\t\t\tdefaultProps.startPlaceholder = \"开始时间\";\n\t\t\t\t\tdefaultProps.endPlaceholder = \"结束时间\";\n\t\t\t\t} else {\n\t\t\t\t\tdefaultProps.defaultTime = dateUtil.getSimpleTime();\n\t\t\t\t\tdefaultProps.shortcuts = dateUtil.getSimpleShortcuts();\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ([\"el-time-picker\", \"ElTimePicker\"].includes(search?.el) && search?.props?.isRange) {\n\t\t\t\tdefaultProps.rangeSeparator = \"至\";\n\t\t\t\tdefaultProps.startPlaceholder = \"开始时间\";\n\t\t\t\tdefaultProps.endPlaceholder = \"结束时间\";\n\t\t\t}\n\t\t\tif (\n\t\t\t\t[\"el-select\", \"ElSelect\", \"el-select-v2\", \"ElSelectV2\", \"el-cascader\", \"ElCascader\", \"el-tree-select\", \"ElTreeSelect\"].includes(\n\t\t\t\t\tsearch?.el\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tlet enumData;\n\t\t\t\tif (props.column.enum && isString(props.column.enum)) {\n\t\t\t\t\tenumData = enumMap.get(props.column.enum);\n\t\t\t\t} else {\n\t\t\t\t\tenumData = enumMap.get(props.column.prop ?? props.column.search?.key);\n\t\t\t\t}\n\t\t\t\tenumData = enumData.filter((f: any) => f?.show !== false);\n\t\t\t\tstate.enumDict = enumData ?? [];\n\t\t\t}\n\t\t\tif ([\"el-select-v2\", \"ElSelectV2\", \"el-cascader\", \"ElCascader\"].includes(search?.el)) {\n\t\t\t\tdefaultProps.options = state.enumDict;\n\t\t\t}\n\t\t\tif ([\"el-tree-select\", \"ElTreeSelect\"].includes(search?.el)) {\n\t\t\t\tdefaultProps.data = state.enumDict;\n\t\t\t}\n\n\t\t\treturn defaultProps;\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<Fragment>\n\t\t\t\t{props.column.search?.el &&\n\t\t\t\t\th(\n\t\t\t\t\t\tresolveComponent(props.column.search.el),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...handleDefaultProps(),\n\t\t\t\t\t\t\t...props.column.search.props,\n\t\t\t\t\t\t\tmodelValue: tableState.searchParam[props.column?.search?.key ?? props.column.prop],\n\t\t\t\t\t\t\t\"onUpdate:modelValue\": handleUpdateModelValue,\n\t\t\t\t\t\t\tonChange: handleChange,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\t\t[\"el-select\", \"ElSelect\"].includes(props.column.search.el)\n\t\t\t\t\t\t\t\t\t? state.enumDict.map((selData: any, index: number) =>\n\t\t\t\t\t\t\t\t\t\t\th(ElOption, {\n\t\t\t\t\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: selData[props.column.search.props?.label ?? \"label\"],\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: selData[props.column.search.props?.value ?? \"value\"],\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled: selData[props.column.search.props?.disabled ?? \"disabled\"],\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: slots.default &&\n\t\t\t\t\t\t\t\t\t\tslots.default({\n\t\t\t\t\t\t\t\t\t\t\tcolumn: props.column,\n\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t</Fragment>\n\t\t));\n\t},\n});\n"],"names":["clearableEls","filterableEls","inputPlaceholderEls","selectPlaceholderEls","name","props","column","type","definePropType","Object","required","default","search","Function","slots","makeSlots","setup","tableState","inject","tableStateKey","enumMap","enumMapKey","state","reactive","enumDict","withDefineType","oldValue","undefined","handleUpdateModelValue","value","isString","trim","searchParam","key","prop","handleChange","handleDefaultProps","defaultProps","includes","el","clearable","filterable","placeholder","unlinkPanels","defaultTime","dateUtil","getDefaultTime","shortcuts","getShortcuts","rangeSeparator","startPlaceholder","endPlaceholder","getSimpleTime","getSimpleShortcuts","isRange","enumData","enum","get","filter","f","show","options","data","useRender","_createVNode","_Fragment","h","resolveComponent","modelValue","onChange","map","selData","index","ElOption","label","disabled","getTableDefaultSlots"],"mappings":"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"}

package/es/components/table/src/useTable.d.ts

@@ -0,0 +1,32 @@
+import { makeSlots } from '@fast-china/utils';
+import { PagedInput } from './page.type';
+import { FaTableSlots, faTableEmits, faTableProps } from './table';
+import { FaTableState } from './table.state';
+import { FaTableColumnCtx, FaTableEnumColumnCtx } from './table.type';
+import { TableInstance } from 'element-plus';
+import { ExtractPropTypes, InjectionKey, SetupContext } from 'vue';
+export declare const tableStateKey: InjectionKey<FaTableState>;
+export declare const enumMapKey: InjectionKey<Map<string, FaTableEnumColumnCtx[]>>;
+type TableSetupContext = SetupContext<typeof faTableEmits, ReturnType<typeof makeSlots<FaTableSlots>>>;
+export declare const useTable: (props: ExtractPropTypes<typeof faTableProps>, slots: TableSetupContext["slots"], emit: TableSetupContext["emit"]) => {
+    _globalSize: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+    state: FaTableState;
+    elementRef: import('vue').Ref<HTMLElement, HTMLElement>;
+    tableRef: import('vue').Ref<TableInstance, TableInstance>;
+    handleTableColumnAutoWidth: () => void;
+    getRequestParam: () => PagedInput;
+    loadTableColumns: () => void;
+    handleSizeChange: (pageSize: number) => void;
+    handlePaginationChange: (val: number) => void;
+    defaultSearchTime: () => void;
+    tableSearch: () => Promise<void>;
+    tableReset: () => Promise<void>;
+    doRender: () => Promise<void>;
+    doLoading: (loadingFunction: () => void | Promise<void>, loadingText?: string) => void;
+    handleCustomCellClick: (emitName: string, { row, column, $index }: {
+        row: any;
+        column: FaTableColumnCtx;
+        $index: number;
+    }) => void;
+};
+export {};

package/es/components/table/src/useTable.mjs

@@ -0,0 +1,374 @@
+import { ref, reactive, provide, computed, nextTick, watch } from "vue";
+import { useGlobalSize, dayjs } from "element-plus";
+import { consoleError, clickUtil, execFunction } from "@fast-china/utils";
+import { isFunction, isArray } from "lodash-unified";
+import { tableUtil } from "../utils/table.mjs";
+import { getTableDefaultSlots } from "./table.type.mjs";
+const tableStateKey = Symbol("tableState");
+const enumMapKey = Symbol("enumMap");
+const useTable = (props, slots, emit) => {
+  const _globalSize = useGlobalSize();
+  const elementRef = ref();
+  const tableRef = ref();
+  const enumMap = reactive(/* @__PURE__ */ new Map());
+  provide(enumMapKey, enumMap);
+  const state = reactive({
+    loading: false,
+    loadingText: "加载中...",
+    orgColumns: [],
+    tableColumns: computed(() => state.orgColumns.filter((f) => f.prop && !f.pureSearch)),
+    searchColumns: computed(
+      () => state.orgColumns.filter((f) => f.pureSearch || f.search).sort((a, b) => {
+        return a.search?.order - b.search?.order;
+      })
+    ),
+    spanColumns: computed(() => [
+      ...state.orgColumns.filter((f) => f.spanProp).map((col) => {
+        return {
+          prop: col?.prop,
+          spanProp: col?.spanProp
+        };
+      }),
+      ...props.props.span ? [
+        { prop: "__table-index", spanProp: props.props.span },
+        { prop: "__table-selection", spanProp: props.props.span },
+        { prop: "__table-operation", spanProp: props.props.span }
+      ] : []
+    ]),
+    tableData: [],
+    tableSpanData: computed(() => {
+      if (state.spanColumns?.length > 0 && state.tableData?.length > 0) {
+        const result = [];
+        state.spanColumns.forEach((item) => {
+          result[item.prop] = new Array(state.tableData.length).fill(1, 0, 1).fill(0, 1);
+          result[`${item.prop}-index`] = 0;
+        });
+        for (let i = 1; i < state.tableData.length; i++) {
+          state.spanColumns.forEach((item) => {
+            if (state.tableData[i][item.spanProp] === state.tableData[i - 1][item.spanProp]) {
+              result[item.prop][result[`${item.prop}-index`]]++;
+            } else {
+              result[`${item.prop}-index`] = i;
+              result[item.prop][i] = 1;
+            }
+          });
+        }
+        return result;
+      }
+      return [];
+    }),
+    tablePagination: {
+      pageIndex: 1,
+      pageSize: 20,
+      totalRows: 0
+    },
+    initParam: {},
+    searchParam: {},
+    searchValueUpdate: "",
+    searchForm: props.searchForm,
+    hideImage: computed(() => props.hideImage),
+    selected: false,
+    selectedList: [],
+    selectedListIds: computed(() => state.selectedList.map((item) => isFunction(props.rowKey) ? props.rowKey(item) : item[props.rowKey])),
+    indeterminateSelectedListIds: [],
+    responseConfig: void 0,
+    operationColumnWidth: computed(() => {
+      const findAutoCol = state.autoColumnWidth.find((f) => f.prop === "__table-operation");
+      if (findAutoCol) {
+        return `${findAutoCol.width}px`;
+      }
+      switch (_globalSize.value) {
+        case "large":
+        case "default":
+          return "54px";
+        case "small":
+          return "42px";
+        default:
+          return "auto";
+      }
+    }),
+    imagePreview: false,
+    previewList: [],
+    tableWidth: void 0,
+    tableHeight: void 0,
+    autoColumnWidth: []
+  });
+  provide(tableStateKey, state);
+  const handleTableColumnAutoWidth = () => {
+    state.loading = true;
+    state.loadingText = "加载中...";
+    state.autoColumnWidth = [];
+    const autoWidthColumns = state.tableColumns.filter((f) => f.autoWidth);
+    if (slots?.operation) {
+      autoWidthColumns.push({
+        prop: "__table-operation"
+      });
+    }
+    if (autoWidthColumns?.length > 0) {
+      const otherWidth = _globalSize.value === "default" ? 25 : 17;
+      nextTick(() => {
+        const tableDom = document.querySelector(`.fa-table__${props.tableKey}`);
+        if (tableDom) {
+          autoWidthColumns.forEach((item) => {
+            const headerColumnDom = tableDom.querySelector(`.__fa-table__auto-width-column__cell-header__${item?.prop}`);
+            const cellColumnDoms = tableDom.querySelectorAll(`.__fa-table__auto-width-column__cell__${item?.prop}`);
+            let maxWidth = 0;
+            if (headerColumnDom) {
+              maxWidth = Math.ceil(headerColumnDom.scrollWidth) + otherWidth;
+              if (item?.sortable) {
+                maxWidth += 24;
+              }
+            }
+            cellColumnDoms.forEach((cellDom) => {
+              const curWidth = Math.ceil(cellDom.scrollWidth) + otherWidth;
+              if (curWidth > maxWidth) {
+                maxWidth = curWidth;
+              }
+            });
+            const findInfo = state.autoColumnWidth.find((f) => f.prop === item?.prop);
+            if (findInfo) {
+              findInfo.width = Math.max(findInfo.width, maxWidth);
+            } else {
+              state.autoColumnWidth.push({
+                prop: item?.prop,
+                width: maxWidth
+              });
+            }
+          });
+        }
+      });
+    }
+    state.loading = false;
+  };
+  const handleTableData = (data) => {
+    if (props.treeData) {
+      const result = [];
+      data.forEach((row) => {
+        const rowList = row[props.props.children];
+        if (isArray(rowList)) {
+          rowList.forEach((cRow) => result.push({ ...row, ...cRow }));
+        } else {
+          result.push({ ...row, ...rowList || {} });
+        }
+      });
+      return result;
+    } else {
+      return data;
+    }
+  };
+  const getRequestParam = () => {
+    const params = { ...state.searchParam, ...props.pagination ? state.tablePagination : {} };
+    delete params.totalRows;
+    return params;
+  };
+  const loadData = async () => {
+    state.loading = true;
+    state.loadingText = "加载中...";
+    if (props.requestApi) {
+      const params = getRequestParam();
+      emit("refresh", params);
+      let pageData = [];
+      try {
+        const resData = await props.requestApi(params);
+        props.dataCallback && props.dataCallback(resData);
+        if (props.pagination) {
+          const pageRes = resData;
+          pageData = pageRes.rows;
+          Object.assign(state.tablePagination, {
+            pageIndex: pageRes.pageIndex,
+            pageSize: pageRes.pageSize,
+            totalRows: pageRes.totalRows
+          });
+        } else {
+          pageData = resData;
+          Object.assign(state.tablePagination, {
+            pageIndex: 1,
+            pageSize: 0,
+            totalRows: pageData.length
+          });
+        }
+        state.tableData = handleTableData(pageData);
+      } catch (error) {
+        consoleError("FaTable", error);
+        state.tableData = [];
+      } finally {
+        state.loading = false;
+      }
+    } else {
+      emit("refresh", { searchValue: state.searchParam.searchValue });
+      let _value = handleTableData(props.data);
+      _value = _value.filter((f) => {
+        if (!state.searchParam.searchValue) return true;
+        return state.tableColumns.some((col) => {
+          return f[col.prop]?.toString()?.toLowerCase().includes(state.searchParam.searchValue?.toLowerCase());
+        });
+      });
+      if (state.searchParam.sortList?.length > 0) {
+        _value = _value.sort(tableUtil.arrayDynamicSort(state.searchParam.sortList));
+      }
+      if (props.pagination) {
+        Object.assign(state.tablePagination, {
+          totalRows: _value.length
+        });
+        const pageStart = (state.tablePagination.pageIndex - 1) * state.tablePagination.pageSize;
+        const pageEnd = pageStart + state.tablePagination.pageSize;
+        state.tableData = _value.slice(pageStart, pageEnd);
+      } else {
+        state.tableData = _value;
+        Object.assign(state.tablePagination, {
+          pageIndex: 1,
+          pageSize: 0,
+          totalRows: _value.length
+        });
+      }
+      state.loading = false;
+    }
+    handleTableColumnAutoWidth();
+  };
+  const loadTableColumns = () => {
+    let columns = props.columns;
+    columns.forEach((col) => {
+      if (col.pureSearch || col.search) {
+        col.search.key ??= col.prop;
+        col.search.label ??= col.label;
+        if (col.search.defaultValue) {
+          state.searchParam[col.search.key] = col.search.defaultValue;
+        }
+      }
+    });
+    columns = columns.sort((a, b) => {
+      return a?.order - b?.order;
+    });
+    state.orgColumns = tableUtil.flatColumns(columns, enumMap);
+  };
+  const handleSizeChange = (pageSize) => {
+    state.tablePagination.pageIndex = 1;
+    state.tablePagination.pageSize = pageSize;
+    emit("sizeChange", pageSize);
+    emit("paginationChange", 1, pageSize);
+    loadData();
+  };
+  const handlePaginationChange = (val) => {
+    state.tablePagination.pageIndex = val;
+    emit("sizeChange", state.tablePagination.pageSize);
+    emit("paginationChange", val, state.tablePagination.pageSize);
+    loadData();
+  };
+  const updatedTotalParam = () => {
+    const newSearchParam = {};
+    for (const key in state.searchParam) {
+      if (state.searchParam[key] || state.searchParam[key] === false || state.searchParam[key] === 0) {
+        newSearchParam[key] = state.searchParam[key];
+      } else if (!state.searchParam[key]) {
+        delete state.searchParam[key];
+      }
+    }
+    Object.assign(state.searchParam, newSearchParam);
+  };
+  const defaultSearchTime = () => {
+    if (props.hideSearchTime) {
+      state.searchParam.searchTimeList = void 0;
+    } else {
+      const end = /* @__PURE__ */ new Date();
+      const start = /* @__PURE__ */ new Date();
+      switch (props.dataSearchRange) {
+        case "Past1D":
+          start.setDate(start.getDate() - 1);
+          break;
+        case "Past3D":
+          start.setDate(start.getDate() - 3);
+          break;
+        case "Past1W":
+          start.setDate(start.getDate() - 7);
+          break;
+        case "Past1M":
+          start.setMonth(start.getMonth() - 1);
+          break;
+        case "Past3M":
+          start.setMonth(start.getMonth() - 3);
+          break;
+        case "Past6M":
+          start.setMonth(start.getMonth() - 6);
+          break;
+        case "Past1Y":
+          start.setFullYear(start.getFullYear() - 1);
+          break;
+        case "Past3Y":
+          start.setFullYear(start.getFullYear() - 3);
+          break;
+      }
+      state.searchParam.searchTimeList = [dayjs(start).format("YYYY-MM-DD 00:00:00"), dayjs(end).format("YYYY-MM-DD 23:59:59")];
+    }
+  };
+  const tableSearch = async () => {
+    state.tablePagination.pageIndex = 1;
+    updatedTotalParam();
+    await loadData();
+  };
+  const tableReset = async () => {
+    state.tablePagination.pageIndex = 1;
+    state.searchParam = {};
+    defaultSearchTime();
+    Object.keys(state.initParam ?? {}).forEach((key) => {
+      state.searchParam[key] = state.initParam[key];
+    });
+    emit("reset", state.searchParam);
+    await loadData();
+  };
+  const doRender = async () => {
+    state.orgColumns = [];
+    state.autoColumnWidth = [];
+    state.tableData = [];
+    await clickUtil.debounceAsync(async () => {
+      loadTableColumns();
+      await tableSearch();
+    }, 300);
+  };
+  const doLoading = (loadingFunction, loadingText = "加载中...") => {
+    state.loading = true;
+    state.loadingText = loadingText;
+    execFunction(loadingFunction).then().catch((error) => {
+      consoleError("FaTable", error);
+    }).finally(() => {
+      state.loading = false;
+    });
+  };
+  const handleCustomCellClick = (emitName, { row, column, $index }) => {
+    emit("customCellClick", emitName, { row, column, $index, ...getTableDefaultSlots(state) });
+  };
+  watch(
+    () => props.tableKey,
+    async () => {
+      await doRender();
+    }
+  );
+  watch(
+    () => props.searchForm,
+    (newValue) => {
+      state.searchForm = newValue;
+    }
+  );
+  return {
+    _globalSize,
+    state,
+    elementRef,
+    tableRef,
+    handleTableColumnAutoWidth,
+    getRequestParam,
+    loadTableColumns,
+    handleSizeChange,
+    handlePaginationChange,
+    defaultSearchTime,
+    tableSearch,
+    tableReset,
+    doRender,
+    doLoading,
+    handleCustomCellClick
+  };
+};
+export {
+  enumMapKey,
+  tableStateKey,
+  useTable
+};
+//# sourceMappingURL=useTable.mjs.map

package/es/components/table/src/useTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.mjs","sources":["../../../../../packages/components/table/src/useTable.ts"],"sourcesContent":["import { computed, nextTick, provide, reactive, ref, watch } from \"vue\";\nimport { dayjs, useGlobalSize } from \"element-plus\";\nimport { clickUtil, consoleError, execFunction, type makeSlots } from \"@fast-china/utils\";\nimport { isArray, isFunction } from \"lodash-unified\";\nimport { tableUtil } from \"../utils/table\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport type { PagedInput, PagedResult } from \"./page.type\";\nimport type { FaTableSlots, faTableEmits, faTableProps } from \"./table\";\nimport type { FaTableState } from \"./table.state\";\nimport type { FaTableColumnCtx, FaTableEnumColumnCtx } from \"./table.type\";\nimport type { TableInstance } from \"element-plus\";\nimport type { ExtractPropTypes, InjectionKey, SetupContext } from \"vue\";\n\nexport const tableStateKey: InjectionKey<FaTableState> = Symbol(\"tableState\");\nexport const enumMapKey: InjectionKey<Map<string, FaTableEnumColumnCtx[]>> = Symbol(\"enumMap\");\n\ntype TableSetupContext = SetupContext<typeof faTableEmits, ReturnType<typeof makeSlots<FaTableSlots>>>;\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type, @typescript-eslint/explicit-module-boundary-types\nexport const useTable = (props: ExtractPropTypes<typeof faTableProps>, slots: TableSetupContext[\"slots\"], emit: TableSetupContext[\"emit\"]) => {\n\tconst _globalSize = useGlobalSize();\n\n\tconst elementRef = ref<HTMLElement>();\n\tconst tableRef = ref<TableInstance>();\n\n\t/**\n\t * 定义 enumMap 存储 enum 值（避免异步请求无法格式化单元格内容 || 无法填充搜索下拉选择）\n\t */\n\tconst enumMap = reactive(new Map<string, FaTableEnumColumnCtx[]>());\n\tprovide(enumMapKey, enumMap);\n\n\tconst state: FaTableState = reactive({\n\t\tloading: false,\n\t\tloadingText: \"加载中...\",\n\t\torgColumns: [],\n\t\ttableColumns: computed(() => state.orgColumns.filter((f) => f.prop && !f.pureSearch)),\n\t\tsearchColumns: computed(() =>\n\t\t\tstate.orgColumns\n\t\t\t\t.filter((f) => f.pureSearch || f.search)\n\t\t\t\t.sort((a, b) => {\n\t\t\t\t\treturn a.search?.order - b.search?.order;\n\t\t\t\t})\n\t\t),\n\t\tspanColumns: computed(() => [\n\t\t\t...state.orgColumns\n\t\t\t\t.filter((f) => f.spanProp)\n\t\t\t\t.map((col) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tprop: col?.prop,\n\t\t\t\t\t\tspanProp: col?.spanProp,\n\t\t\t\t\t};\n\t\t\t\t}),\n\t\t\t...(props.props.span\n\t\t\t\t? [\n\t\t\t\t\t\t{ prop: \"__table-index\", spanProp: props.props.span },\n\t\t\t\t\t\t{ prop: \"__table-selection\", spanProp: props.props.span },\n\t\t\t\t\t\t{ prop: \"__table-operation\", spanProp: props.props.span },\n\t\t\t\t\t]\n\t\t\t\t: []),\n\t\t]),\n\t\ttableData: [],\n\t\ttableSpanData: computed(() => {\n\t\t\tif (state.spanColumns?.length > 0 && state.tableData?.length > 0) {\n\t\t\t\tconst result = [];\n\t\t\t\tstate.spanColumns.forEach((item) => {\n\t\t\t\t\tresult[item.prop] = new Array(state.tableData.length).fill(1, 0, 1).fill(0, 1);\n\t\t\t\t\tresult[`${item.prop}-index`] = 0;\n\t\t\t\t});\n\t\t\t\tfor (let i = 1; i < state.tableData.length; i++) {\n\t\t\t\t\tstate.spanColumns.forEach((item) => {\n\t\t\t\t\t\tif (state.tableData[i][item.spanProp] === state.tableData[i - 1][item.spanProp]) {\n\t\t\t\t\t\t\tresult[item.prop][result[`${item.prop}-index`]]++;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tresult[`${item.prop}-index`] = i;\n\t\t\t\t\t\t\tresult[item.prop][i] = 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}\n\t\t\treturn [];\n\t\t}),\n\t\ttablePagination: {\n\t\t\tpageIndex: 1,\n\t\t\tpageSize: 20,\n\t\t\ttotalRows: 0,\n\t\t},\n\t\tinitParam: {},\n\t\tsearchParam: {},\n\t\tsearchValueUpdate: \"\",\n\t\tsearchForm: props.searchForm,\n\t\thideImage: computed(() => props.hideImage),\n\t\tselected: false,\n\t\tselectedList: [],\n\t\tselectedListIds: computed(() => state.selectedList.map((item) => (isFunction(props.rowKey) ? props.rowKey(item) : item[props.rowKey]))),\n\t\tindeterminateSelectedListIds: [],\n\t\tresponseConfig: undefined,\n\t\toperationColumnWidth: computed(() => {\n\t\t\tconst findAutoCol = state.autoColumnWidth.find((f) => f.prop === \"__table-operation\");\n\t\t\tif (findAutoCol) {\n\t\t\t\treturn `${findAutoCol.width}px`;\n\t\t\t}\n\t\t\tswitch (_globalSize.value) {\n\t\t\t\tcase \"large\":\n\t\t\t\tcase \"default\":\n\t\t\t\t\treturn \"54px\";\n\t\t\t\tcase \"small\":\n\t\t\t\t\treturn \"42px\";\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"auto\";\n\t\t\t}\n\t\t}),\n\t\timagePreview: false,\n\t\tpreviewList: [],\n\t\ttableWidth: undefined,\n\t\ttableHeight: undefined,\n\t\tautoColumnWidth: [],\n\t});\n\n\tprovide(tableStateKey, state);\n\n\tconst handleTableColumnAutoWidth = (): void => {\n\t\tstate.loading = true;\n\t\tstate.loadingText = \"加载中...\";\n\t\tstate.autoColumnWidth = [];\n\t\tconst autoWidthColumns = state.tableColumns.filter((f) => f.autoWidth);\n\t\tif (slots?.operation) {\n\t\t\t// 操作列自动宽度\n\t\t\tautoWidthColumns.push({\n\t\t\t\tprop: \"__table-operation\",\n\t\t\t});\n\t\t}\n\t\tif (autoWidthColumns?.length > 0) {\n\t\t\t// padding24/16 + border1\n\t\t\tconst otherWidth = _globalSize.value === \"default\" ? 25 : 17;\n\t\t\tnextTick(() => {\n\t\t\t\tconst tableDom = document.querySelector(`.fa-table__${props.tableKey}`);\n\t\t\t\tif (tableDom) {\n\t\t\t\t\tautoWidthColumns.forEach((item) => {\n\t\t\t\t\t\tconst headerColumnDom = tableDom.querySelector(`.__fa-table__auto-width-column__cell-header__${item?.prop}`);\n\t\t\t\t\t\tconst cellColumnDoms = tableDom.querySelectorAll(`.__fa-table__auto-width-column__cell__${item?.prop}`);\n\t\t\t\t\t\tlet maxWidth = 0;\n\t\t\t\t\t\tif (headerColumnDom) {\n\t\t\t\t\t\t\tmaxWidth = Math.ceil(headerColumnDom.scrollWidth) + otherWidth;\n\t\t\t\t\t\t\tif (item?.sortable) {\n\t\t\t\t\t\t\t\tmaxWidth += 24;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcellColumnDoms.forEach((cellDom) => {\n\t\t\t\t\t\t\tconst curWidth = Math.ceil(cellDom.scrollWidth) + otherWidth;\n\t\t\t\t\t\t\tif (curWidth > maxWidth) {\n\t\t\t\t\t\t\t\tmaxWidth = curWidth;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconst findInfo = state.autoColumnWidth.find((f) => f.prop === item?.prop);\n\t\t\t\t\t\tif (findInfo) {\n\t\t\t\t\t\t\tfindInfo.width = Math.max(findInfo.width, maxWidth);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tstate.autoColumnWidth.push({\n\t\t\t\t\t\t\t\tprop: item?.prop,\n\t\t\t\t\t\t\t\twidth: maxWidth,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tstate.loading = false;\n\t};\n\n\tconst handleTableData = (data: any[]): any[] => {\n\t\tif (props.treeData) {\n\t\t\tconst result: any[] = [];\n\t\t\tdata.forEach((row) => {\n\t\t\t\tconst rowList = row[props.props.children];\n\t\t\t\tif (isArray(rowList)) {\n\t\t\t\t\t// 如果 rowList 是数组，遍历并合并每个子项\n\t\t\t\t\trowList.forEach((cRow) => result.push({ ...row, ...cRow }));\n\t\t\t\t} else {\n\t\t\t\t\tresult.push({ ...row, ...(rowList || {}) });\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn result;\n\t\t} else {\n\t\t\treturn data;\n\t\t}\n\t};\n\n\tconst getRequestParam = (): PagedInput => {\n\t\tconst params = { ...state.searchParam, ...(props.pagination ? state.tablePagination : {}) };\n\t\t// 删除总条数\n\t\tdelete params.totalRows;\n\t\treturn params;\n\t};\n\n\tconst loadData = async (): Promise<void> => {\n\t\tstate.loading = true;\n\t\tstate.loadingText = \"加载中...\";\n\t\tif (props.requestApi) {\n\t\t\tconst params = getRequestParam();\n\t\t\temit(\"refresh\", params);\n\t\t\tlet pageData = [];\n\t\t\ttry {\n\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\t// 数据回调\n\t\t\t\tprops.dataCallback && props.dataCallback(resData);\n\t\t\t\t// 解析 API 接口返回的分页数据（如果有分页更新分页信息）\n\t\t\t\tif (props.pagination) {\n\t\t\t\t\tconst pageRes = resData as PagedResult;\n\t\t\t\t\tpageData = pageRes.rows;\n\t\t\t\t\t// 更新分页信息\n\t\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\t\tpageIndex: pageRes.pageIndex,\n\t\t\t\t\t\tpageSize: pageRes.pageSize,\n\t\t\t\t\t\ttotalRows: pageRes.totalRows,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tpageData = resData as any[];\n\t\t\t\t\t// 更新分页信息\n\t\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\t\tpageIndex: 1,\n\t\t\t\t\t\tpageSize: 0,\n\t\t\t\t\t\ttotalRows: pageData.length,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tstate.tableData = handleTableData(pageData);\n\t\t\t} catch (error) {\n\t\t\t\tconsoleError(\"FaTable\", error);\n\t\t\t\tstate.tableData = [];\n\t\t\t} finally {\n\t\t\t\tstate.loading = false;\n\t\t\t}\n\t\t} else {\n\t\t\temit(\"refresh\", { searchValue: state.searchParam.searchValue });\n\t\t\tlet _value = handleTableData(props.data);\n\t\t\t_value = _value.filter((f) => {\n\t\t\t\tif (!state.searchParam.searchValue) return true;\n\t\t\t\treturn state.tableColumns.some((col) => {\n\t\t\t\t\treturn f[col.prop]?.toString()?.toLowerCase().includes(state.searchParam.searchValue?.toLowerCase());\n\t\t\t\t});\n\t\t\t});\n\t\t\tif (state.searchParam.sortList?.length > 0) {\n\t\t\t\t_value = _value.sort(tableUtil.arrayDynamicSort(state.searchParam.sortList));\n\t\t\t}\n\t\t\tif (props.pagination) {\n\t\t\t\t// 更新分页信息\n\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\ttotalRows: _value.length,\n\t\t\t\t});\n\t\t\t\tconst pageStart = (state.tablePagination.pageIndex - 1) * state.tablePagination.pageSize;\n\t\t\t\tconst pageEnd = pageStart + state.tablePagination.pageSize;\n\t\t\t\tstate.tableData = _value.slice(pageStart, pageEnd);\n\t\t\t} else {\n\t\t\t\tstate.tableData = _value;\n\t\t\t\t// 更新分页信息\n\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\tpageIndex: 1,\n\t\t\t\t\tpageSize: 0,\n\t\t\t\t\ttotalRows: _value.length,\n\t\t\t\t});\n\t\t\t}\n\t\t\tstate.loading = false;\n\t\t}\n\t\thandleTableColumnAutoWidth();\n\t};\n\n\tconst loadTableColumns = (): void => {\n\t\tlet columns: FaTableColumnCtx[] = props.columns;\n\t\t// 默认值处理\n\t\tcolumns.forEach((col) => {\n\t\t\t// 处理搜索项的 key 和 label\n\t\t\tif (col.pureSearch || col.search) {\n\t\t\t\tcol.search.key ??= col.prop;\n\t\t\t\tcol.search.label ??= col.label;\n\t\t\t\t// 处理默认值\n\t\t\t\tif (col.search.defaultValue) {\n\t\t\t\t\tstate.searchParam[col.search.key] = col.search.defaultValue;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// 排序\n\t\tcolumns = columns.sort((a, b) => {\n\t\t\treturn a?.order - b?.order;\n\t\t});\n\n\t\t// TODO:这里的扁平化暂时没用到\n\t\tstate.orgColumns = tableUtil.flatColumns(columns, enumMap);\n\t};\n\n\tconst handleSizeChange = (pageSize: number): void => {\n\t\tstate.tablePagination.pageIndex = 1;\n\t\tstate.tablePagination.pageSize = pageSize;\n\t\temit(\"sizeChange\", pageSize);\n\t\temit(\"paginationChange\", 1, pageSize);\n\t\tloadData();\n\t};\n\tconst handlePaginationChange = (val: number): void => {\n\t\tstate.tablePagination.pageIndex = val;\n\t\temit(\"sizeChange\", state.tablePagination.pageSize);\n\t\temit(\"paginationChange\", val, state.tablePagination.pageSize);\n\t\tloadData();\n\t};\n\n\tconst updatedTotalParam = (): void => {\n\t\t// 处理查询参数，可以给查询参数加自定义前缀操作\n\t\tconst newSearchParam = {};\n\t\t// 防止手动清空输入框携带参数（这里可以自定义查询参数前缀）\n\t\tfor (const key in state.searchParam) {\n\t\t\t// * 某些情况下参数为 false/0 也应该携带参数\n\t\t\tif (state.searchParam[key] || state.searchParam[key] === false || state.searchParam[key] === 0) {\n\t\t\t\tnewSearchParam[key] = state.searchParam[key];\n\t\t\t}\n\t\t\t// 处理某些情况下如果为空字符串，其实是不需要传到后端的\n\t\t\telse if (!state.searchParam[key]) {\n\t\t\t\tdelete state.searchParam[key];\n\t\t\t}\n\t\t}\n\t\tObject.assign(state.searchParam, newSearchParam);\n\t};\n\n\tconst defaultSearchTime = (): void => {\n\t\tif (props.hideSearchTime) {\n\t\t\tstate.searchParam.searchTimeList = undefined;\n\t\t} else {\n\t\t\tconst end = new Date();\n\t\t\tconst start = new Date();\n\t\t\tswitch (props.dataSearchRange) {\n\t\t\t\tcase \"Past1D\":\n\t\t\t\t\tstart.setDate(start.getDate() - 1);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past3D\":\n\t\t\t\t\tstart.setDate(start.getDate() - 3);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past1W\":\n\t\t\t\t\tstart.setDate(start.getDate() - 7);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past1M\":\n\t\t\t\t\tstart.setMonth(start.getMonth() - 1);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past3M\":\n\t\t\t\t\tstart.setMonth(start.getMonth() - 3);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past6M\":\n\t\t\t\t\tstart.setMonth(start.getMonth() - 6);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past1Y\":\n\t\t\t\t\tstart.setFullYear(start.getFullYear() - 1);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Past3Y\":\n\t\t\t\t\tstart.setFullYear(start.getFullYear() - 3);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tstate.searchParam.searchTimeList = [dayjs(start).format(\"YYYY-MM-DD 00:00:00\"), dayjs(end).format(\"YYYY-MM-DD 23:59:59\")];\n\t\t}\n\t};\n\n\tconst tableSearch = async (): Promise<void> => {\n\t\t// 重置到第一页\n\t\tstate.tablePagination.pageIndex = 1;\n\t\tupdatedTotalParam();\n\t\tawait loadData();\n\t};\n\n\tconst tableReset = async (): Promise<void> => {\n\t\t// 重置到第一页\n\t\tstate.tablePagination.pageIndex = 1;\n\t\t// 清除搜索条件\n\t\tstate.searchParam = {};\n\t\tdefaultSearchTime();\n\t\t// 重置搜索表单的时候，如果有默认搜索参数，则重置默认的搜索参数\n\t\tObject.keys(state.initParam ?? {}).forEach((key) => {\n\t\t\tstate.searchParam[key] = state.initParam[key];\n\t\t});\n\t\temit(\"reset\", state.searchParam);\n\t\tawait loadData();\n\t};\n\n\tconst doRender = async (): Promise<void> => {\n\t\tstate.orgColumns = [];\n\t\tstate.autoColumnWidth = [];\n\t\tstate.tableData = [];\n\t\tawait clickUtil.debounceAsync(async () => {\n\t\t\tloadTableColumns();\n\t\t\tawait tableSearch();\n\t\t}, 300);\n\t};\n\n\tconst doLoading = (loadingFunction: () => void | Promise<void>, loadingText = \"加载中...\"): void => {\n\t\tstate.loading = true;\n\t\tstate.loadingText = loadingText;\n\t\texecFunction(loadingFunction)\n\t\t\t.then()\n\t\t\t.catch((error) => {\n\t\t\t\tconsoleError(\"FaTable\", error);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tstate.loading = false;\n\t\t\t});\n\t};\n\n\tconst handleCustomCellClick = (emitName: string, { row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number }): void => {\n\t\temit(\"customCellClick\", emitName, { row, column, $index, ...getTableDefaultSlots(state) });\n\t};\n\n\twatch(\n\t\t() => props.tableKey,\n\t\tasync () => {\n\t\t\tawait doRender();\n\t\t}\n\t);\n\n\twatch(\n\t\t() => props.searchForm,\n\t\t(newValue) => {\n\t\t\tstate.searchForm = newValue;\n\t\t}\n\t);\n\n\treturn {\n\t\t_globalSize,\n\t\tstate,\n\t\telementRef,\n\t\ttableRef,\n\t\thandleTableColumnAutoWidth,\n\t\tgetRequestParam,\n\t\tloadTableColumns,\n\t\thandleSizeChange,\n\t\thandlePaginationChange,\n\t\tdefaultSearchTime,\n\t\ttableSearch,\n\t\ttableReset,\n\t\tdoRender,\n\t\tdoLoading,\n\t\thandleCustomCellClick,\n\t};\n};\n"],"names":[],"mappings":"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"}

package/es/components/table/utils/table.d.ts

@@ -0,0 +1,45 @@
+import { FaTableColumnCtx, FaTableEnumColumnCtx, FaTableEnumColumnType, PagedSortInput } from '../..';
+/**
+ * 表格工具类
+ */
+export declare const tableUtil: {
+    /**
+     * @description 处理无数据情况
+     * @param {String} callValue 需要处理的值
+     */
+    formatValue(callValue: any): any;
+    /**
+     * @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)
+     * @param {Object} row 当前行数据
+     * @param {String} prop 当前 prop
+     */
+    handleRowAccordingToProp(row: any, prop: string): any;
+    /**
+     * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+     * @param {String} prop 当前 prop
+     */
+    handleProp(prop: string): string;
+    /**
+     * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+     * @param {String} callValue 当前单元格值
+     * @param {Array} enumData 字典列表
+     * @param {Array} fieldNames 指定 label && value 的 key 值
+     * @param {String} type 过滤类型（目前只有 tag）
+     */
+    filterEnum(callValue: any, enumData: FaTableEnumColumnCtx[], fieldNames?: {
+        label: string;
+        value: string;
+    }, type?: "tag"): string;
+    /**
+     * 数组动态排序
+     */
+    arrayDynamicSort(sortList: PagedSortInput[]): (a: any, b: any) => number;
+    /**
+     * 设置枚举
+     */
+    setEnumMap(columnEnum: FaTableEnumColumnType, prop: string, enumMap: Map<string, FaTableEnumColumnCtx[]>): void;
+    /**
+     * 扁平化 columns
+     */
+    flatColumns(columns: FaTableColumnCtx[], enumMap?: Map<string, FaTableEnumColumnCtx[]>): FaTableColumnCtx[];
+};

package/es/components/table/utils/table.mjs

@@ -0,0 +1,122 @@
+import { isString, isFunction, isArray } from "lodash-unified";
+const tableUtil = {
+  /**
+   * @description 处理无数据情况
+   * @param {String} callValue 需要处理的值
+   */
+  formatValue(callValue) {
+    if (isArray(callValue)) return callValue.length ? callValue.join(` , `) : null;
+    return callValue;
+  },
+  /**
+   * @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)
+   * @param {Object} row 当前行数据
+   * @param {String} prop 当前 prop
+   */
+  handleRowAccordingToProp(row, prop) {
+    if (!prop.includes(".")) return row[prop] ?? null;
+    prop.split(".").forEach((item) => row = row[item]);
+    return row;
+  },
+  /**
+   * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+   * @param {String} prop 当前 prop
+   */
+  handleProp(prop) {
+    const propArr = prop.split(".");
+    if (propArr.length === 1) return prop;
+    return propArr[propArr.length - 1];
+  },
+  /**
+   * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+   * @param {String} callValue 当前单元格值
+   * @param {Array} enumData 字典列表
+   * @param {Array} fieldNames 指定 label && value 的 key 值
+   * @param {String} type 过滤类型（目前只有 tag）
+   */
+  filterEnum(callValue, enumData, fieldNames, type) {
+    const value = fieldNames?.value ?? "value";
+    const label = fieldNames?.label ?? "label";
+    let filterData = {};
+    if (isArray(enumData)) {
+      filterData = enumData.find((item) => item[value] === callValue);
+    }
+    if (type === "tag") {
+      return filterData?.type ?? "primary";
+    }
+    return filterData ? filterData[label] : null;
+  },
+  /**
+   * 数组动态排序
+   */
+  arrayDynamicSort(sortList) {
+    return function(a, b) {
+      if (sortList && sortList.length > 0) {
+        for (const condition of sortList) {
+          const property = condition.enField;
+          const order = condition.mode;
+          const aValue = a[property];
+          const bValue = b[property];
+          if (typeof aValue === "string" && typeof bValue === "string") {
+            if (order === "ascending") {
+              const comparison = aValue.localeCompare(bValue, "zh-CN");
+              if (comparison !== 0) {
+                return comparison;
+              }
+            } else if (order === "descending") {
+              const comparison = bValue.localeCompare(aValue, "zh-CN");
+              if (comparison !== 0) {
+                return comparison;
+              }
+            }
+          } else {
+            if (order === "ascending") {
+              if (aValue < bValue) return -1;
+              if (aValue > bValue) return 1;
+            } else if (order === "descending") {
+              if (aValue > bValue) return -1;
+              if (aValue < bValue) return 1;
+            }
+          }
+        }
+      }
+      return 0;
+    };
+  },
+  /**
+   * 设置枚举
+   */
+  setEnumMap(columnEnum, prop, enumMap) {
+    if (!columnEnum) return;
+    if (isFunction(columnEnum)) {
+      columnEnum().then((res) => {
+        enumMap.set(prop, res);
+      });
+    } else if (isArray(columnEnum)) {
+      enumMap.set(prop, columnEnum);
+    }
+  },
+  /**
+   * 扁平化 columns
+   */
+  flatColumns(columns, enumMap) {
+    const flatArr = [];
+    columns.forEach((col) => {
+      if (col._children?.length) {
+        flatArr.push(...this.flatColumns(col._children));
+      }
+      flatArr.push(col);
+      col.show = col.show ?? true;
+      let enumKey = col.prop ?? col.search?.key;
+      if (col.enum && isString(col.enum)) {
+        enumKey = col.enum;
+      }
+      this.setEnumMap(col.enum, enumKey, enumMap);
+    });
+    return flatArr.filter((item) => !item._children?.length);
+  }
+};
+export {
+  tableUtil
+};
+//# sourceMappingURL=table.mjs.map