@pisell/materials 1.0.455 → 1.0.456

package/es/components/dataSourceComponents/provider/fields/DataSourceContext.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Result } from 'ahooks/es/useRequest/src/types';
 import { ActionsItem } from '../../dataSourceForm/serve';
 interface Field {
     name: string;
@@ -67,9 +68,18 @@ export declare type DataSourceType = {
         baseUrl: string;
     };
 };
-export interface DataSourceContextType {
+export declare type DataSourceContextProps = {
     dataSource: DataSourceType;
     children?: React.ReactNode;
+    currentValue?: string;
+};
+export interface DataSourceContextType {
+    dataSource: DataSourceType;
+    list: Result<any, any>;
+    destroy: Result<any, any>;
+    get: Result<any, any>;
+    update: Result<any, any>;
+    create: Result<any, any>;
 }
 export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
 export default DataSourceContext;

package/es/components/dataSourceComponents/provider/fields/DataSourceContext.js

@@ -1,6 +1,11 @@
 import { createContext } from 'react';
 var initialContext = {
-  dataSource: {}
+  dataSource: {},
+  list: {},
+  destroy: {},
+  get: {},
+  update: {},
+  create: {}
 };
 export var DataSourceContext = /*#__PURE__*/createContext(initialContext);
 export default DataSourceContext;

package/es/components/dataSourceComponents/provider/fields/DataSourceProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DataSourceContextType } from './DataSourceContext';
+import { DataSourceContextProps } from './DataSourceContext';
 /**
  * @title: DataSource Provider
  * @description: 提供页面配置的数据源
  */
-declare const DataSourceProvider: React.FC<DataSourceContextType>;
+declare const DataSourceProvider: React.FC<DataSourceContextProps>;
 export default DataSourceProvider;

package/es/components/dataSourceComponents/provider/fields/DataSourceProvider.js

@@ -1,18 +1,62 @@
 import React, { useMemo } from 'react';
+import { useRequest } from 'ahooks';
+import { isString } from '@pisell/utils';
 import DataSourceContext from "./DataSourceContext";
