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

package/es/ProDrawerForm/style/index.less

@@ -2,25 +2,25 @@
   .pro-drawer-close {
     position       : absolute;
     top            : 6px;
-    left           : -37px;
+    left           : -34px;
     display        : flex;
     align-items    : center;
     justify-content: center;
     width          : 32px;
     height         : 38px;
-    color          : #fff;
+    color: var(--zaui-global-bg, #fff);
     cursor         : pointer;
 
     .close-icon {
       position : relative;
-      left     : 4px;
+      left     : 2px;
       z-index  : 1;
-      font-size: 16px;
+      font-size: var(--zaui-font-size-lg, 16px);
       transform: translateZ(100px);
-      fill: #999;
+      fill: var(--zaui-aide-text, #909090);
 
       &:hover {
-        fill: var(--zaui-brand, #006aff);
+        fill: var(--zaui-brand-active, #005AD9);
       }
       > div {
         height: 20px;
@@ -34,7 +34,7 @@
     right           : 0;
     bottom          : 0;
     left            : 0;
-    background-color: #fff;
+    background-color: var(--zaui-global-bg, #fff);
     border-radius   : 4px 0px 0px 4px;
     transform       : perspective(0.15em) rotateY(-2deg);
     content         : '';
@@ -46,22 +46,22 @@
     left            : 0;
     width           : 100%;
     height          : 64px;
-    padding         : var(--zaui-space-size-md) var(--zaui-space-size-lg);
-    color           : var(--zaui-text);
+    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    color           : var(--zaui-text, #343434);
     font-weight     : 600;
-    font-size       : var(--zaui-font-size-xxl);
-    background-color: var(--zaui-base-bg);
+    font-size       : var(--zaui-font-size-xxl, 20px);
+    background-color: var(--zaui-global-bg, #fff);
   }
 
   .pro-drawer-scrolling {
     z-index   : 1;
-    box-shadow: -12px 15px 15px -18px #d8d8d8;
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
   }
 
   .pro-drawer-content {
     flex       : 1;
     width      : 100%;
-    padding    : var(--zaui-space-size-md) var(--zaui-space-size-lg);
+    padding    : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
     padding-top: 0;
     overflow-x : hidden;
     overflow-y : auto;
@@ -71,14 +71,14 @@
     position        : absolute;
     bottom          : 0;
     left            : 0;
-    z-index         : 999;
+    z-index         : 101;
     width           : 100%;
-    padding         : var(--zaui-space-size-md) var(--zaui-space-size-lg);
-    background-color: var(--zaui-base-bg);
-    box-shadow      : 8px 2px 8px 0 rgba(216, 216, 216, 1);
+    padding         : var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+    background-color: var(--zaui-global-bg, #fff);
+    box-shadow      : 8px 2px 8px 0 var(--zaui-shadow, rgba(56,56,56,0.15));
 
     button {
-      margin-right: var(--zaui-space-size-sm);
+      margin-right: var(--zaui-space-size-sm, 8px);
 
       &:last-of-type {
         margin-right: 0;
@@ -91,7 +91,6 @@
     padding   : 0;
     overflow-y: hidden;
   }
-  max-heightmax-height
   .ant-drawer-content {
     position: static;
   }
@@ -105,7 +104,7 @@
   .ant-modal-close {
     .ant-modal-close-x {
       .close-icon {
-        fill: #999;
+        fill: var(--zaui-aide-text, #909090);
         &:hover {
           fill: var(--zaui-brand, #006aff);
         }
@@ -133,7 +132,7 @@
   .ant-modal-content {
     .ant-modal-body {
       max-height : 450px;
-      padding    : 0 var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px);
+      padding    : 0 var(--zaui-space-size-md, 16px);
       padding-top: 0;
       overflow   : auto;
     }
@@ -141,18 +140,29 @@
 
 }
 
+.pro-modal-no-footer {
+  .ant-modal-content {
+    .ant-modal-body {
+      
+      padding-bottom   : var(--zaui-space-size-md, 16px);
+    }
+  }
+}
+
 .pro-modal-scrolling {
   z-index: 1;
 
   .ant-modal-header {
-    box-shadow: -12px 15px 15px -18px #d8d8d8;
+    box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56,56,56,0.15));
     position  : relative;
     z-index   : 1;
   }
+}
 
+.pro-modal-footer-shadow {
   .ant-modal-footer {
     position  : relative;
     z-index   : 1;
-    box-shadow: 3px 2px 12px 0px rgba(151, 151, 151, 0.32);
+    box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
   }
 }

package/es/ProEditLabel/components/RenderProForm.js

@@ -1,7 +1,8 @@
 import "antd/es/space/style";
 import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { omit } from 'lodash';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { ProForm } from '../../index';
@@ -47,24 +48,29 @@ var RenderProForm = function RenderProForm(props) {
       item.noStyle = false;
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) === null || _props6 === void 0 ? void 0 : _props6.isView) && /*#__PURE__*/React.createElement("div", {
-    className: "pro-edit-label-title"
-  }, 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) && /*#__PURE__*/React.createElement("div", {
-    className: "pro-edit-label-tip"
-  }, /*#__PURE__*/React.createElement(_Space, {
-    align: "start"
-  }, /*#__PURE__*/React.createElement(InfoCircleOutlined, null), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip)), /*#__PURE__*/React.createElement(ProForm, _objectSpread({
-    span: 24,
-    footer: false,
-    onValuesChange: function onValuesChange(changeValue, values) {
-      var _props8;
-      if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
-        var _props9, _props9$columns$;
-        primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 ? void 0 : (_props9$columns$ = _props9.columns[0]) === null || _props9$columns$ === void 0 ? void 0 : _props9$columns$.name]);
-        return;
+  return _jsxs(_Fragment, {
+    children: [(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) === null || _props6 === void 0 ? void 0 : _props6.isView) && _jsx("div", {
+      className: "pro-edit-label-title",
+      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) && _jsx("div", {
+      className: "pro-edit-label-tip",
+      children: _jsxs(_Space, {
+        align: "start",
+        children: [_jsx(InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
+      })
+    }), _jsx(ProForm, _objectSpread({
+      span: 24,
+      footer: false,
+      onValuesChange: function onValuesChange(changeValue, values) {
+        var _props8;
+        if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
+          var _props9, _props9$columns$;
+          primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 ? void 0 : (_props9$columns$ = _props9.columns[0]) === null || _props9$columns$ === void 0 ? void 0 : _props9$columns$.name]);
+          return;
+        }
+        primitiveProps.onChange && primitiveProps.onChange(values);
       }
-      primitiveProps.onChange && primitiveProps.onChange(values);
-    }
-  }, _props)));
+    }, _props))]
+  });
 };
 export default RenderProForm;

package/es/ProEditLabel/index.js

@@ -13,6 +13,7 @@ import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["open", "disabled", "onOpenChange", "onFinish", "onConfirm", "trigger", "mode", "className", "size", "popupProps", "style", "viewEmpty", "children", "form"];
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { EditOutlined } from '@ant-design/icons';
 import { useToggle, useSetState } from 'ahooks';
 import classnames from 'classnames';
@@ -214,18 +215,20 @@ var ProEditLabel = function ProEditLabel(_ref) {
    * @returns
    */
   var renderProEditLabel = function renderProEditLabel() {
-    var TextNode = /*#__PURE__*/React.createElement("div", {
+    var TextNode = _jsx("div", {
       className: cls,
-      style: style
-    }, /*#__PURE__*/React.createElement(_Space, {
-      align: "start"
-    }, mode === 'current' ? props.value : /*#__PURE__*/React.createElement(RenderProForm, _objectSpread({
-      value: confirmValue,
-      isView: true,
-      form: viewForm
-    }, popupProps)), !disabled && /*#__PURE__*/React.createElement(EditOutlined, {
-      onClick: editHandle
-    })));
+      style: style,
+      children: _jsxs(_Space, {
+        align: "start",
+        children: [mode === 'current' ? props.value : _jsx(RenderProForm, _objectSpread({
+          value: confirmValue,
+          isView: true,
+          form: viewForm
+        }, popupProps)), !disabled && _jsx(EditOutlined, {
+          onClick: editHandle
+        })]
+      })
+    });
     if (disabled) {
       if ( /*#__PURE__*/React.isValidElement(children)) {
         return children;
@@ -238,7 +241,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
     // 当前页编辑模式
     if (mode === 'current') {
       if (status) {
-        return /*#__PURE__*/React.createElement(_Input, _objectSpread(_objectSpread({
+        return _jsx(_Input, _objectSpread(_objectSpread({
           ref: inputRef,
           size: size,
           onBlur: function onBlur(e) {
@@ -264,11 +267,11 @@ var ProEditLabel = function ProEditLabel(_ref) {
         }
         return TextNode;
       };
-      return /*#__PURE__*/React.createElement(_Popconfirm, _objectSpread({
+      return _jsx(_Popconfirm, _objectSpread(_objectSpread({
         overlayClassName: "pro-edit-label-popconfirm",
         icon: null,
         destroyTooltipOnHide: true,
-        title: /*#__PURE__*/React.createElement(RenderProForm, _objectSpread({
+        title: _jsx(RenderProForm, _objectSpread({
           form: form,
           value: confirmValue,
           onChange: props.onChange,
@@ -279,9 +282,13 @@ var ProEditLabel = function ProEditLabel(_ref) {
         onOpenChange: function onOpenChange(open) {
           _onOpenChange && _onOpenChange(open);
         }
-      }, omit(popupProps, ['type', 'label', 'title', 'tip', 'trim', 'labelWidth', 'fieldProps', 'columns'])), labelRender());
+      }, omit(popupProps, ['type', 'label', 'title', 'tip', 'trim', 'labelWidth', 'fieldProps', 'columns'])), {}, {
+        children: labelRender()
+      }));
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderProEditLabel());
+  return _jsx(_Fragment, {
+    children: renderProEditLabel()
+  });
 };
 export default ProEditLabel;

package/es/ProEditLabel/propsType.d.ts

@@ -1,6 +1,6 @@
-import { InputProps } from 'antd/lib/input';
-import { PopconfirmProps } from 'antd/lib/popconfirm';
-import { FormInstance } from 'antd/lib/form';
+import { InputProps } from 'antd/es/input';
+import { PopconfirmProps } from 'antd/es/popconfirm';
+import { FormInstance } from 'antd/es/form';
 import React from 'react';
 import { ProColumnProps } from '../index';
 export interface ContainerProps {

package/es/ProEditLabel/style/index.less

@@ -26,10 +26,9 @@
   }
 
   .anticon-edit {
-    color      : #D8D8D8;
-    margin-left: var(--zaui-space-size-sm, 8px);
-    cursor     : pointer;
-    padding    : 4px;
+    color  : #D8D8D8;
+    cursor : pointer;
+    padding: var(--zaui-space-size-xs, 4px);
 
     &:hover {
       color: var(--zaui-brand, #006AFF);
@@ -57,7 +56,7 @@
 
 .ant-popover {
   .ant-btn-sm {
-    font-size  : 12px;
+    font-size  : var(--zaui-font-size-sm, 12px);
     min-width  : 56px;
     line-height: 1;
 
@@ -69,7 +68,7 @@
 }
 
 .pro-edit-label-popconfirm {
-  z-index: 1029 !important;
+  z-index: 1001 !important;
 
   .ant-popover-message {
     display: block;
@@ -85,9 +84,9 @@
   }
 
   .pro-edit-label-title {
-    font-size    : 16px;
+    font-size    : var(--zaui-font-size-lg, 16px);
     font-weight  : 500;
-    color        : #343434;
+    color        : var(--zaui-text, #343434);
     margin-bottom: var(--zaui-space-size-sm, 8px);
   }
 
@@ -99,7 +98,7 @@
       font-size   : var(--zaui-font-size-lg, 16px);
       margin-right: var(--zaui-space-size-sm, 8px);
       color       : var(--zaui-warning, #EC9131);
-      margin-top  : 4px;
+      margin-top  : var(--zaui-space-size-xs, 4px);
     }
   }
 
@@ -117,8 +116,7 @@
     }
 
     .ant-col-10 {
-      width        : var(--zaui-form-label-width, 128px);
-      max-width    : var(--zaui-form-label-width, 128px);
+      flex         : 0 0 var(--zaui-form-label-width, 130px);
       text-align   : var(--zaui-form-align, left);
       white-space  : pre-wrap;
       line-height  : 1;
@@ -133,4 +131,4 @@
     width: 100%;
   }
 
-}
+}

package/es/ProEditTable/components/ActionButton/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const ActionButton: ({ record, index, config, btnConfig }: any) => React.JSX.Element;
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
 export default ActionButton;

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

@@ -3,27 +3,49 @@ import _Button from "antd/es/button";
 import "antd/es/popconfirm/style";
 import _Popconfirm from "antd/es/popconfirm";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { isFunction, omit } from 'lodash';
+import { iconMap } from '../../utils/config';
 // 渲染操作按钮
 var ActionButton = function ActionButton(_ref) {
-  var _editingKeys$includes;
+  var _editingKeys$includes, _btnConfig$buttonProp, _btnConfig$buttonProp2, _btnConfig$buttonProp3, _btnConfig$icon;
   var record = _ref.record,
     index = _ref.index,
     config = _ref.config,
     btnConfig = _ref.btnConfig;
-  var virtualKey = config.virtualKey,
+  var form = config.form,
+    virtualKey = config.virtualKey,
     editingKeys = config.editingKeys,
     selectedRowKeys = config.selectedRowKeys,
     deletePoConfirmMsg = config.deletePoConfirmMsg,
-    mulDeletePoConfirmMsg = config.mulDeletePoConfirmMsg;
+    mulDeletePoConfirmMsg = config.mulDeletePoConfirmMsg,
+    max = config.max,
+    tableLength = config.tableLength;
   // 操作按钮权限控制
   var getShow = function getShow(show) {
     if (typeof show === 'function') {
-      return show(record, index);
+      return show(record, {
+        index: index,
+        form: form
+      });
     }
     return show;
   };
+  // 操作按钮权限控制
+  var getDisabled = function getDisabled(disabled) {
+    if (typeof disabled === 'function') {
+      return disabled(record, {
+        index: index,
+        form: form
+      });
+    }
+    // 新增超过最大行，禁止操作按钮
+    if (btnConfig.type === 'add' && max && tableLength >= max) {
+      return true;
+    }
+    return disabled;
+  };
   var deleteMsgMap = {
     delete: deletePoConfirmMsg,
     mulDelete: mulDeletePoConfirmMsg
@@ -32,55 +54,71 @@ var ActionButton = function ActionButton(_ref) {
   var isEditing = !virtualKey || btnConfig.isEditable === (editingKeys === null || editingKeys === void 0 ? void 0 : (_editingKeys$includes = editingKeys.includes) === null || _editingKeys$includes === void 0 ? void 0 : _editingKeys$includes.call(editingKeys, record === null || record === void 0 ? void 0 : record.rowKey));
   // 单行删除、多行删除按钮Props
   var delBtnProps = _objectSpread(_objectSpread({}, btnConfig.buttonProps), {}, {
-    disabled: !selectedRowKeys.length && btnConfig.type === 'mulDelete'
+    disabled: getDisabled((_btnConfig$buttonProp = (_btnConfig$buttonProp2 = btnConfig.buttonProps) === null || _btnConfig$buttonProp2 === void 0 ? void 0 : _btnConfig$buttonProp2.disabled) !== null && _btnConfig$buttonProp !== void 0 ? _btnConfig$buttonProp : !selectedRowKeys.length && btnConfig.type === 'mulDelete')
   });
   // 其他操作按钮Props
   var actionBtnProps = _objectSpread(_objectSpread({}, btnConfig.buttonProps), {}, {
     onClick: function onClick() {
-      btnConfig.onClick(record, index);
-    }
+      btnConfig.onEvent(record, index);
+    },
+    disabled: getDisabled((_btnConfig$buttonProp3 = btnConfig.buttonProps) === null || _btnConfig$buttonProp3 === void 0 ? void 0 : _btnConfig$buttonProp3.disabled)
   });
   // 当传入函数时，先转成reactNode
   if (isFunction(btnConfig.label)) {
-    btnConfig.label = /*#__PURE__*/React.createElement(btnConfig.label, null);
+    btnConfig.label = _jsx(btnConfig.label, {
+      form: form
+    });
   }
   var isDisabled = !selectedRowKeys.length && btnConfig.type === 'mulDelete' || editingKeys.length || (delBtnProps === null || delBtnProps === void 0 ? void 0 : delBtnProps.disabled);
-  return isEditing && getShow(btnConfig.show) ? /*#__PURE__*/React.createElement(React.Fragment, null, ['delete', 'mulDelete'].includes(btnConfig.type) ? /*#__PURE__*/React.createElement(React.Fragment, null, (btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.needConfirm) ? /*#__PURE__*/React.createElement(_Popconfirm, {
-    placement: "topRight",
-    title: deleteMsgMap[btnConfig.type],
-    onConfirm: function onConfirm() {
-      btnConfig.onClick(record, index);
-    },
-    disabled: isDisabled,
-    okText: "\u786E\u8BA4",
-    cancelText: "\u53D6\u6D88"
-  }, /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    record: record,
-    index: index,
-    disabled: isDisabled
-  })) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    disabled: isDisabled,
-    type: "link"
-  }), btnConfig.label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    record: record,
-    index: index,
-    disabled: isDisabled,
-    onClick: function onClick() {
-      btnConfig.onClick(record, index);
-    }
-  })) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    disabled: isDisabled,
-    type: "link",
-    onClick: function onClick() {
-      btnConfig.onClick(record, index);
-    }
-  }), btnConfig.label))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    record: record,
-    index: index
-  })) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({
-    className: "action-button"
-  }, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
-    type: "link"
-  }), btnConfig.label))) : null;
+  return isEditing && getShow(btnConfig.show) ? _jsx(_Fragment, {
+    children: ['delete', 'mulDelete'].includes(btnConfig.type) ? _jsx(_Fragment, {
+      children: (btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.needConfirm) ? _jsx(_Popconfirm, {
+        placement: "topRight",
+        title: deleteMsgMap[btnConfig.type],
+        onConfirm: function onConfirm() {
+          btnConfig.onEvent(record, index);
+        },
+        disabled: isDisabled,
+        okText: "\u786E\u8BA4",
+        cancelText: "\u53D6\u6D88",
+        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+          record: record,
+          index: index,
+          disabled: isDisabled
+        })) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+          disabled: isDisabled,
+          type: "link",
+          children: btnConfig.label
+        }))
+      }) : _jsx(_Fragment, {
+        children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+          record: record,
+          index: index,
+          disabled: isDisabled,
+          onClick: function onClick() {
+            btnConfig.onEvent(record, index);
+          }
+        })) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+          disabled: isDisabled,
+          type: "link",
+          onClick: function onClick() {
+            btnConfig.onEvent(record, index);
+          },
+          children: btnConfig.label
+        }))
+      })
+    }) : _jsx(_Fragment, {
+      children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        record: record,
+        index: index
+      })) : _jsx(_Button, _objectSpread(_objectSpread({
+        className: "action-button"
+      }, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        type: "link",
+        icon: (_btnConfig$icon = btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.icon) !== null && _btnConfig$icon !== void 0 ? _btnConfig$icon : iconMap[btnConfig.type],
+        children: btnConfig.label
+      }))
+    })
+  }) : null;
 };
 export default ActionButton;

