@hw-component/table 1.9.93 → 1.9.95

package/es/DialogTable/DwEditTable.js

@@ -0,0 +1,134 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { Drawer } from 'antd';
+import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
+import { EditTableContent } from './Content.js';
+import { CloseOutlined } from '@ant-design/icons';
+import { useClassName } from '../hooks/index.js';
+
+var _excluded = ["configData", "request", "editTableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width", "footer"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DwEditTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$editTableProps = _ref.editTableProps,
+    editTableProps = _ref$editTableProps === void 0 ? {} : _ref$editTableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _onClose = _ref.onClose,
+    _afterVisibleChange = _ref.afterVisibleChange,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 888 : _ref$width,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var className = useClassName("hw-table-pointer-not-hover");
+  var _useTableProps = useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title,
+            oldP = oldParams.params,
+            oldDataSource = oldParams.dataSource;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params,
+            _showParams$dataSourc = showParams.dataSource,
+            dataSource = _showParams$dataSourc === void 0 ? oldDataSource : _showParams$dataSourc;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params,
+            dataSource: dataSource
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    dataSource = modalTableParams.dataSource,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsx(Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    footer: footer,
+    visible: modalVisible,
+    onClose: function onClose(e) {
+      setModalVisible(false);
+      _onClose === null || _onClose === void 0 || _onClose(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    closable: false,
+    extra: jsx(CloseOutlined, {
+      className: className,
+      onClick: function onClick(e) {
+        setModalVisible(false);
+        _onClose === null || _onClose === void 0 || _onClose(e);
+      }
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(changeVisible) {
+      if (!changeVisible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(changeVisible);
+    },
+    children: jsx(EditTableContent, {
+      contentRender: contentRender,
+      editTableProps: editTableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req,
+      dataSource: dataSource
+    })
+  }));
+});
+
+export { DwEditTable as default };
+// powered by hdj

package/es/DialogTable/DwTable.js

@@ -12,7 +12,7 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import { jsx } from 'react/jsx-runtime';
 import { Drawer } from 'antd';
 import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
-import Content from './Content.js';
+import { TableContent } from './Content.js';
 import { CloseOutlined } from '@ant-design/icons';
 import { useClassName } from '../hooks/index.js';
 
@@ -119,7 +119,7 @@ var DwTable = (function (_ref) {
       }
       _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(changeVisible);
     },
-    children: jsx(Content, {
+    children: jsx(TableContent, {
       contentRender: contentRender,
       tableProps: tableProps,
       configData: configData || [],

package/es/DialogTable/ModalEditTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ModalTableProps } from "../modal";
+import { ProColumns } from "@ant-design/pro-table/lib/typing";
+declare const _default: ({ configData: configDataProps, request: requestProps, editTableProps, dialogTable, visible, onCancel, bodyStyle, afterClose, contentRender, width, footer, ...props }: ModalTableProps<ProColumns[]>) => JSX.Element;
+export default _default;

package/es/DialogTable/ModalEditTable.js

@@ -0,0 +1,120 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from 'antd';
+import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
+import { EditTableContent } from './Content.js';
+
+var _excluded = ["configData", "request", "editTableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width", "footer"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ModalEditTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$editTableProps = _ref.editTableProps,
+    editTableProps = _ref$editTableProps === void 0 ? {} : _ref$editTableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _onCancel = _ref.onCancel,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _afterClose = _ref.afterClose,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 666 : _ref$width,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var _useTableProps = useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title,
+            oldP = oldParams.params,
+            oldDataSource = oldParams.dataSource;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$dataSourc = showParams.dataSource,
+            dataSource = _showParams$dataSourc === void 0 ? oldDataSource : _showParams$dataSourc,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params,
+            dataSource: dataSource
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    dataSource = modalTableParams.dataSource,
+    request = modalTableParams.request,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+    footer: footer,
+    visible: modalVisible,
+    onCancel: function onCancel(e) {
+      setModalVisible(false);
+      _onCancel === null || _onCancel === void 0 || _onCancel(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: "0px 0px 12px"
+    }, bodyStyle),
+    afterClose: function afterClose() {
+      currentTable.form.resetFields();
+      _afterClose === null || _afterClose === void 0 || _afterClose();
+    },
+    children: jsx(EditTableContent, {
+      contentRender: contentRender,
+      editTableProps: editTableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req,
+      dataSource: dataSource
+    })
+  }));
+});
+
+export { ModalEditTable as default };
+// powered by hdj

package/es/DialogTable/ModalTable.js

@@ -12,7 +12,7 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import { jsx } from 'react/jsx-runtime';
 import { Modal } from 'antd';
 import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
-import Content from './Content.js';
+import { TableContent } from './Content.js';
 
 var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width", "footer"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -105,7 +105,7 @@ var ModalTable = (function (_ref) {
       currentTable.form.resetFields();
       _afterClose === null || _afterClose === void 0 || _afterClose();
     },