-
+import useActions from "../../hooks/useActions";
+import useVariables from "../../hooks/useVariables";
+import useDataSource from "../../hooks/useDataSource";
 /**
  * @title: DataSource Provider
  * @description: 提供页面配置的数据源
  */
 var DataSourceProvider = function DataSourceProvider(props) {
   var children = props.children,
-    dataSource = props.dataSource;
+    propsDataSource = props.dataSource,
+    currentValue = props.currentValue;
+  var _useVariables = useVariables(),
+    parseVariable = _useVariables.parseVariable;
+  var _useDataSource = useDataSource(),
+    ctxDataSource = _useDataSource.dataSource;
+  var dataSource = isString(propsDataSource) ? parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(propsDataSource, {
+    global: {
+      currentDataSource: ctxDataSource
+    }
+  }) : propsDataSource;
+  console.log(dataSource, 'dataSource');
+  var _useActions = useActions({
+      dataSource: dataSource,
+      currentValue: currentValue
+    }),
+    list = _useActions.list,
+    get = _useActions.get,
+    update = _useActions.update,
+    create = _useActions.create,
+    destroy = _useActions.destroy;
+  var listResult = useRequest(list, {
+    manual: true
+  });
+  var destroyResult = useRequest(destroy, {
+    manual: true
+  });
+  var getResult = useRequest(get, {
+    manual: true
+  });
+  var updateResult = useRequest(update, {
+    manual: true
+  });
+  var createResult = useRequest(create, {
+    manual: true
+  });
   var value = useMemo(function () {
     return {
-      dataSource: dataSource
+      dataSource: dataSource,
+      list: listResult,
+      destroy: destroyResult,
+      get: getResult,
+      update: updateResult,
+      create: createResult
     };
-  }, [dataSource]);
+  }, [dataSource, listResult, destroyResult, getResult, updateResult, createResult]);
   return /*#__PURE__*/React.createElement(DataSourceContext.Provider, {
     value: value
   }, children);

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,98 @@
+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/dataSourceForm/BaseForm.tsx
+var BaseForm_exports = {};
+__export(BaseForm_exports, {
+  default: () => BaseForm_default
+});
+module.exports = __toCommonJS(BaseForm_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_useDataSource = __toESM(require("../hooks/useDataSource"));
+var import_form = __toESM(require("../../form"));
+var import_FormSettingProvider = __toESM(require("./provider/formSetting/FormSettingProvider"));
+var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
+var import_index = require("./index.less");
+var BaseForm = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      title,
+      description,
+      dataSource,
+      showTitle,
+      showDescription,
+      groupInfoPosition,
+      variables,
+      mode,
+      children,
+      currentValue,
+      className,
+      ...others
+    } = props;
+    (0, import_useSetRequest.default)();
+    const formRef = (0, import_react.useRef)(null);
+    const { get } = (0, import_useDataSource.default)();
+    (0, import_react.useEffect)(() => {
+      var _a;
+      (_a = formRef.current) == null ? void 0 : _a.resetFields();
+    }, [dataSource]);
+    (0, import_react.useEffect)(() => {
+      document.body.id = "body";
+    }, []);
+    (0, import_react.useImperativeHandle)(ref, () => formRef.current);
+    (0, import_react.useEffect)(() => {
+      if (["edit", "view"].includes(mode || "") && dataSource) {
+        get == null ? void 0 : get.runAsync().then((res) => {
+          var _a;
+          (_a = formRef.current) == null ? void 0 : _a.setFieldsValue(res);
+        });
+      }
+    }, [mode, dataSource]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_FormSettingProvider.default,
+      {
+        mode,
+        groupInfoPosition,
+        currentValue
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_form.default,
+        {
+          ...others,
+          className: (0, import_classnames.default)("pisell-lowcode-data-source-form", className),
+          ref: formRef,
+          preserve: true
+        },
+        (title || description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-header" }, showTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-title" }, title), showDescription && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-description" }, description)),
+        children
+      )
+    );
+  }
+);
+var BaseForm_default = BaseForm;

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

@@ -33,70 +33,14 @@ __export(dataSourceForm_exports, {
 });
 module.exports = __toCommonJS(dataSourceForm_exports);
 var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
 var import_DataSourceProvider = __toESM(require("../provider/fields/DataSourceProvider"));
 var import_form = __toESM(require("../../form"));
-var import_FormSettingProvider = __toESM(require("./provider/formSetting/FormSettingProvider"));
-var import_useActions = __toESM(require("../hooks/useActions"));
-var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
+var import_BaseForm = __toESM(require("./BaseForm"));
 var import_index = require("./index.less");
 var DataSourceForm = (0, import_react.forwardRef)(
   (props, ref) => {
-    const {
-      title,
-      description,
-      dataSource,
-      showTitle,
-      showDescription,
-      groupInfoPosition,
-      variables,
-      mode,
-      children,
-      currentValue,
-      className,
-      ...others
-    } = props;
-    (0, import_useSetRequest.default)();
-    const formRef = (0, import_react.useRef)(null);
-    const { get } = (0, import_useActions.default)({
-      currentValue,
-      dataSource
-    });
-    (0, import_react.useEffect)(() => {
-      var _a;
-      (_a = formRef.current) == null ? void 0 : _a.resetFields();
-    }, [dataSource]);
-    (0, import_react.useEffect)(() => {
-      document.body.id = "body";
-    }, []);
-    (0, import_react.useImperativeHandle)(ref, () => formRef.current);
-    (0, import_react.useEffect)(() => {
-      if (["edit", "view"].includes(mode || "") && dataSource) {
-        get().then((res) => {
-          var _a;
-          (_a = formRef.current) == null ? void 0 : _a.setFieldsValue(res);
-        });
-      }
-    }, [get, mode, dataSource]);
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_FormSettingProvider.default,
-      {
-        mode,
-        groupInfoPosition,
-        currentValue
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, /* @__PURE__ */ import_react.default.createElement(
-        import_form.default,
-        {
-          ...others,
-          className: (0, import_classnames.default)("pisell-lowcode-data-source-form", className),
-          ref: formRef,
-          preserve: true
-        },
-        (title || description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-header" }, showTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-title" }, title), showDescription && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-description" }, description)),
-        children
-      ))
-    );
+    const { dataSource, currentValue } = props;
+    return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, currentValue }, /* @__PURE__ */ import_react.default.createElement(import_BaseForm.default, { ...props, ref }));
   }
 );
 DataSourceForm.List = import_form.default.List;

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+declare const BaseTable: (props: DataSourceTableProps) => React.JSX.Element;
+export default BaseTable;

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