package/es/ProEditTable/components/DndWrapper/index.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "children"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
@@ -30,35 +31,44 @@ export var Row = function Row(props) {
     position: 'relative',
     zIndex: 9999
   } : {});
-  return /*#__PURE__*/React.createElement("tr", _objectSpread(_objectSpread({}, restProps), {}, {
+  return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
     ref: setNodeRef,
     style: style
-  }, attributes), React.Children.map(children, function (child) {
-    if (child.key === 'SORT') {
-      return /*#__PURE__*/React.cloneElement(child, {
-        children: /*#__PURE__*/React.createElement(ReactSVG, _objectSpread({
-          style: {
-            touchAction: 'none',
-            cursor: disabled ? 'no-drop' : 'move'
-          },
-          className: "drag-handle",
-          src: DragSvg
-        }, listeners))
-      });
-    }
-    return child;
+  }, attributes), {}, {
+    children: React.Children.map(children, function (child) {
+      if (child.key === 'RC_TABLE_KEY') {
+        var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
+          render = _ref.render,
+          record = _ref.record,
+          renderIndex = _ref.renderIndex;
+        return /*#__PURE__*/React.cloneElement(child, {
+          children: _jsxs("span", {
+            className: "drag-wrapper",
+            children: [_jsx(ReactSVG, _objectSpread({
+              style: {
+                touchAction: 'none',
+                cursor: disabled ? 'no-drop' : 'move'
+              },
+              className: "drag-handle",
+              src: DragSvg
+            }, listeners)), render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
+          })
+        });
+      }
+      return child;
+    })
   }));
 };