-    children: jsx(Content, {
+    children: jsx(TableContent, {
       contentRender: contentRender,
       tableProps: tableProps,
       configData: configData || [],

package/es/DialogTable/hooks.d.ts

@@ -4,21 +4,10 @@ export declare const useHDialogTable: () => HDiaLogTableInstance;
 interface ParamsModal extends HOnDiaLogTableInstance {
     dialogTable?: HDiaLogTableInstance;
 }
-export declare const useTableProps: ({ configData, params, title, request, dataSource, }: Omit<ModalTableProps, "tableProps">) => {
-    modalTableParams: {
-        params: Record<string, any> | undefined;
-        title: import("react").ReactNode;
-        configData: import("../modal").ConfigDataModal | undefined;
-        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
-        dataSource: any[] | undefined;
-    };
-    setModalTableParams: import("react").Dispatch<import("react").SetStateAction<{
-        params: Record<string, any> | undefined;
-        title: import("react").ReactNode;
-        configData: import("../modal").ConfigDataModal | undefined;
-        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
-        dataSource: any[] | undefined;
-    }>>;
+type TablePropsModal<T> = Omit<ModalTableProps<T>, "tableProps">;
+export declare function useTableProps<T>({ configData, params, title, request, dataSource, }: TablePropsModal<T>): {
+    modalTableParams: TablePropsModal<T>;
+    setModalTableParams: import("react").Dispatch<import("react").SetStateAction<TablePropsModal<T>>>;
 };
 export declare const useCurrentTable: ({ show, hide, dialogTable }: ParamsModal) => HDiaLogTableInstance;
 export declare const useVisible: (visible: boolean) => {

package/es/DialogTable/hooks.js

@@ -24,7 +24,7 @@ var useHDialogTable = function useHDialogTable() {
     });
   }, []);
 };
-var useTableProps = function useTableProps(_ref) {
+function useTableProps(_ref) {
   var configData = _ref.configData,
     params = _ref.params,
     title = _ref.title,
@@ -49,11 +49,18 @@ var useTableProps = function useTableProps(_ref) {
       });
     }
   }, [configData]);
+  useEffect(function () {
+    setModalTableParams(function (oldVal) {
+      return _objectSpread(_objectSpread({}, oldVal), {}, {
+        dataSource: dataSource
+      });
+    });
+  }, [dataSource]);
   return {
     modalTableParams: modalTableParams,
     setModalTableParams: setModalTableParams
   };
-};
+}
 var useCurrentTable = function useCurrentTable(_ref2) {
   var show = _ref2.show,
     hide = _ref2.hide,

package/es/EditTable/hooks.d.ts

@@ -0,0 +1,9 @@
+import { EditTableProps } from "./modal";
+import { MutableRefObject } from "react";
+import type { ActionType } from "@ant-design/pro-table";
+import { EditableFormInstance } from "@ant-design/pro-table/lib/components/EditableTable";
+export declare const useListRequest: ({ request, dataSource }: EditTableProps) => import("@ahooksjs/use-request/lib/types").BaseResult<any, [params: any]>;
+export declare const useCuRef: ({ actionRef, editableFormRef }: EditTableProps) => {
+    cuActionRef: MutableRefObject<ActionType>;
+    cuEditableFormRef: MutableRefObject<EditableFormInstance>;
+};

package/es/EditTable/hooks.js

@@ -0,0 +1,76 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import { useRequest } from 'ahooks';
+import { useMemo, useRef } from 'react';
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useListRequest = function useListRequest(_ref) {
+  var request = _ref.request,
+    dataSource = _ref.dataSource;
+  var saveParams = useMemo(function () {
+    return {
+      params: {}
+    };
+  }, []);
+  return useRequest( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
+      var newParams;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            newParams = _objectSpread(_objectSpread({}, saveParams.params), params);
+            saveParams.params = newParams;
+            if (!request) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return", request(newParams));
+          case 4:
+            if (!_Array$isArray(dataSource)) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", dataSource);
+          case 6:
+            return _context.abrupt("return", dataSource);
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), {
+    manual: true,
+    refreshDeps: [dataSource]
+  });
+};
+var useCuRef = function useCuRef(_ref3) {
+  var actionRef = _ref3.actionRef,
+    editableFormRef = _ref3.editableFormRef;
+  var defaultActionRef = useRef();
+  var defaultTableRef = useRef();
+  var cuActionRef = actionRef || defaultActionRef;
+  var cuEditableFormRef = editableFormRef || defaultTableRef;
+  return {
+    cuActionRef: cuActionRef,
+    cuEditableFormRef: cuEditableFormRef
+  };
+};
+
+export { useCuRef, useListRequest };
+// powered by hdj

