@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/index.js

@@ -23,14 +23,18 @@ var _exportNames = {
   ProWaterMark: true,
   ProConfigProvider: true,
   ProUpload: true,
-  ProTransferModal: true,
   ProThemeTools: true,
-  ProCustomColumn: true,
+  ProAction: true,
   ProBackBtn: true,
   ProEditableTable: true,
-  ProCertValidity: true,
-  ProEnumSelectModal: true
+  ProCertValidity: true
 };
+Object.defineProperty(exports, "ProAction", {
+  enumerable: true,
+  get: function get() {
+    return _ProAction.default;
+  }
+});
 Object.defineProperty(exports, "ProBackBtn", {
   enumerable: true,
   get: function get() {
@@ -49,12 +53,6 @@ Object.defineProperty(exports, "ProConfigProvider", {
     return _ProConfigProvider.default;
   }
 });
-Object.defineProperty(exports, "ProCustomColumn", {
-  enumerable: true,
-  get: function get() {
-    return _ProCustomColumn.default;
-  }
-});
 Object.defineProperty(exports, "ProDownload", {
   enumerable: true,
   get: function get() {
@@ -91,12 +89,6 @@ Object.defineProperty(exports, "ProEnum", {
     return _ProEnum.default;
   }
 });
-Object.defineProperty(exports, "ProEnumSelectModal", {
-  enumerable: true,
-  get: function get() {
-    return _ProEnumSelectModal.default;
-  }
-});
 Object.defineProperty(exports, "ProForm", {
   enumerable: true,
   get: function get() {
@@ -151,12 +143,6 @@ Object.defineProperty(exports, "ProTooltip", {
     return _ProTooltip.default;
   }
 });
-Object.defineProperty(exports, "ProTransferModal", {
-  enumerable: true,
-  get: function get() {
-    return _ProTransferModal.default;
-  }
-});
 Object.defineProperty(exports, "ProUpload", {
   enumerable: true,
   get: function get() {
@@ -226,13 +212,11 @@ Object.keys(_ProConfigProvider).forEach(function (key) {
   });
 });
 var _ProUpload = _interopRequireDefault(require("./ProUpload"));
-var _ProTransferModal = _interopRequireDefault(require("./ProTransferModal"));
 var _ProThemeTools = _interopRequireDefault(require("./ProThemeTools"));
-var _ProCustomColumn = _interopRequireDefault(require("./old/ProCustomColumn"));
+var _ProAction = _interopRequireDefault(require("./ProAction"));
 var _ProBackBtn = _interopRequireDefault(require("./old/ProBackBtn"));
 var _ProEditableTable = _interopRequireDefault(require("./old/ProEditableTable"));
 var _ProCertValidity = _interopRequireDefault(require("./old/ProCertValidity"));
-var _ProEnumSelectModal = _interopRequireDefault(require("./old/ProEnumSelectModal"));
 var _propsType = require("./ProForm/propsType");
 Object.keys(_propsType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -292,4 +276,16 @@ Object.keys(_propType).forEach(function (key) {
       return _propType[key];
     }
   });
+});
+var _tokens = require("./tokens");
+Object.keys(_tokens).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tokens[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tokens[key];
+    }
+  });
 });

package/lib/old/ProBackBtn/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _react = _interopRequireDefault(require("react"));
 /**
  * 页面返回按钮
  * @param onBack 自定义返回方法
@@ -24,12 +23,12 @@ var ProBackBtn = function ProBackBtn(_ref) {
       window.history.back();
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    icon: /*#__PURE__*/_react.default.createElement(_icons.ArrowLeftOutlined, null),
+  return (0, _jsxRuntime.jsx)(_antd.Button, {
+    icon: (0, _jsxRuntime.jsx)(_icons.ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,
-    shape: "round"
-  }, text);
+    shape: "round",
+    children: text
+  });
 };
-var _default = ProBackBtn;
-exports.default = _default;
+var _default = exports.default = ProBackBtn;

package/lib/old/ProCertValidity/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { ProCertValidityPropsType } from "./propsType";
+/// <reference types="react" />
+import { ProCertValidityPropsType } from './propsType';
 /**
  * 继承了antd原本DatePicker 与 RangePicker接口，
  * 可以在这里使用所有原有antd DatePicker的属性和事件，
  * 并根据自身需要进行扩展
  */
