@pisell/materials 1.0.472 → 1.0.474

package/lib/components/dataSourceComponents/dataSourceShow/utils.js

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceShow/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  default: () => utils_default
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var import_utils2 = require("../provider/variables/utils");
+var import_useVariables = __toESM(require("../hooks/useVariables"));
+var parseValueToVariableKey = (value) => {
+  if ((0, import_utils.isArr)(value) && value.length === 1 && (0, import_utils.isString)(value[0])) {
+    const key = (0, import_utils2.getVariableKey)(value[0]);
+    return key ? key.split(".")[0] : null;
+  }
+  if ((0, import_utils.isString)(value)) {
+    const key = (0, import_utils2.getVariableKey)(value);
+    return key ? key.split(".")[0] : null;
+  }
+  return null;
+};
+var withParseVariables = (Component, keys) => {
+  return (props) => {
+    const [variables, setVariables] = (0, import_react.useState)({});
+    const { parseVariable, subscribeVariables } = (0, import_useVariables.default)();
+    const valuesRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+    const handleVariableChange = (0, import_ahooks.useMemoizedFn)(
+      (allVariables, updateVariables) => {
+        const changedKey = Object.keys(updateVariables)[0];
+        if (valuesRef.current.has(changedKey)) {
+          setVariables((prev) => ({ ...prev, ...allVariables }));
+        }
+      }
+    );
+    (0, import_react.useEffect)(() => {
+      const values = /* @__PURE__ */ new Set();
+      keys.forEach((key) => {
+        const variableKey = parseValueToVariableKey(props[key]);
+        if (variableKey) {
+          values.add(variableKey);
+        }
+      });
+      valuesRef.current = values;
+    }, [props, keys]);
+    (0, import_react.useEffect)(() => {
+      const unsubscribe = subscribeVariables == null ? void 0 : subscribeVariables(handleVariableChange);
+      return () => {
+        unsubscribe == null ? void 0 : unsubscribe();
+      };
+    }, []);
+    const parsedProps = (0, import_react.useMemo)(() => {
+      const result = { ...props };
+      keys.forEach((key) => {
+        const value = props[key];
+        if ((0, import_utils.isArr)(value) && value.length === 1 && (0, import_utils.isString)(value[0])) {
+          result[key] = parseVariable == null ? void 0 : parseVariable(value[0], variables);
+        } else if ((0, import_utils.isString)(value)) {
+          result[key] = parseVariable == null ? void 0 : parseVariable(value, variables);
+        }
+      });
+      return result;
+    }, [props, variables, keys]);
+    return /* @__PURE__ */ import_react.default.createElement(Component, { ...parsedProps });
+  };
+};
+var utils_default = withParseVariables;

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -33,58 +33,47 @@ __export(BaseTable_exports, {
 });
 module.exports = __toCommonJS(BaseTable_exports);
 var import_react = __toESM(require("react"));
-var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_table = __toESM(require("../../table"));
 var import_useVariables = __toESM(require("../hooks/useVariables"));
-var import_useColumns = __toESM(require("./hooks/useColumns"));
-var import_usePagination = __toESM(require("./hooks/usePagination"));
 var import_ActionsProvider = __toESM(require("../provider/actions/ActionsProvider"));
 var import_useDrawerState = __toESM(require("./hooks/useDrawerState"));
 var import_useDesignMode = __toESM(require("./hooks/useDesignMode"));
+var import_useComponentId = __toESM(require("../hooks/useComponentId"));
 var import_useTableQuery = __toESM(require("./hooks/useTableQuery"));
-var import_locales = require("../../../locales");
 var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
 var import_useDataSourceKey = __toESM(require("./hooks/useDataSourceKey"));