-var DndWrapper = function DndWrapper(_ref) {
+var DndWrapper = function DndWrapper(_ref2) {
   var _value$;
-  var draggable = _ref.draggable,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    children = _ref.children;
-  var onDragEnd = function onDragEnd(_ref2) {
-    var active = _ref2.active,
-      over = _ref2.over;
+  var draggable = _ref2.draggable,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    disabled = _ref2.disabled,
+    children = _ref2.children;
+  var onDragEnd = function onDragEnd(_ref3) {
+    var active = _ref3.active,
+      over = _ref3.over;
     if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
       var activeIndex = value.findIndex(function (i) {
         return i.rowKey === active.id;
@@ -70,13 +80,15 @@ var DndWrapper = function DndWrapper(_ref) {
       onChange(nextValue);
     }
   };
-  return draggable && !disabled ? /*#__PURE__*/React.createElement(DndContext, {
-    onDragEnd: onDragEnd
-  }, /*#__PURE__*/React.createElement(SortableContext, {
-    items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
-      return i.rowKey;
-    }) : [],
-    strategy: verticalListSortingStrategy
-  }, children)) : children;
+  return draggable && !disabled ? _jsx(DndContext, {
+    onDragEnd: onDragEnd,
+    children: _jsx(SortableContext, {
+      items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
+        return i.rowKey;
+      }) : [],
+      strategy: verticalListSortingStrategy,
+      children: children
+    })
+  }) : children;
 };
 export default DndWrapper;

package/es/ProEditTable/components/RenderField/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const RenderField: ({ text: value, record, index, column, config }: any) => React.JSX.Element;
+declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
 export default RenderField;