-export declare const ProCertValidity: React.ForwardRefExoticComponent<ProCertValidityPropsType & React.RefAttributes<unknown>>;
+export declare const ProCertValidity: import("react").ForwardRefExoticComponent<ProCertValidityPropsType & import("react").RefAttributes<unknown>>;
 export default ProCertValidity;

package/lib/old/ProCertValidity/index.js

@@ -1,32 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProCertValidity = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
 var _moment = _interopRequireDefault(require("moment"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _excluded = ["value", "onChange", "disabled", "isRange", "getPopupContainer", "showForever", "proformmode"]; // @ts-nocheck
 var RangePicker = _antd.DatePicker.RangePicker;
-var defaultFormatDate = "YYYY-MM-DD";
+var defaultFormatDate = 'YYYY-MM-DD';
 var defaultPopupContainer = function defaultPopupContainer(triggerNode) {
   return triggerNode.parentNode || document.body;
 };
 // 校验当前时间是否永久
 var checkIsForever = function checkIsForever(date) {
-  return date === "9999-01-01";
+  return date === '9999-01-01';
 };
 /**
  * 继承了antd原本DatePicker 与 RangePicker接口，
  * 可以在这里使用所有原有antd DatePicker的属性和事件，
  * 并根据自身需要进行扩展
  */
-var ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var ProCertValidity = exports.ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _value3;
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -48,16 +48,16 @@ var ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         startTime = _value.startTime,
         endTime = _value.endTime,
         forever = _value.forever;
-      if (forever === "Y") {
+      if (forever === 'Y') {
         return {
-          range: [(0, _moment.default)("9999-01-01"), (0, _moment.default)("9999-01-01")],
+          range: [(0, _moment.default)('9999-01-01'), (0, _moment.default)('9999-01-01')],
           forever: true
         };
       }
       if (startTime && endTime) {
         var tempStartDate = (0, _moment.default)(startTime).format(defaultFormatDate);
         var tempEndDate = (0, _moment.default)(endTime).format(defaultFormatDate);
-        if ((!forever || forever === "N") && !checkIsForever(tempStartDate) && !checkIsForever(tempEndDate)) {
+        if ((!forever || forever === 'N') && !checkIsForever(tempStartDate) && !checkIsForever(tempEndDate)) {
           return {
             range: [(0, _moment.default)(startTime), (0, _moment.default)(endTime)],
             forever: false
@@ -65,46 +65,45 @@ var ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         }
         if (checkIsForever(tempStartDate) && checkIsForever(tempEndDate) && !isChange.current) {
           return {
-            range: [(0, _moment.default)("9999-01-01"), (0, _moment.default)("9999-01-01")],
+            range: [(0, _moment.default)('9999-01-01'), (0, _moment.default)('9999-01-01')],
             forever: true
           };
         }
       }
     } else {
-      if (typeof value === "string" || value._isAMomentObject) {
+      if (typeof value === 'string' || value._isAMomentObject) {
         var tempDate = (0, _moment.default)(value).format(defaultFormatDate);
-        if (tempDate && tempDate === "9999-01-01") {
+        if (tempDate && tempDate === '9999-01-01') {
           return {
-            range: (0, _moment.default)("9999-01-01"),
+            range: (0, _moment.default)('9999-01-01'),
             forever: true
           };
-        } else {
-          return {
-            range: (0, _moment.default)(value),
-            forever: false
-          };
         }
+        return {
+          range: (0, _moment.default)(value),
+          forever: false
+        };
       }
       var _value2 = value,
         dateTime = _value2.dateTime,
         _forever = _value2.forever;
-      if (_forever === "Y") {
+      if (_forever === 'Y') {
         return {
-          range: (0, _moment.default)("9999-01-01"),
+          range: (0, _moment.default)('9999-01-01'),
           forever: true
         };
       }
       if (dateTime) {
         var _tempDate = (0, _moment.default)(dateTime).format(defaultFormatDate);
-        if ((!_forever || _forever === "N") && _tempDate !== "9999-01-01") {
+        if ((!_forever || _forever === 'N') && _tempDate !== '9999-01-01') {
           return {
             range: (0, _moment.default)(dateTime),
             forever: false
           };
         }
-        if (_tempDate && _tempDate === "9999-01-01" && !isChange.current) {
+        if (_tempDate && _tempDate === '9999-01-01' && !isChange.current) {
           return {
-            range: (0, _moment.default)("9999-01-01"),
+            range: (0, _moment.default)('9999-01-01'),
             forever: true
           };
         }
@@ -116,73 +115,74 @@ var ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onChange({
       startTime: values ? (0, _moment.default)(values === null || values === void 0 ? void 0 : values[0]).format(defaultFormatDate) : null,
       endTime: values ? (0, _moment.default)(values === null || values === void 0 ? void 0 : values[1]).format(defaultFormatDate) : null,
-      forever: "N"
+      forever: 'N'
     });
   };
   var changeDateTime = function changeDateTime(values) {
     onChange({
       dateTime: values ? values.format(defaultFormatDate) : null,
-      forever: "N"
+      forever: 'N'
     });
   };
   var changeForever = function changeForever(e) {
     var tempValue = isRange ? {
-      dateTime: e.target.checked ? "9999-01-01" : null,
-      forever: e.target.checked ? "Y" : "N",
-      isLong: e.target.checked ? "Y" : "N"
+      dateTime: e.target.checked ? '9999-01-01' : null,
+      forever: e.target.checked ? 'Y' : 'N',
+      isLong: e.target.checked ? 'Y' : 'N'
     } : {
-      startTime: "9999-01-01",
-      endTime: "9999-01-01",
-      forever: e.target.checked ? "Y" : "N"
+      startTime: '9999-01-01',
+      endTime: '9999-01-01',
+      forever: e.target.checked ? 'Y' : 'N'
     };
     isChange.current = true;
     onChange(tempValue);
   };
-  if (proformmode === "view") {
-    var _value4 = "";
+  if (proformmode === 'view') {
+    var _value4 = '';
     if (rangeTime.forever) {
-      _value4 = "长期";
+      _value4 = '长期';
     } else {
       _value4 = rangeTime.range ? (0, _moment.default)(rangeTime.range).format(defaultFormatDate) : null;
     }
-    return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    return (0, _jsxRuntime.jsx)(_antd.Input, {
       value: _value4,
       disabled: true,
       bordered: false
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
-    compact: true
-  }, isRange ? /*#__PURE__*/_react.default.createElement(RangePicker, (0, _objectSpread2.default)({
-    value: rangeTime.range,
-    onChange: changeRangeTime,
-    getPopupContainer: getPopupContainer,
-    disabled: disabled || rangeTime.forever,
-    style: {
-      width: "calc(100% - 84px)"
-    }
-  }, restProps)) : /*#__PURE__*/_react.default.createElement(_antd.DatePicker, (0, _objectSpread2.default)({
-    value: rangeTime.range,
-    onChange: changeDateTime,
-    getPopupContainer: getPopupContainer,
-    disabled: disabled || rangeTime.forever,
-    style: {
-      width: "calc(100% - 84px)"
-    }
-  }, restProps)), showForever && /*#__PURE__*/_react.default.createElement("div", {
-    className: "ant-input",
-    style: {
-      width: "84px"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-    checked: rangeTime.forever,
-    onChange: changeForever,
-    disabled: disabled,
-    style: {
-      width: "60px"
-    }
-  }, "\u957F\u671F")));
+  return (0, _jsxRuntime.jsxs)(_antd.Input.Group, {
+    compact: true,
+    children: [isRange ? (0, _jsxRuntime.jsx)(RangePicker, (0, _objectSpread2.default)({
+      value: rangeTime.range,
+      onChange: changeRangeTime,
+      getPopupContainer: getPopupContainer,
+      disabled: disabled || rangeTime.forever,
+      style: {
+        width: 'calc(100% - 84px)'
+      }
+    }, restProps)) : (0, _jsxRuntime.jsx)(_antd.DatePicker, (0, _objectSpread2.default)({
+      value: rangeTime.range,
+      onChange: changeDateTime,
+      getPopupContainer: getPopupContainer,
+      disabled: disabled || rangeTime.forever,
+      style: {
+        width: 'calc(100% - 84px)'
+      }
+    }, restProps)), showForever && (0, _jsxRuntime.jsx)("div", {
+      className: "ant-input",
+      style: {
+        width: '84px'
+      },
+      children: (0, _jsxRuntime.jsx)(_antd.Checkbox, {
+        checked: rangeTime.forever,
+        onChange: changeForever,
+        disabled: disabled,
+        style: {
+          width: '60px'
+        },
+        children: "\u957F\u671F"
+      })
+    })]
+  });
 });
-exports.ProCertValidity = ProCertValidity;
-var _default = ProCertValidity;
-exports.default = _default;
+var _default = exports.default = ProCertValidity;

package/lib/old/ProCertValidity/propsType.d.ts

@@ -1,5 +1,5 @@
-import { DatePickerProps, RangePickerProps } from "antd/lib/date-picker";
-import moment from "moment";
+import { DatePickerProps, RangePickerProps } from 'antd/es/date-picker';
+import moment from 'moment';
 interface ICertValidityValuePropsType {
     dateTime?: moment.Moment | string;
     forever?: string;

package/lib/old/ProEditableTable/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProEditableTablePropsType } from './propsType';
-declare const ProEditableTable: React.ForwardRefExoticComponent<Pick<ProEditableTablePropsType, keyof ProEditableTablePropsType> & React.RefAttributes<unknown>>;
+declare const ProEditableTable: React.ForwardRefExoticComponent<Omit<ProEditableTablePropsType, "ref"> & React.RefAttributes<unknown>>;
 export default ProEditableTable;

package/lib/old/ProEditableTable/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,11 +12,12 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _lodash = require("lodash");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _empty = _interopRequireDefault(require("../../assets/empty.png"));
 var _utils = require("./utils");
 var _excluded = ["form", "dataSource", "setDataSource", "columns", "actionRef", "addButtonProps", "pagination", "editType", "onlyOneLineEditorAlertMessage", "noSaveAlertMessage", "mulDeletePoconfirmMsg", "name", "disabled", "formProps"],
@@ -369,29 +369,38 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     if (disabled || list.length === 0 || isCanAdd === false) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonText !== false ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof buttonText === 'string' ? /*#__PURE__*/_react.default.createElement(_antd.Space, {
-      style: {
-        display: 'flex',
-        justifyContent: ['topLeft', 'bottomLeft'].includes(position) ? 'flex-start' : 'flex-end',
-        margin: ['topLeft', 'topRight'].includes(position) ? '0 0 16px 0' : '16px 0 0 0'
-      }
-    }, isCanMultipleDelete ? /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
-      placement: "top",
-      title: mulDeletePoconfirmMsg,
-      onConfirm: onMultipleDelete,
-      okText: "\u786E\u5B9A",
-      cancelText: "\u53D6\u6D88",
-      disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length)
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
-      type: "link"
-    }, "\u5220\u9664")) : null, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({
-      type: "link",
-      icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
-      onClick: function onClick() {
-        onAdd();
-      }
-    }, antButtonProps), buttonText)) : /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps)) : null);
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: buttonText !== false ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: typeof buttonText === 'string' ? (0, _jsxRuntime.jsxs)(_antd.Space, {
+          style: {
+            display: 'flex',
+            justifyContent: ['topLeft', 'bottomLeft'].includes(position) ? 'flex-start' : 'flex-end',
+            margin: ['topLeft', 'topRight'].includes(position) ? '0 0 16px 0' : '16px 0 0 0'
+          },
+          children: [isCanMultipleDelete ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
+            placement: "top",
+            title: mulDeletePoconfirmMsg,
+            onConfirm: onMultipleDelete,
+            okText: "\u786E\u5B9A",
+            cancelText: "\u53D6\u6D88",
+            disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+            children: (0, _jsxRuntime.jsx)(_antd.Button, {
+              disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+              type: "link",
+              children: "\u5220\u9664"
+            })
+          }) : null, (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            type: "link",
+            icon: (0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}),
+            onClick: function onClick() {
+              onAdd();
+            }
+          }, antButtonProps), {}, {
+            children: buttonText
+          }))]
+        }) : /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps)
+      }) : null
+    });
   };
   var validateFields = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