-var DRAWER_TITLES = {
-  detail: (0, import_locales.getText)("pisell-data-source-table-detail"),
-  edit: (0, import_locales.getText)("pisell-data-source-table-edit"),
-  add: (0, import_locales.getText)("pisell-data-source-table-add")
-};
+var import_useTableProps = __toESM(require("./hooks/useTableProps"));
 var BaseTable = (props) => {
   const {
     columns: propsColumns,
     dataSource,
-    detailContent,
-    editContent,
-    showDetailButton,
-    showEditButton,
-    showDeleteButton,
-    showAddButton,
-    addContent,
-    __designMode,
-    componentId,
+    operationContent,
     ...others
   } = props;
+  const componentId = (0, import_useComponentId.default)(props);
   const { registerValueVariable } = (0, import_useVariables.default)();
-  const { list, destroy } = (0, import_useDataSource.default)();
+  const { list } = (0, import_useDataSource.default)();
   const { data } = list;
   const { dataSourceKey, dataSourceKeyRef } = (0, import_useDataSourceKey.default)();
   const {
     drawerVisible,
     setDrawerVisible,
-    drawerType,
     openDrawer,
-    closeDrawer
-  } = (0, import_useDrawerState.default)();
-  const { queryPageConfig, handleValuesChange, refreshData } = (0, import_useTableQuery.default)();
+    closeDrawer,
+    containerProps,
+    Container,
+    drawerContent
+  } = (0, import_useDrawerState.default)(operationContent);
+  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange } = (0, import_useTableQuery.default)(props);
   (0, import_useDesignMode.default)(props, {
     registerValueVariable,
     openDrawer,
     closeDrawer,
     data: data == null ? void 0 : data.data
   });
-  (0, import_react.useEffect)(() => {
+  (0, import_ahooks.useUpdateEffect)(() => {
     refreshData();
   }, [dataSourceKey]);
   (0, import_react.useEffect)(() => {
@@ -94,84 +83,33 @@ var BaseTable = (props) => {
       list == null ? void 0 : list.mutate([]);
     }
   }, [queryPageConfig]);
-  const handleOpenDrawer = (record, type) => {
+  (0, import_react.useEffect)(() => {
     registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
-      currentRecord: record
+      currentDataSource: dataSource
     });
-    openDrawer(type);
-  };
+  }, [dataSource]);
   const handleCloseDrawer = () => {
     closeDrawer();
     registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
       currentRecord: null
     });
   };
