@zat-design/sisyphus-react 3.13.13-beta.6 → 4.0.0-beta.2

package/lib/ProDrawerForm/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { FormInstance } from 'antd/es/form/Form';
+import { ProDrawerFormType } from './propsType';
 export declare const useProDrawerFormContext: () => any;
-declare const ProDrawerForm: React.ForwardRefExoticComponent<import("./propsType").ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
+declare const ProDrawerForm: React.ForwardRefExoticComponent<ProDrawerFormType & React.RefAttributes<FormInstance<any>>>;
 export default ProDrawerForm;

package/lib/ProDrawerForm/index.js

@@ -20,8 +20,7 @@ var useProDrawerFormContext = exports.useProDrawerFormContext = function useProD
 };
 var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
-  var visible = props.visible,
-    showType = props.showType,
+  var showType = props.showType,
     okText = props.okText,
     isView = props.isView;
   var open = props.open,
@@ -36,7 +35,6 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   showType = mode || showType;
   isView = isView || disabled;
   okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.save : _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProDrawerForm2 = _locale.default.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm;
-  visible = open !== null && open !== void 0 ? open : visible;
   var width = props.width;
   if (!width && size) {
     width = (0, _utils.transformBySize)(size);
@@ -56,7 +54,7 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return form;
   });
