@pisell/materials 1.0.472 → 1.0.473

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

@@ -43,6 +43,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
+var import_locales = require("../../../locales");
 var import_form = __toESM(require("../../form"));
 var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
@@ -81,7 +82,7 @@ var formItemNameReplace = (name) => {
 var formItemNameReverse = (name) => {
   return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
 };
-var withFormItem = (WrappedComponent) => {
+var withFormItem = (WrappedComponent, otherFormItemProps) => {
   return ({
     name: propsName,
     label: propsLabel,
@@ -100,7 +101,10 @@ var withFormItem = (WrappedComponent) => {
     getValueProps,
     validator,
     style,
+    validateTrigger,
     __designMode,
+    labelCol,
+    innerStyle,
     ...otherProps
   }) => {
     var _a;
@@ -112,30 +116,70 @@ var withFormItem = (WrappedComponent) => {
     const label = propsLabel || ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a.title) || propsName;
     const effectiveMode = propsMode || globalMode;
     const renderComponent = (0, import_react.useMemo)(() => {
-      return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...otherProps, renderMode: effectiveMode });
-    }, [effectiveMode, otherProps]);
+      return /* @__PURE__ */ import_react.default.createElement(
+        WrappedComponent,
+        {
+          ...otherProps,
+          mode: propsMode,
+          renderMode: effectiveMode,
+          style: {
+            ...(otherFormItemProps == null ? void 0 : otherFormItemProps.innerStyle) || {},
+            ...innerStyle
+          }
+        }
+      );
+    }, [effectiveMode, otherProps, propsMode, innerStyle, otherFormItemProps == null ? void 0 : otherFormItemProps.innerStyle]);
     const isDesignMode = __designMode === "design";
     const isHidden = effectiveMode === "hidden";
     const name = (0, import_utils.isString)(propsName) && propsName.includes(".") ? [propsName] : propsName;
     const concatName = name !== void 0 ? [...prefixPath, ...toArr(name)] : void 0;
     const rules = [];
     if (requiredobj && requiredobj.required) {
-      rules.push(requiredobj);
+      rules.push({
+        ...requiredobj,
+        message: requiredobj.message || (0, import_locales.getText)("pisell-data-source-form-required-message")
+      });
     }
     if (typeobj && typeobj.enabled) {
-      rules.push(typeobj);
+      if (typeobj.type === "email") {
+        rules.push({
+          ...typeobj,
+          message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-email-message")
+        });
+      } else {
+        rules.push({
+          ...typeobj,
+          message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-type-message")(typeobj == null ? void 0 : typeobj.type)
+        });
+      }
     }
     if (maxLengthobj && maxLengthobj.enabled) {
-      rules.push(maxLengthobj);
+      rules.push({
+        ...maxLengthobj,
+        message: maxLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-max-length-message")(
+          maxLengthobj == null ? void 0 : maxLengthobj.max
+        )
+      });
     }
     if (minLengthobj && minLengthobj.enabled) {
-      rules.push(minLengthobj);
+      rules.push({
+        ...minLengthobj,
+        message: minLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-min-length-message")(
+          minLengthobj == null ? void 0 : minLengthobj.min
+        )
+      });
     }
     if (maxobj && maxobj.enabled) {
-      rules.push(maxobj);
+      rules.push({
+        ...maxobj,
+        message: maxobj.message || (0, import_locales.getText)("pisell-data-source-form-max-value-message")(maxobj == null ? void 0 : maxobj.max)
+      });
     }
     if (minobj && minobj.enabled) {
-      rules.push(minobj);
+      rules.push({
+        ...minobj,
+        message: minobj.message || (0, import_locales.getText)("pisell-data-source-form-min-value-message")(minobj == null ? void 0 : minobj.min)
+      });
     }
     return /* @__PURE__ */ import_react.default.createElement(
       import_form.default.Item,
@@ -155,7 +199,10 @@ var withFormItem = (WrappedComponent) => {
         rules,
         normalize,
         getValueProps,
-        validator
+        validator,
+        validateTrigger,
+        labelCol,
+        ...otherFormItemProps
       },
       renderComponent
     );
@@ -195,7 +242,7 @@ var withOptions = (WrappedComponent) => {
         value: item[valueField]
       }))) || [];
     }, [propsOptions, optionSourceType, (_a = list == null ? void 0 : list.data) == null ? void 0 : _a.data]);
-    return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource: options }, /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options }));
+    return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options });
   };
 };
 var getNestedValue = (obj, path) => {

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
+export default DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.js

@@ -0,0 +1,38 @@
+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/dataSourceImage/index.tsx
+var dataSourceImage_exports = {};
+__export(dataSourceImage_exports, {
+  default: () => dataSourceImage_default
+});
+module.exports = __toCommonJS(dataSourceImage_exports);
+var import_antd = require("antd");
+var import_utils = __toESM(require("../utils"));
+var DataSourceImage = (0, import_utils.default)(import_antd.Image, ["src"]);
+var dataSourceImage_default = DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
+export default DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.js

@@ -0,0 +1,38 @@
+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/dataSourceQRCode/index.tsx
+var dataSourceQRCode_exports = {};
+__export(dataSourceQRCode_exports, {
+  default: () => dataSourceQRCode_default
+});
+module.exports = __toCommonJS(dataSourceQRCode_exports);
+var import_qrcode = __toESM(require("../../../qrcode"));
+var import_utils = __toESM(require("../utils"));
+var DataSourceQRCode = (0, import_utils.default)(import_qrcode.default, ["value"]);
+var dataSourceQRCode_default = DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DataSourceTypographyProps {
+    dataSourceKey: string;
+    children: React.ReactNode;
+}
+declare const DataSourceTypography: {
+    (props: DataSourceTypographyProps): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+};
+export default DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.js

@@ -0,0 +1,44 @@
+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/dataSourceTypography/index.tsx
+var dataSourceTypography_exports = {};
+__export(dataSourceTypography_exports, {
+  default: () => dataSourceTypography_default
+});
+module.exports = __toCommonJS(dataSourceTypography_exports);
+var import_react = __toESM(require("react"));
+var import_typography = __toESM(require("../../../typography"));
+var import_utils = __toESM(require("../utils"));
+var DataSourceTypography = (props) => {
+  const { children, dataSourceKey, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_typography.default, { ...rest }, children);
+};
+var Text = (0, import_utils.default)(import_typography.default.Text, ["children"]);
+DataSourceTypography.Text = Text;
+var dataSourceTypography_default = DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ParsedProps {
+    [key: string]: unknown;
+}
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
+export default withParseVariables;

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;