@@ -0,0 +1,181 @@
+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/BaseTable.tsx
+var BaseTable_exports = {};
+__export(BaseTable_exports, {
+  default: () => BaseTable_default
+});
+module.exports = __toCommonJS(BaseTable_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+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_useTableQuery = __toESM(require("./hooks/useTableQuery"));
+var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
+var import_locales = require("../../../locales");
+var import_useDataSource = __toESM(require("../hooks/useDataSource"));
+var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
+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 BaseTable = (props) => {
+  const {
+    columns: propsColumns,
+    dataSource,
+    detailContent,
+    editContent,
+    showDetailButton,
+    showEditButton,
+    showDeleteButton,
+    showAddButton,
+    addContent,
+    __designMode,
+    ...others
+  } = props;
+  (0, import_useSetRequest.default)();
+  const { registerVariable } = (0, import_useVariables.default)();
+  const { list, destroy } = (0, import_useDataSource.default)();
+  const { data } = list;
+  const {
+    drawerVisible,
+    setDrawerVisible,
+    drawerType,
+    openDrawer,
+    closeDrawer
+  } = (0, import_useDrawerState.default)();
+  const { queryPageConfig, handleValuesChange, refreshData } = (0, import_useTableQuery.default)();
+  (0, import_useDesignMode.default)(props, { registerVariable, openDrawer, closeDrawer, data: data == null ? void 0 : data.data });
+  (0, import_react.useEffect)(() => {
+    if (dataSource) {
+      list == null ? void 0 : list.run(queryPageConfig);
+    } else {
+      list == null ? void 0 : list.mutate([]);
+    }
+  }, [dataSource, list == null ? void 0 : list.run, queryPageConfig]);
+  const handleOpenDrawer = (record, type) => {
+    openDrawer(type);
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: record
+    });
+  };
+  const handleCloseDrawer = () => {
+    closeDrawer();
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: null
+    });
+  };
+  const handleDelete = async (record) => {
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: record
+    });
+    setTimeout(async () => {
+      await (destroy == null ? void 0 : destroy.run(record.id));
+      refreshData();
+    });
+  };
+  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 pagination = (0, import_usePagination.default)({ data: data == null ? void 0 : data.data });
+  const getDrawerContent = (type) => {
+    const contentMap = {
+      detail: detailContent,
+      edit: editContent,
+      add: addContent
+    };
+    return contentMap[type];
+  };
+  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(
+    import_table.default,
+    {
+      ...others,
+      columns,
+      dataSource: (data == null ? void 0 : data.data) || [],
+      loading: list == null ? void 0 : list.loading,
+      onValuesChange: handleValuesChange,
+      pagination
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_ActionsProvider.default,
+    {
+      visible: drawerVisible,
+      setVisible: setDrawerVisible,
+      refreshTableData: refreshData
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Drawer,
+      {
+        title: DRAWER_TITLES[drawerType],
+        open: drawerVisible,
+        onClose: handleCloseDrawer,
+        destroyOnClose: true
+      },
+      getDrawerContent(drawerType)
+    )
+  ));
+};
+var BaseTable_default = BaseTable;

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