package/es/EditTable/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EditTableProps } from "./modal";
+declare const _default: ({ configData, rowKey, creatorButtonText, recordCreatorProps, defaultRecordValue, pagination, editable, dataSource, request, manual, emptyRender, errorRender, onAdd, onEdit, actionRef, editableFormRef, ...props }: EditTableProps) => JSX.Element;
+export default _default;

package/es/EditTable/index.js

@@ -0,0 +1,181 @@
+// welcome to hoo hoo hoo
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EditableProTable } from '@ant-design/pro-table';
+import { useClassName } from '../hooks/index.js';
+import HTablePagination from '../HTablePagination/index.js';
+import { ConfigProvider } from 'antd';
+import { emptyDefaultRender, errorDefaultRender } from '../HTableBody/defaultRender.js';
+import { useHTableConfigContext } from '../TableConfig.js';
+import { useListRequest, useCuRef } from './hooks.js';
+
+var _excluded = ["configData", "rowKey", "creatorButtonText", "recordCreatorProps", "defaultRecordValue", "pagination", "editable", "dataSource", "request", "manual", "emptyRender", "errorRender", "onAdd", "onEdit", "actionRef", "editableFormRef"],
+  _excluded2 = ["index", "id"];
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var EditTable = (function (_ref) {
+  var configData = _ref.configData,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
+    _ref$creatorButtonTex = _ref.creatorButtonText,
+    creatorButtonText = _ref$creatorButtonTex === void 0 ? "新增一列" : _ref$creatorButtonTex,
+    _ref$recordCreatorPro = _ref.recordCreatorProps,
+    recordCreatorProps = _ref$recordCreatorPro === void 0 ? {} : _ref$recordCreatorPro;
+    _ref.defaultRecordValue;
+    var pagination = _ref.pagination,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? {} : _ref$editable,
+    dataSource = _ref.dataSource,
+    request = _ref.request,
+    manual = _ref.manual,
+    emptyRender = _ref.emptyRender,
+    errorRender = _ref.errorRender,
+    onAdd = _ref.onAdd,
+    onEdit = _ref.onEdit,
+    actionRef = _ref.actionRef,
+    editableFormRef = _ref.editableFormRef,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var tableBody = useClassName("hw-table-body");
+  var _useListRequest = useListRequest({
+      request: request,
+      dataSource: dataSource
+    }),
+    loading = _useListRequest.loading,
+    data = _useListRequest.data,
+    error = _useListRequest.error,
+    run = _useListRequest.run;
+  var _useHTableConfigConte = useHTableConfigContext({
+      emptyRender: emptyRender,
+      errorRender: errorRender
+    }),
+    _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
+    tableEmptyRender = _useHTableConfigConte2 === void 0 ? emptyDefaultRender : _useHTableConfigConte2,
+    _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
+    tableErrorRender = _useHTableConfigConte3 === void 0 ? errorDefaultRender : _useHTableConfigConte3;
+  var isLocalData = _Array$isArray(data);
+  var values = isLocalData ? data : data === null || data === void 0 ? void 0 : data.record;
+  var _useCuRef = useCuRef({
+      actionRef: actionRef,
+      editableFormRef: editableFormRef
+    }),
+    cuActionRef = _useCuRef.cuActionRef,
+    cuEditableFormRef = _useCuRef.cuEditableFormRef;
+  return jsxs("div", {
+    className: tableBody,
+    children: [jsx(ConfigProvider, {
+      renderEmpty: function renderEmpty() {
+        if (error) {
+          return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender({
+            reload: cuActionRef.current.reload,
+            error: error
+          });
+        }
+        return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender();
+      },
+      children: jsx(EditableProTable, _objectSpread({
+        columns: configData,
+        loading: loading,
+        rowKey: rowKey,
+        editableFormRef: cuEditableFormRef,
+        manualRequest: manual,
+        request: run,
+        actionRef: cuActionRef,
+        value: values,
+        recordCreatorProps: _objectSpread({
+          position: "bottom",
+          record: function record() {
+            return {
+              id: "add"
+            };
+          },
+          creatorButtonText: creatorButtonText
+        }, recordCreatorProps),
+        editable: _objectSpread({
+          type: "single",
+          onCancel: function () {
+            var _onCancel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys) {
+              var _cuEditableFormRef$cu;
+              return _regeneratorRuntime.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    (_cuEditableFormRef$cu = cuEditableFormRef.current) === null || _cuEditableFormRef$cu === void 0 || _cuEditableFormRef$cu.resetFields([keys]);
+                  case 1:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function onCancel(_x) {
+              return _onCancel.apply(this, arguments);
+            }
+            return onCancel;
+          }(),
+          actionRender: function actionRender(trow, tconfig, defaultDoms) {
+            return [defaultDoms.save, defaultDoms.cancel];
+          },
+          onSave: function () {
+            var _onSave = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(key, row) {
+              var _cuEditableFormRef$cu3, _cuActionRef$current2;
+              var id, oRow, _cuEditableFormRef$cu2, _cuActionRef$current;
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    row.index, id = row.id, oRow = _objectWithoutProperties(row, _excluded2);
+                    if (!(key === "add")) {
+                      _context2.next = 7;
+                      break;
+                    }
+                    _context2.next = 4;
+                    return onAdd === null || onAdd === void 0 ? void 0 : onAdd(oRow);
+                  case 4:
+                    (_cuEditableFormRef$cu2 = cuEditableFormRef.current) === null || _cuEditableFormRef$cu2 === void 0 || _cuEditableFormRef$cu2.resetFields(["add"]);
+                    (_cuActionRef$current = cuActionRef.current) === null || _cuActionRef$current === void 0 || _cuActionRef$current.reload();
+                    return _context2.abrupt("return");
+                  case 7:
+                    _context2.next = 9;
+                    return onEdit === null || onEdit === void 0 ? void 0 : onEdit(_objectSpread({
+                      id: id
+                    }, oRow));
+                  case 9:
+                    (_cuEditableFormRef$cu3 = cuEditableFormRef.current) === null || _cuEditableFormRef$cu3 === void 0 || _cuEditableFormRef$cu3.resetFields(["key"]);
+                    (_cuActionRef$current2 = cuActionRef.current) === null || _cuActionRef$current2 === void 0 || _cuActionRef$current2.reload();
+                  case 11:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            function onSave(_x2, _x3) {
+              return _onSave.apply(this, arguments);
+            }
+            return onSave;
+          }()
+        }, editable)
+      }, props))
+    }), jsx(HTablePagination, _objectSpread(_objectSpread({
+      data: isLocalData ? null : data
+    }, pagination), {}, {
+      onChange: function onChange(page, pageSize) {
+        run({
+          size: pageSize,
+          current: page
+        });
+      }
+    }))]
+  });
+});
+
+export { EditTable as default };
+// powered by hdj

package/es/EditTable/modal.d.ts

@@ -0,0 +1,19 @@
+import { EditableProTableProps } from "@ant-design/pro-table/lib/components/EditableTable";
+import { ParamsType } from "@ant-design/pro-provider";
+import { IPaginationProps } from "../HTablePagination";
+import { EmptyPageRender, ErrorPageRender } from "../modal";
+import { ProColumns } from "@ant-design/pro-table/lib/typing";
+export interface EditTableProps<T = any> extends Omit<EditableProTableProps<T, ParamsType>, "recordCreatorProps" | "request" | "pagination"> {
+    creatorButtonText?: string;
+    defaultRecordValue?: T;
+    recordCreatorProps?: Partial<EditableProTableProps<T, ParamsType>["recordCreatorProps"]>;
+    dataSource?: any[];
+    request?: (params: Record<string, any>) => Promise<T>;
+    pagination?: IPaginationProps;
+    manual?: boolean;
+    emptyRender?: EmptyPageRender;
+    errorRender?: ErrorPageRender;
+    onAdd?: (data: T) => Promise<void>;
+    onEdit?: (data: T) => Promise<void>;
+    configData?: ProColumns<T>[];
+}