-  var Com = (0, _react.useMemo)(function () {
+  var DrawerModal = (0, _react.useMemo)(function () {
     return {
       Drawer: _components.ProDrawer,
       Modal: _components.ProModal
@@ -66,9 +64,9 @@ var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     value: {
       source: 'ProDrawerForm'
     },
-    children: visible ? (0, _jsxRuntime.jsx)(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: open ? (0, _jsxRuntime.jsx)(DrawerModal, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       isView: isView,
-      visible: visible,
+      open: open,
       form: form,
       width: width,
       okText: okText,

package/lib/ProDrawerForm/propsType.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import type { ModalProps, DrawerProps, FormInstance } from 'antd';
+import type { ModalProps, DrawerProps, FormInstance, ModalFuncProps } from 'antd';
 import type { ProFormType } from '../ProForm/propsType';
 /**
  * 抽屉尺寸类型定义
@@ -11,17 +11,11 @@ export type DrawerSizeType = DrawerSizePropsType;
  */
 export type ShowTypePropsType = 'Modal' | 'Drawer';
 export type ShowType = ShowTypePropsType;
-/**
- * 为了保持向后兼容，保留原有接口名称
- * @deprecated ProDrawerFormType
- */
-export interface ProDrawerFormPropsType {
+export interface ProDrawerFormType {
     /** @name 内部form实例 */
     form?: FormInstance<any>;
     /** @name 自定义className */
     className?: string;
-    /** @name 控制显示隐藏（兼容旧版API） */
-    visible?: ModalProps['open'] | DrawerProps['open'];
     /** @name 控制显示隐藏 */
     open: ModalProps['open'] | DrawerProps['open'];
     /** @name 标题 */
@@ -33,7 +27,7 @@ export interface ProDrawerFormPropsType {
     /** @name 是否查看模式 */
     isView?: boolean | undefined;
     /** @name 宽度 */
-    width?: ModalProps['width'] | DrawerProps['width'];
+    width?: string | number;
     /** @name 取消按钮文字 */
     cancelText?: ModalProps['cancelText'];
     /** @name 确认按钮文字 */
@@ -62,7 +56,7 @@ export interface ProDrawerFormPropsType {
      * @name 关闭时二次确认弹框的属性
      * @description 只对Drawer的类型有效
      */
-    isConfirmCloseModalProps?: ModalProps;
+    isConfirmCloseModalProps?: Omit<ModalFuncProps, 'content' | 'onOk' | 'onCancel'>;
     /**
      * @name 底部默认取消按钮事件
      * @returns 返回Promise或布尔值可控制弹窗关闭行为
@@ -90,14 +84,12 @@ export interface ProDrawerFormPropsType {
     proFormProps?: Omit<ProFormType, 'form'>;
     /**
      * @name 弹框的属性
-     * @description 不支持'visible'，请使用全局的visible/open
      */
-    modalProps?: Omit<ModalProps, 'visible'>;
+    modalProps?: ModalProps;
     /**
      * @name 抽屉的属性
-     * @description 不支持'visible'，请使用全局的visible/open
      */
-    drawerProps?: Omit<DrawerProps, 'visible'>;
+    drawerProps?: DrawerProps;
     /**
      * @name 关闭时弹框或者抽屉是否清空formValues
      */
@@ -107,7 +99,4 @@ export interface ProDrawerFormPropsType {
     /** @name z轴层级 */
     zIndex?: number;
 }
-/**
- * 抽屉表单属性类型定义
- */
-export type ProDrawerFormType = ProDrawerFormPropsType;
+export type ProDrawerFormPropsType = ProDrawerFormType;

package/lib/ProDrawerForm/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-drawer {
   .original-value-tooltip {
@@ -112,18 +112,13 @@
 .pro-modal {
   .@{ant-prefix}-modal-close {
     .@{ant-prefix}-modal-close-x {
-      .close-icon {
-        fill: var(--zaui-aide-text, #909090);
-
-        &:hover {
-          fill: var(--zaui-brand, #006aff);
-        }
-      }
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
   }
 
   .@{ant-prefix}-modal-header {
-    padding: var(--zaui-space-size-md, 16px);
     border-bottom: none;
 
     .@{ant-prefix}-modal-title {
@@ -132,11 +127,11 @@
   }
 
   .@{ant-prefix}-modal-footer {
-    padding: var(--zaui-space-size-md, 16px);
     border-top: none;
 
     .pro-modal-footer {
       display: flex;
+      align-items: center;
       justify-content: space-between;
     }
   }
@@ -144,9 +139,9 @@
   .@{ant-prefix}-modal-content {
     .@{ant-prefix}-modal-body {
       max-height: 450px;
-      padding: 0 var(--zaui-space-size-md, 16px);
       padding-top: 0;
-      overflow: auto;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
   }
 }
@@ -173,6 +168,5 @@
   .@{ant-prefix}-modal-footer {
     position: relative;
     z-index: 1;
-    box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
   }
 }

package/lib/ProEditLabel/components/RenderProForm.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _index = require("../../index");
 var _utils = require("../utils");
 var RenderProForm = function RenderProForm(props) {
@@ -61,7 +60,7 @@ var RenderProForm = function RenderProForm(props) {
       children: primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title
     }), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) === null || _props7 === void 0 ? void 0 : _props7.isView) && (0, _jsxRuntime.jsx)("div", {
       className: "pro-edit-label-tip",
-      children: (0, _jsxRuntime.jsxs)(_space.default, {
+      children: (0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "start",
         children: [(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
       })

package/lib/ProEditLabel/index.js

@@ -6,29 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
+var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _RenderProForm = _interopRequireDefault(require("./components/RenderProForm"));
 var _utils = require("./utils");
 var _excluded = ["open", "disabled", "onOpenChange", "onFinish", "onConfirm", "trigger", "mode", "className", "size", "popupProps", "style", "viewEmpty", "children", "form"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 var ProEditLabel = function ProEditLabel(_ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
@@ -62,10 +56,10 @@ var ProEditLabel = function ProEditLabel(_ref) {
     _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
     status = _useToggle2[0],
     toggleStatus = _useToggle2[1].toggle;
-  var _Form$useForm = _form.default.useForm(OriginForm),
+  var _Form$useForm = _antd.Form.useForm(OriginForm),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _Form$useForm3 = _form.default.useForm(),
+  var _Form$useForm3 = _antd.Form.useForm(),
     _Form$useForm4 = (0, _slicedToArray2.default)(_Form$useForm3, 1),
     viewForm = _Form$useForm4[0];
   var inputRef = (0, _react.useRef)(null);
@@ -142,54 +136,53 @@ var ProEditLabel = function ProEditLabel(_ref) {
    * pop确认回调
    */
   var onConfirmHandle = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var res, value;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
+      var res, value, _t, _t2, _t3;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.next = 2;
+            _context.n = 1;
             return form.validateFields();
-          case 2:
-            res = _context.sent;
+          case 1:
+            res = _context.v;
             // 兼容老写法
             if (!popupProps.columns) {
               value = res[(popupProps === null || popupProps === void 0 ? void 0 : popupProps.type) || 'Input'];
             }
             value = res;
-            _context.prev = 5;
-            _context.t0 = onFinish;
-            if (!_context.t0) {
-              _context.next = 10;
+            _context.p = 2;
+            _t = onFinish;
+            if (!_t) {
+              _context.n = 3;
               break;
             }
-            _context.next = 10;
+            _context.n = 3;
             return onFinish(value);
-          case 10:
-            _context.t1 = onConfirm;
-            if (!_context.t1) {
-              _context.next = 14;
+          case 3:
+            _t2 = onConfirm;
+            if (!_t2) {
+              _context.n = 4;
               break;
             }
-            _context.next = 14;
+            _context.n = 4;
             return onConfirm(value);
-          case 14:
-            _context.next = 16;
+          case 4:
+            _context.n = 5;
             return setState({
               confirmValue: value,
               popValue: value
             });
-          case 16:
-            _context.next = 21;
+          case 5:
+            _context.n = 7;
             break;
-          case 18:
-            _context.prev = 18;
-            _context.t2 = _context["catch"](5);
-            return _context.abrupt("return", Promise.reject());
-          case 21:
-          case "end":
-            return _context.stop();
+          case 6:
+            _context.p = 6;
+            _t3 = _context.v;
+            return _context.a(2, Promise.reject());
+          case 7:
+            return _context.a(2);
         }
-      }, _callee, null, [[5, 18]]);
+      }, _callee, null, [[2, 6]]);
     }));
     return function onConfirmHandle() {
       return _ref2.apply(this, arguments);
@@ -217,7 +210,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
     var TextNode = (0, _jsxRuntime.jsx)("div", {
       className: cls,
       style: style,
-      children: (0, _jsxRuntime.jsxs)(_space.default, {
+      children: (0, _jsxRuntime.jsxs)(_antd.Space, {
         align: "start",
         children: [mode === 'current' ? props.value : (0, _jsxRuntime.jsx)(_RenderProForm.default, (0, _objectSpread2.default)({
           value: confirmValue,
@@ -240,7 +233,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
     // 当前页编辑模式
     if (mode === 'current') {
       if (status) {
-        return (0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        return (0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
           ref: inputRef,
           size: size,
           onBlur: function onBlur(e) {
@@ -266,10 +259,12 @@ var ProEditLabel = function ProEditLabel(_ref) {
         }
         return TextNode;
       };
-      return (0, _jsxRuntime.jsx)(_popconfirm.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        overlayClassName: "pro-edit-label-popconfirm",
+      return (0, _jsxRuntime.jsx)(_antd.Popconfirm, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        classNames: {
+          root: 'pro-edit-label-popconfirm'
+        },
         icon: null,
-        destroyTooltipOnHide: true,
+        destroyOnHidden: true,
         title: (0, _jsxRuntime.jsx)(_RenderProForm.default, (0, _objectSpread2.default)({
           form: form,
           value: confirmValue,

package/lib/ProEditLabel/propsType.d.ts

@@ -84,11 +84,6 @@ export interface PopupType {
     [key: string]: any;
 }
 export interface LabelType extends InputProps {
-    /**
-     * @description 是否可见
-     * @default false
-     */
-    visible?: boolean;
     /**
      * @description 是否打开
      * @default false
@@ -98,7 +93,7 @@ export interface LabelType extends InputProps {
      * @description 可见性变化回调
      * @default -
      */
-    onVisibleChange?: (open: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 值变化回调
      * @default -

package/lib/ProEditLabel/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-edit-label {
   display: inline-block;
@@ -69,12 +69,13 @@
 
 .pro-edit-label-popconfirm {
   z-index: 1001 !important;
+  
 
   .@{ant-prefix}-popover-inner-content {
     width: 100%;
   }
 
-  .@{ant-prefix}-popover-message {
+  .@{ant-prefix}-popconfirm-message {
     display: block;
   }
 

package/lib/ProEditTable/components/ActionButton/index.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _config = require("../../utils/config");
 var _locale = _interopRequireDefault(require("../../../locale"));
 // 渲染操作按钮
@@ -108,7 +105,7 @@ var ActionButton = function ActionButton(_ref) {
   var isDisabled = !selectedRowKeys.length && btnConfig.type === 'mulDelete' || editingKeys.length || (delBtnProps === null || delBtnProps === void 0 ? void 0 : delBtnProps.disabled);
   return _isEditing && getShow(btnConfig.show) ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: ['delete', 'mulDelete'].includes(btnConfig.type) ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.needConfirm) ? (0, _jsxRuntime.jsx)(_popconfirm.default, {
+      children: (btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.needConfirm) ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
         placement: "topRight",
         title: deleteMsgMap[btnConfig.type],
         onConfirm: function onConfirm() {
@@ -128,7 +125,7 @@ var ActionButton = function ActionButton(_ref) {
           record: record,
           index: index,
           disabled: isDisabled
-        }))) : (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           children: btnConfig.label
@@ -148,7 +145,7 @@ var ActionButton = function ActionButton(_ref) {
               selectedRows: selectedRows
             });
           }
-        }))) : (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           onClick: function onClick() {
@@ -168,7 +165,7 @@ var ActionButton = function ActionButton(_ref) {
       children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? (/*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         record: record,
         index: index
-      }))) : (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         className: "action-button"
       }, (0, _omit2.default)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         type: "link",

package/lib/ProEditTable/components/RcTable/BaseTable.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/badge/style");
-var _badge = _interopRequireDefault(require("antd/es/badge"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/table/style");
-var _table = _interopRequireDefault(require("antd/es/table"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _antd = require("antd");
 var _useEditTableError3 = _interopRequireDefault(require("../../utils/useEditTableError"));
 var _excluded = ["tableProps"];
 var BaseTable = function BaseTable(_ref) {
   var _value$;
   var tableProps = _ref.tableProps,
     resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var value = tableProps.value,
+  var rowKey = tableProps.rowKey,
+    value = tableProps.value,
     headerRender = tableProps.headerRender,
     tableRef = tableProps.tableRef,
     className = tableProps.className,
@@ -46,58 +46,76 @@ var BaseTable = function BaseTable(_ref) {
     }),
     _useEditTableError2 = (0, _slicedToArray2.default)(_useEditTableError, 1),
     errorLength = _useEditTableError2[0];
+  var getScroll = (0, _react.useCallback)(function () {
+    if ((scroll === null || scroll === void 0 ? void 0 : scroll.x) && (scroll === null || scroll === void 0 ? void 0 : scroll.y)) {
+      return {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: Number(scroll === null || scroll === void 0 ? void 0 : scroll.y)
+      };
+    }
+    if ((scroll === null || scroll === void 0 ? void 0 : scroll.x) && !(0, _isNumber2.default)(scroll === null || scroll === void 0 ? void 0 : scroll.y)) {
+      return {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x
+      };
+    }
+    if ((scroll === null || scroll === void 0 ? void 0 : scroll.y) && !(scroll === null || scroll === void 0 ? void 0 : scroll.x)) {
+      return {
+        y: Number(scroll === null || scroll === void 0 ? void 0 : scroll.y)
+      };
+    }
+    return null;
+  }, [scroll]);
+  var nextTableProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: className,
+    columns: columns,
+    rowClassName: rowClassName,
+    dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : [],
+    rowSelection: renderRowSelection(),
+    onRow: function onRow() {
+      return {
+        disabled: disabled || virtualKey && !!editingKeys.length,
+        'data-hide': isHideCheckBox,
+        'data-row-draggable': rowDraggable,
+        onClick: function onClick() {}
+      };
+    }
+  }, resetProps), {}, {
+    rowKey: rowKey || 'rowKey',
+    summary: summary,
+    pagination: pagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      showSizeChanger: true,
+      pageSizeOptions: [5, 10, 20, 50],
+      showQuickJumper: true,
+      total: value === null || value === void 0 ? void 0 : value.length,
+      showTotal: function showTotal(total) {
+        var _locale$ProEditTable;
+        if (!total) return;
+        return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
+          total: total
+        });
+      },
+      itemRender: function itemRender(index, type, originalElement) {
+        return type === 'page' && page.pageNum === index && errorLength ? (0, _jsxRuntime.jsxs)("div", {
+          className: "pro-edit-table-pagination-item-badge",
+          children: [(0, _jsxRuntime.jsx)(_antd.Badge, {
+            count: errorLength
+          }), originalElement]
+        }) : originalElement;
+      },
+      onChange: handlePageChange
+    }, pagination), {}, {
+      current: page.pageNum,
+      pageSize: page.pageSize
+    }) : false,
+    scroll: getScroll()
+  });
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
       className: "pro-edit-table-header",
-      children: typeof headerRender === 'function' ? headerRender() : headerRender
-    }) : null, (0, _jsxRuntime.jsx)(_table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      ref: tableRef,
-      className: className,
-      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
-      columns: columns,
-      rowSelection: renderRowSelection(),
-      rowClassName: rowClassName,
-      onRow: function onRow() {
-        return {
-          disabled: disabled || virtualKey && !!editingKeys.length,
-          'data-hide': isHideCheckBox,
-          'data-row-draggable': rowDraggable,
-          onClick: function onClick() {}
-        };
-      }
-    }, resetProps), {}, {
-      pagination: pagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        showSizeChanger: true,
-        pageSizeOptions: [5, 10, 20, 50],
-        showQuickJumper: true,
-        total: value === null || value === void 0 ? void 0 : value.length,
-        showTotal: function showTotal(total) {
-          var _locale$ProEditTable;
-          if (!total) return;
-          return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-            total: total
-          });
-        },
-        itemRender: function itemRender(index, type, originalElement) {
-          return type === 'page' && page.pageNum === index && errorLength ? (0, _jsxRuntime.jsxs)("div", {
-            className: "pro-edit-table-pagination-item-badge",
-            children: [(0, _jsxRuntime.jsx)(_badge.default, {
-              count: errorLength
-            }), originalElement]
-          }) : originalElement;
-        },
-        onChange: handlePageChange
-      }, pagination), {}, {
-        current: page.pageNum,
-        pageSize: page.pageSize
-      }) : false,
-      rowKey: "rowKey",
-      scroll: {
-        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
-      },
-      summary: summary
-    }))]
+      children: (0, _isFunction2.default)(headerRender) ? headerRender() : headerRender
+    }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)({
+      ref: tableRef
+    }, nextTableProps))]
   });
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BaseTable);