@@ -33,162 +33,10 @@ __export(dataSourceTable_exports, {
 });
 module.exports = __toCommonJS(dataSourceTable_exports);
 var import_react = __toESM(require("react"));
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_table = __toESM(require("../../table"));
-var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
+var import_BaseTable = __toESM(require("./BaseTable"));
 var import_DataSourceProvider = __toESM(require("../provider/fields/DataSourceProvider"));
-var import_useVariables = __toESM(require("../hooks/useVariables"));
-var import_useColumns = __toESM(require("./hooks/useColumns"));
-var import_usePagination = __toESM(require("./hooks/usePagination"));
-var import_useActions = __toESM(require("../hooks/useActions"));
-var import_ActionsProvider = __toESM(require("../provider/actions/ActionsProvider"));
-var import_useDrawerState = __toESM(require("./hooks/useDrawerState"));
-var import_useDesignMode = __toESM(require("./hooks/useDesignMode"));
-var import_useTableQuery = __toESM(require("./hooks/useTableQuery"));
-var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
-var import_locales = require("../../../locales");
-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 DataSourceTable = (props) => {
-  const {
-    columns: propsColumns,
-    dataSource,
-    detailContent,
-    editContent,
-    showDetailButton,
-    showEditButton,
-    showDeleteButton,
-    showAddButton,
-    addContent,
-    __designMode,
-    ...others
-  } = props;
-  (0, import_useSetRequest.default)();
-  const { registerVariable } = (0, import_useVariables.default)();
-  const {
-    drawerVisible,
-    setDrawerVisible,
-    drawerType,
-    openDrawer,
-    closeDrawer
-  } = (0, import_useDrawerState.default)();
-  const { queryPageConfig, handleValuesChange, refreshData } = (0, import_useTableQuery.default)();
-  const { list, destroy } = (0, import_useActions.default)({
-    dataSource
-  });
-  const { data, loading, run, mutate } = (0, import_ahooks.useRequest)(list, {
-    manual: true
-  });
-  (0, import_useDesignMode.default)(props, { registerVariable, openDrawer, closeDrawer, data });
-  (0, import_react.useEffect)(() => {
-    if (dataSource) {
-      run(queryPageConfig);
-    } else {
-      mutate([]);
-    }
-  }, [dataSource, run, queryPageConfig]);
-  const handleOpenDrawer = (record, type) => {
-    openDrawer(type);
-    registerVariable == null ? void 0 : registerVariable({
-      currentRecord: record
-    });
-  };
-  const handleCloseDrawer = () => {
-    closeDrawer();
-    registerVariable == null ? void 0 : registerVariable({
-      currentRecord: null
-    });
-  };
-  const handleDelete = async (record) => {
-    registerVariable == null ? void 0 : registerVariable({
-      currentRecord: record
-    });
-    setTimeout(async () => {
-      await destroy(record.id);
-      refreshData();
-    });
-  };
-  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 pagination = (0, import_usePagination.default)({ data });
-  const getDrawerContent = (type) => {
-    const contentMap = {
-      detail: detailContent,
-      edit: editContent,
-      add: addContent
-    };
-    return contentMap[type];
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, 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(
-    import_table.default,
-    {
-      ...others,
-      columns,
-      dataSource: (data == null ? void 0 : data.data) || [],
-      loading,
-      onValuesChange: handleValuesChange,
-      pagination
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_ActionsProvider.default,
-    {
-      visible: drawerVisible,
-      setVisible: setDrawerVisible,
-      refreshTableData: refreshData
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Drawer,
-      {
-        title: DRAWER_TITLES[drawerType],
-        open: drawerVisible,
-        onClose: handleCloseDrawer,
-        destroyOnClose: true
-      },
-      getDrawerContent(drawerType)
-    )
-  )));
+  const { dataSource } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
 };
 var dataSourceTable_default = DataSourceTable;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;