-  const handleDelete = async (record) => {
-    try {
-      registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
-        currentRecord: record
-      });
-      setTimeout(async () => {
-        await (destroy == null ? void 0 : destroy.run(record.id));
-        refreshData();
-      });
-    } catch (error) {
-      console.error(error);
-      import_antd.message.error("删除失败,请重试");
-    }
-  };
-  const actionsColumns = (0, import_react.useMemo)(() => {
-    return [
-      {
-        title: "操作",
-        key: "actions",
-        showDetailButton,
-        showEditButton,
-        showDeleteButton,
-        render: (_, record) => {
-          return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, showDetailButton && /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Button,
-            {
-              onClick: () => handleOpenDrawer(record, "detail"),
-              type: "link"
-            },
-            (0, import_locales.getText)("pisell-data-source-table-detail")
-          ), showEditButton && /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Button,
-            {
-              onClick: () => handleOpenDrawer(record, "edit"),
-              type: "link"
-            },
-            (0, import_locales.getText)("pisell-data-source-table-edit")
-          ), showDeleteButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => handleDelete(record), type: "link", danger: true }, (0, import_locales.getText)("pisell-data-source-table-delete")));
-        }
-      }
-    ];
-  }, [showDetailButton, showEditButton, showDeleteButton]);
-  const columns = (0, import_useColumns.default)({
-    columns: propsColumns,
-    fields: dataSource == null ? void 0 : dataSource.fields,
-    // 操作列
-    actionsColumns
+  const transformProps = (0, import_useTableProps.default)({
+    data,
+    originProps: props,
+    openDrawer,
+    closeDrawer,
+    refreshData,
+    handleFilterChange
   });
-  const pagination = (0, import_usePagination.default)({ data });
-  const drawerContent = (0, import_react.useMemo)(() => {
-    const contentMap = {
-      detail: detailContent,
-      edit: editContent,
-      add: addContent
-    };
-    return contentMap[drawerType];
-  }, [drawerType, detailContent, editContent, addContent]);
-  return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, showAddButton && /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => handleOpenDrawer(null, "add") }, (0, import_locales.getText)("pisell-data-source-table-add"))), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, /* @__PURE__ */ import_react.default.createElement(
     import_table.default,
     {
       ...others,
-      columns,
+      ...transformProps,
       dataSource: (data == null ? void 0 : data.data) || [],
       loading: list == null ? void 0 : list.loading,
-      onValuesChange: handleValuesChange,
-      pagination
+      onValuesChange: handleValuesChange
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_ActionsProvider.default,
@@ -181,11 +119,12 @@ var BaseTable = (props) => {
       refreshTableData: refreshData
     },
     /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Drawer,
+      Container,
       {
-        title: DRAWER_TITLES[drawerType],
+        ...containerProps,
         open: drawerVisible,
         onClose: handleCloseDrawer,
+        onCancel: handleCloseDrawer,
         destroyOnClose: true
       },
       drawerContent

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface BaseFilterItem {
+    name?: string;
+    value: string;
+    label?: string;
+    type?: string;
+    isHidden: boolean;
+    isCustom?: boolean;
+}
+interface FilterProps {
+    componentId: string;
+    filterBy: Record<string, any>;
+    quickFilterMaxLength?: number;
+    sortButtonShow?: boolean;
+    mode?: 'simple' | 'complex';
+    items: BaseFilterItem[];
+    handleValuesChange: (changedFields: any, allFields: any) => void;
+    search: {
+        show: boolean;
+        placeholder: string;
+        key: string;
+    };
+}
+declare const Filter: (props: FilterProps) => React.JSX.Element;
+export default Filter;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.js

@@ -0,0 +1,176 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/filter/index.tsx
+var filter_exports = {};
+__export(filter_exports, {
+  default: () => filter_default
+});
+module.exports = __toCommonJS(filter_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_icons = require("@ant-design/icons");
+var import_Input = __toESM(require("../../fields/Input"));
+var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
+var import_FilterButton = __toESM(require("../../../filter/components/FilterButton"));
+var import_utils = require("./utils");
+var defaultArr = [];
+var Filter = (props) => {
+  const {
+    componentId,
+    items = defaultArr,
+    mode = "simple",
+    quickFilterMaxLength = 3,
+    sortButtonShow = false,
+    handleValuesChange,
+    search,
+    filterBy
+  } = props;
+  const [form] = import_antd.Form.useForm();
+  const { dataSource } = (0, import_useDataSource.default)();
+  const [list, setList] = (0, import_react.useState)(() => {
+    const storedOrder = (0, import_utils.getStoredFilterOrder)(componentId);
+    return storedOrder || {
+      quickFilter: [],
+      otherFilter: []
+    };
+  });
+  const filterList = (0, import_react.useMemo)(() => {
+    return items.filter((item) => !(item == null ? void 0 : item.isHidden));
+  }, [items]);
+  const filterDom = (0, import_react.useMemo)(() => {
+    return (0, import_utils.genFilterItems)(list.quickFilter, dataSource);
+  }, [list.quickFilter]);
+  (0, import_react.useEffect)(() => {
+    const storedOrder = (0, import_utils.getStoredFilterOrder)(componentId);
+    if (!storedOrder) {
+      const newList = {
+        quickFilter: filterList.slice(0, quickFilterMaxLength),
+        otherFilter: filterList.slice(quickFilterMaxLength)
+      };
+      setList(newList);
+      (0, import_utils.saveFilterOrder)(componentId, newList);
+      return;
+    }
+    const orderedItems = {
+      quickFilter: [],
+      otherFilter: []
+    };
+    const itemMap = new Map(filterList.map((item) => [item.name, item]));
+    storedOrder.quickFilter.forEach((stored) => {
+      const item = itemMap.get(stored.name);
+      if (item) {
+        orderedItems.quickFilter.push(item);
+        itemMap.delete(stored.name);
+      }
+    });
+    storedOrder.otherFilter.forEach((stored) => {
+      const item = itemMap.get(stored.name);
+      if (item) {
+        orderedItems.otherFilter.push(item);
+        itemMap.delete(stored.name);
+      }
+    });
+    const remainingItems = Array.from(itemMap.values());
+    remainingItems.forEach((item) => {
+      if (orderedItems.quickFilter.length < quickFilterMaxLength) {
+        orderedItems.quickFilter.push(item);
+      } else {
+        orderedItems.otherFilter.push(item);
+      }
+    });
+    if (quickFilterMaxLength && orderedItems.quickFilter.length > quickFilterMaxLength) {
+      const overflow = orderedItems.quickFilter.splice(quickFilterMaxLength);
+      orderedItems.otherFilter.unshift(...overflow);
+    }
+    setList(orderedItems);
+    (0, import_utils.saveFilterOrder)(componentId, orderedItems);
+  }, [filterList, quickFilterMaxLength, componentId]);
+  const onChange = (newVal) => {
+    setList(newVal);
+    (0, import_utils.saveFilterOrder)(componentId, newVal);
+  };
+  const renderItem = (0, import_ahooks.useMemoizedFn)((item, otherProps) => {
+    const getField = (0, import_utils.genGetField)(dataSource);
+    const field = getField(item.name);
+    const cptDom = (0, import_utils.field2Cpt)(field, item, {
+      labelCol: { span: 24 },
+      style: (style) => {
+        return {
+          ...style || {},
+          width: "100%"
+        };
+      },
+      ...otherProps
+    });
+    return cptDom;
+  });
+  const onValuesChange = (0, import_ahooks.useDebounceFn)(
+    (changedFields, allFields) => {
+      handleValuesChange(changedFields, allFields);
+    },
+    { wait: 300 }
+  ).run;
+  const searchDom = (0, import_react.useMemo)(() => {
+    return (search == null ? void 0 : search.show) ? /* @__PURE__ */ import_react.default.createElement(
+      import_Input.default,
+      {
+        name: search.key || "_keywords",
+        placeholder: search.placeholder,
+        renderMode: "edit",
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+        style: { width: 200 }
+      }
+    ) : null;
+  }, [search]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      labelCol: { span: 0 },
+      form,
+      size: "large",
+      layout: "inline",
+      className: "filter-form-wrapper",
+      onValuesChange
+    },
+    searchDom,
+    filterDom,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_FilterButton.default,
+      {
+        value: list,
+        quickFilterMaxLength,
+        formFiltersPrefix: "",
+        onChange,
+        renderItem
+      }
+    )
+  );
+};
+var filter_default = Filter;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FilterItemProps } from '../../../filter/types';
+import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
+export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;
+export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => React.JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (React.JSX.Element | null)[];
+export declare const getStoredFilterOrder: (componentId: string) => any;
+export declare const saveFilterOrder: (componentId: string, order: any) => void;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.js