@@ -502,53 +511,65 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   }, [list]);
   var empty = function empty() {
     return (
-      /*#__PURE__*/
       // 这里面就是我们自己定义的空状态
-      _react.default.createElement("div", {
-        className: "com-empty"
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        className: "empty-img",
-        src: _empty.default
-      }), !disabled && isCanAdd ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "empty-text"
-      }, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({
-        type: "link",
-        onClick: function onClick() {
-          onAdd();
-        }
-      }, antButtonProps), emptyButtonText)) : /*#__PURE__*/_react.default.createElement("p", null, "\u6682\u65E0\u6570\u636E"))
+      (0, _jsxRuntime.jsxs)("div", {
+        className: "com-empty",
+        children: [(0, _jsxRuntime.jsx)("img", {
+          className: "empty-img",
+          src: _empty.default
+        }), !disabled && isCanAdd ? (0, _jsxRuntime.jsxs)("div", {
+          className: "empty-text",
+          children: ["\u6682\u65E0\u6570\u636E\uFF0C", (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            type: "link",
+            onClick: function onClick() {
+              onAdd();
+            }
+          }, antButtonProps), {}, {
+            children: emptyButtonText
+          }))]
+        }) : (0, _jsxRuntime.jsx)("p", {
+          children: "\u6682\u65E0\u6570\u636E"
+        })]
+      })
     );
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['topLeft', 'topRight'].includes(position) && renderAddButton(), /*#__PURE__*/_react.default.createElement(_antd.Form, (0, _objectSpread2.default)({
-    form: form,
-    className: "proEditable pro-editable"
-  }, formProps), name ? /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-    name: name
-  }, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
-    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
-  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    dataSource: list,
-    columns: newColumns,
-    pagination: pagination,
-    rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
-    ref: function ref(node) {
-      return tableRef.current = node;
-    }
-  }, otherProps), {}, {
-    rowKey: getRowKey
-  })))) : /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
-    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
-  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    dataSource: list,
-    columns: newColumns,
-    pagination: pagination,
-    rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
-    ref: function ref(node) {
-      return tableRef.current = node;
-    }
-  }, otherProps), {}, {
-    rowKey: getRowKey
-  })))), ['bottomLeft', 'bottomRight'].includes(position) && renderAddButton());
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [['topLeft', 'topRight'].includes(position) && renderAddButton(), (0, _jsxRuntime.jsx)(_antd.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      form: form,
+      className: "proEditable pro-editable"
+    }, formProps), {}, {
+      children: name ? (0, _jsxRuntime.jsx)(_antd.Form.Item, {
+        name: name,
+        children: (0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+          renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
+          children: (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            dataSource: list,
+            columns: newColumns,
+            pagination: pagination,
+            rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
+            ref: function ref(node) {
+              return tableRef.current = node;
+            }
+          }, otherProps), {}, {
+            rowKey: getRowKey
+          }))
+        })
+      }) : (0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+        renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
+        children: (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          dataSource: list,
+          columns: newColumns,
+          pagination: pagination,
+          rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
+          ref: function ref(node) {
+            return tableRef.current = node;
+          }
+        }, otherProps), {}, {
+          rowKey: getRowKey
+        }))
+      })
+    })), ['bottomLeft', 'bottomRight'].includes(position) && renderAddButton()]
+  });
 });
 ProEditableTable.defaultProps = {
   dataSource: [],
@@ -564,5 +585,4 @@ ProEditableTable.defaultProps = {
     preserve: false
   }
 };
-var _default = ProEditableTable;
-exports.default = _default;
+var _default = exports.default = ProEditableTable;

package/lib/old/ProEditableTable/propsType.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps } from 'antd/lib/button';
-import { FormProps } from 'antd/lib/form';
-import { TablePaginationConfig } from 'antd/lib/table/Table';
+import { ButtonProps } from 'antd/es/button';
+import { FormProps } from 'antd/es/form';
+import { TablePaginationConfig } from 'antd/es/table/Table';
 import React from 'react';
 export type TypePropsType = 'Input' | 'InputNumber' | 'InputRange' | 'TextArea' | 'Select' | 'Switch' | 'DatePicker' | 'RangePicker' | 'Cascader' | 'Checkbox' | 'Radio';
 export type editTypePropsType = 'single' | 'multiple';