@@ -0,0 +1,176 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/filter/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  field2Cpt: () => field2Cpt,
+  genFilterItems: () => genFilterItems,
+  genGetField: () => genGetField,
+  getStoredFilterOrder: () => getStoredFilterOrder,
+  saveFilterOrder: () => saveFilterOrder
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_fields = require("../../fields");
+var genGetField = (dataSource) => {
+  const { fields = [] } = dataSource || {};
+  const fieldMap = fields.reduce((acc, field) => {
+    acc[field.name] = field;
+    return acc;
+  }, {});
+  return (key) => {
+    return fieldMap[key];
+  };
+};
+var fieldType2FilterMap = {
+  Checkbox: "Select",
+  ColorPicker: "Input",
+  DatePicker: "DateRangePicker",
+  Input: "Input",
+  Radio: "Select",
+  Select: "Select",
+  Percent: "Percent",
+  InputNumber: "Input",
+  "Input.JSON": "Input",
+  "Input.URL": "Input",
+  "Input.Password": "Input",
+  "Radio.Group": "Select",
+  "Checkbox.Group": "Select"
+};
+var getCptProps = (field, cptType, item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  let props = ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a["x-component-props"]) || {};
+  props.style = {
+    ...(props == null ? void 0 : props.style) || {},
+    width: "200px"
+  };
+  props.placeholder = item.label;
+  props.allowClear = true;
+  if (cptType === "Select") {
+    props.mode = "multiple";
+  }
+  if (["Select", "Radio.Group", "Checkbox.Group"].includes(
+    (_b = field == null ? void 0 : field.uiSchema) == null ? void 0 : _b["x-component"]
+  ) && (((_d = (_c = field == null ? void 0 : field.uiSchema) == null ? void 0 : _c.enum) == null ? void 0 : _d.length) || 0) > 0) {
+    if (["Radio.Group", "Checkbox.Group"].includes(
+      (_e = field == null ? void 0 : field.uiSchema) == null ? void 0 : _e["x-component"]
+    )) {
+      props.direction = "horizontal";
+    }
+    props.options = (_f = field == null ? void 0 : field.uiSchema) == null ? void 0 : _f.enum;
+  }
+  if (((_g = field == null ? void 0 : field.uiSchema) == null ? void 0 : _g["x-component"]) === "ColorPicker") {
+    props.defaultValue = (_h = field == null ? void 0 : field.uiSchema) == null ? void 0 : _h.default;
+  }
+  if (cptType === "DateRangePicker") {
+    props.style = {
+      ...(props == null ? void 0 : props.style) || {},
+      width: "240px"
+    };
+  }
+  if (((_i = field == null ? void 0 : field.uiSchema) == null ? void 0 : _i["x-component"]) === "Checkbox" && cptType === "Select") {
+    props.mode = void 0;
+    props.allowClear = true;
+    props.options = [
+      {
+        label: "是",
+        value: true
+      },
+      {
+        label: "否",
+        value: false
+      }
+    ];
+  }
+  return props;
+};
+var field2Cpt = (field, item, otherProps) => {
+  const { isCustom, type: configType } = item;
+  const { uiSchema } = field || {};
+  const { "x-component": xComponent } = uiSchema || {};
+  let cptType = fieldType2FilterMap[xComponent];
+  if (isCustom) {
+    cptType = configType;
+  }
+  const Cpt = import_fields.formFieldMap[cptType];
+  if (!Cpt) {
+    return null;
+  }
+  const props = getCptProps(field, cptType, item);
+  const style = (0, import_utils.isFunction)(otherProps == null ? void 0 : otherProps.style) ? otherProps == null ? void 0 : otherProps.style(props.style) : (otherProps == null ? void 0 : otherProps.style) ? { ...props.style, ...otherProps == null ? void 0 : otherProps.style } : props.style;
+  return /* @__PURE__ */ import_react.default.createElement(
+    Cpt,
+    {
+      ...props,
+      label: item.label,
+      name: item.name || item.value,
+      ...otherProps,
+      style
+    }
+  );
+};
+var genFilterItems = (list, dataSource) => {
+  return list.map((item) => {
+    if (!item) {
+      return null;
+    }
+    const { name } = item;
+    const getField = genGetField(dataSource);
+    const field = getField(name);
+    const cptDom = field2Cpt(field, item);
+    return cptDom;
+  });
+};
+var FILTER_STORAGE_KEY = "filter-setting-";
+var getStorageKey = (componentId) => `${FILTER_STORAGE_KEY}${componentId}`;
+var getStoredFilterOrder = (componentId) => {
+  try {
+    const stored = localStorage.getItem(getStorageKey(componentId));
+    return stored ? JSON.parse(stored) : null;
+  } catch (e) {
+    console.error("Failed to parse stored filter order:", e);
+    return null;
+  }
+};
+var saveFilterOrder = (componentId, order) => {
+  try {
+    localStorage.setItem(getStorageKey(componentId), JSON.stringify(order));
+  } catch (e) {
+    console.error("Failed to save filter order:", e);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  field2Cpt,
+  genFilterItems,
+  genGetField,
+  getStoredFilterOrder,
+  saveFilterOrder
+});

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const useDataSourceKey: () => {
-    dataSourceKey: string;
-    dataSourceKeyRef: import("react").MutableRefObject<string>;
+    dataSourceKey: string | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
 };
 export default useDataSourceKey;