@zat-design/sisyphus-react 3.0.13

package/es/ProEditLabel/components/RenderForm.d.ts

@@ -0,0 +1,3 @@
+declare const RenderForm: ({ type, onPopChangeHandle, fieldProps, size, value, label, viewEmpty, ...props }: any) => JSX.Element;
+export declare const getNameByCode: ({ dataSource, transform, value }: any) => any;
+export default RenderForm;

package/es/ProEditLabel/components/RenderForm.js

@@ -0,0 +1,65 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "onPopChangeHandle", "fieldProps", "size", "value", "label", "viewEmpty"];
+import React from 'react';
+import * as componentMap from '../../ProForm/components';
+var getDataSource = function getDataSource(_ref) {
+  var dataSource = _ref.dataSource,
+    transform = _ref.transform;
+  if (transform) {
+    var result;
+    try {
+      result = transform();
+    } catch (error) {
+      result = dataSource;
+      throw new Error(error);
+    }
+    return transform();
+  }
+  return dataSource;
+};
+var RenderForm = function RenderForm(_ref2) {
+  var _componentMap$_type;
+  var _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'Input' : _ref2$type,
+    onPopChangeHandle = _ref2.onPopChangeHandle,
+    fieldProps = _ref2.fieldProps,
+    size = _ref2.size,
+    value = _ref2.value,
+    label = _ref2.label,
+    viewEmpty = _ref2.viewEmpty,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var _type = type[0].toUpperCase() + type.substr(1);
+  var Component = (_componentMap$_type = componentMap[_type]) !== null && _componentMap$_type !== void 0 ? _componentMap$_type : /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/React.createElement(Component, _objectSpread(_objectSpread(_objectSpread({
+    size: size,
+    otherProps: {
+      isView: props.isView,
+      viewEmpty: viewEmpty
+    }
+  }, fieldProps), props), {}, {
+    value: value,
+    onChange: function onChange(e) {
+      var value = ['Input', 'TextArea'].includes(type || 'Input') ? e.target.value : e;
+      props.onChange(e);
+      onPopChangeHandle && onPopChangeHandle(value);
+    }
+  }));
+};
+export var getNameByCode = function getNameByCode(_ref3) {
+  var _newDataSource$find;
+  var dataSource = _ref3.dataSource,
+    transform = _ref3.transform,
+    value = _ref3.value;
+  var newDataSource = getDataSource({
+    dataSource: dataSource,
+    transform: transform
+  });
+  if (!Array.isArray(newDataSource) || !newDataSource.length) {
+    return '-';
+  }
+  return ((_newDataSource$find = newDataSource.find(function (item) {
+    return item.code === value;
+  })) === null || _newDataSource$find === void 0 ? void 0 : _newDataSource$find.name) || '-';
+};
+export default RenderForm;

package/es/ProEditLabel/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContainerProps, LabelProps, PopupConfirmProps } from './propsType';
+declare const ProEditLabel: FC<LabelProps & PopupConfirmProps & ContainerProps>;
+export default ProEditLabel;

package/es/ProEditLabel/index.js

@@ -0,0 +1,324 @@
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/form/style";
+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"];
+import { EditOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import { useToggle, useSetState } from 'ahooks';
+import { omit } from 'lodash';
+import classnames from 'classnames';
+import React, { useEffect, useRef, useMemo } from 'react';
+import RenderForm, { getNameByCode } from './components/RenderForm';
+import { isTrim } from './utils/index';
+var ProEditLabel = function ProEditLabel(_ref) {
+  var _classnames;
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _onOpenChange = _ref.onOpenChange,
+    onFinish = _ref.onFinish,
+    onConfirm = _ref.onConfirm,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'current' : _ref$mode,
+    className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    popupProps = _ref.popupProps,
+    style = _ref.style,
+    _ref$viewEmpty = _ref.viewEmpty,
+    viewEmpty = _ref$viewEmpty === void 0 ? '-' : _ref$viewEmpty,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSetState = useSetState({
+      popValue: props.value || '',
+      confirmValue: props.value || '' // 确认后value
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    popValue = _useSetState2$.popValue,
+    confirmValue = _useSetState2$.confirmValue,
+    setState = _useSetState2[1];
+  var _useToggle = useToggle(open),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    status = _useToggle2[0],
+    toggleStatus = _useToggle2[1].toggle;
+  var _Form$useForm = _Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var inputRef = useRef(null);
+  var formItemProps = _objectSpread({
+    colon: false,
+    labelAlign: 'left',
+    name: (popupProps === null || popupProps === void 0 ? void 0 : popupProps.type) || 'Input'
+  }, omit(popupProps, ['fieldProps', 'type', 'trim']));
+  var onPress = function onPress(e) {
+    var element = e.target;
+    if (e.key === 'Enter') {
+      onFinish && onFinish(element.value);
+      onConfirm && onConfirm(element.value);
+      toggleStatus();
+    }
+  };
+  var editHandle = function editHandle() {
+    var _inputRef$current;
+    toggleStatus();
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    if (mode === 'popup') {
+      form.setFieldValue(formItemProps.name, props.value);
+      // 弹窗同步最新value数据，解决Popconfirm空白处关闭数据不同步问题
+      setState({
+        popValue: confirmValue
+      });
+    }
+  };
+  useEffect(function () {
+    var _inputRef$current2;
+    status && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus());
+  }, [status]);
+  useEffect(function () {
+    _onOpenChange && _onOpenChange(status);
+  }, [_onOpenChange, status]);
+  useEffect(function () {
+    if (popValue !== confirmValue) {
+      setState({
+        popValue: confirmValue
+      });
+    }
+  }, [confirmValue]);
+  useEffect(function () {
+    setState({
+      confirmValue: props.value,
+      popValue: props.value
+    });
+  }, [props.value]);
+  var cls = classnames((_classnames = {
+    'pro-edit-label': true
+  }, _defineProperty(_classnames, "trigger-".concat(trigger), trigger), _defineProperty(_classnames, 'pro-edit-label-small', size === 'small'), _defineProperty(_classnames, 'pro-edit-label-middle', size === 'middle'), _defineProperty(_classnames, 'pro-edit-label-large', size === 'large'), _defineProperty(_classnames, "".concat(className), className), _classnames));
+  /**
+   * pop确认回调
+   */
+  var onConfirmHandle = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var res, value;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return form.validateFields();
+          case 2:
+            res = _context.sent;
+            value = res[formItemProps.name];
+            _context.prev = 4;
+            _context.t0 = onFinish;
+            if (!_context.t0) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 9;
+            return onFinish(value);
+          case 9:
+            _context.t1 = onConfirm;
+            if (!_context.t1) {
+              _context.next = 13;
+              break;
+            }
+            _context.next = 13;
+            return onConfirm(value);
+          case 13:
+            _context.next = 15;
+            return setState({
+              confirmValue: value,
+              popValue: value
+            });
+          case 15:
+            _context.next = 20;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t2 = _context["catch"](4);
+            return _context.abrupt("return", Promise.reject());
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[4, 17]]);
+    }));
+    return function onConfirmHandle() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  /**
+   * pop取消回调
+   */
+  var onCancelHandle = function onCancelHandle() {
+    form.setFieldValue(formItemProps.name, props.value);
+    setState({
+      popValue: props.value
+    });
+  };
+  /**
+   * 根据 required 自动添加 rules
+   */
+  var internalRule = useMemo(function () {
+    if (!popupProps) {
+      return null;
+    }
+    var required = formItemProps.required,
+      rules = formItemProps.rules;
+    var result = {
+      rules: rules
+    };
+    var message = ['Select', 'ProSelect', 'ProEnum', 'DatePicker', 'ProAddressBar', 'ProTimeLimit'].includes(popupProps.type) ? "\u8BF7\u9009\u62E9".concat(formItemProps.label || '') : "\u8BF7\u8F93\u5165".concat(formItemProps.label || '');
+    var rule = {
+      required: required,
+      message: message
+    };
+    var _rules;
+    if (required === true) {
+      if (Array.isArray(rules)) {
+        _rules = rules.filter(function (item) {
+          return !item.required;
+        });
+      }
+      result.rules = rules ? [].concat(_toConsumableArray(_rules), [rule]) : [rule];
+    }
+    if (Array.isArray(rules)) {
+      _rules = rules.map(function (item) {
+        if (item.required && !item.message) {
+          item.message = message;
+        }
+        return item;
+      });
+      result.rules = _rules;
+    }
+    return result;
+  }, [formItemProps.rules, formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.required]);
+  var formCls = classnames({
+    'pro-form': true,
+    'pro-form-no-label': !(popupProps === null || popupProps === void 0 ? void 0 : popupProps.label)
+  });
+  useEffect(function () {
+    // 弹窗模式使用form赋值
+    if (mode === 'popup') {
+      form.setFieldValue(formItemProps.name, props.value);
+    }
+  }, [props.value, formItemProps.name]);
+  var renderPopTitle = function renderPopTitle() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, (popupProps === null || popupProps === void 0 ? void 0 : popupProps.title) && /*#__PURE__*/React.createElement("div", {
+      className: "pro-edit-label-title"
+    }, popupProps === null || popupProps === void 0 ? void 0 : popupProps.title), (popupProps === null || popupProps === void 0 ? void 0 : popupProps.tip) && /*#__PURE__*/React.createElement("div", {
+      className: "pro-edit-label-tip"
+    }, /*#__PURE__*/React.createElement(_Space, {
+      align: "start"
+    }, /*#__PURE__*/React.createElement(InfoCircleOutlined, null), popupProps === null || popupProps === void 0 ? void 0 : popupProps.tip)), /*#__PURE__*/React.createElement(_Row, {
+      align: "middle",
+      className: "pro-edit-label-popup"
+    }, /*#__PURE__*/React.createElement(_Form, {
+      form: form,
+      className: formCls
+    }, /*#__PURE__*/React.createElement(_Form.Item, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isTrim(props.type, popupProps === null || popupProps === void 0 ? void 0 : popupProps.trim)), formItemProps), internalRule), {}, {
+      label: /*#__PURE__*/React.createElement("span", {
+        style: {
+          width: popupProps === null || popupProps === void 0 ? void 0 : popupProps.labelWidth
+        }
+      }, popupProps === null || popupProps === void 0 ? void 0 : popupProps.label)
+    }), /*#__PURE__*/React.createElement(RenderForm, _objectSpread(_objectSpread({
+      type: props.type,
+      viewEmpty: viewEmpty
+    }, popupProps), {}, {
+      size: size,
+      onPopChangeHandle: props === null || props === void 0 ? void 0 : props.onChange
+    }))))));
+  };
+  /**
+   * 渲染可编辑label
+   * @returns
+   */
+  var renderProEditLabel = function renderProEditLabel() {
+    var TextNode = /*#__PURE__*/React.createElement("div", {
+      className: cls,
+      style: style
+    }, Array.isArray(props.dataSource) ? getNameByCode({
+      dataSource: props.dataSource,
+      transform: props.transform,
+      value: props.value
+    }) : props.value, !disabled && /*#__PURE__*/React.createElement(EditOutlined, {
+      onClick: editHandle
+    }));
+    if (disabled) {
+      if ( /*#__PURE__*/React.isValidElement(children)) {
+        return children;
+      }
+      return TextNode;
+    }
+    // 当前页编辑模式
+    if (mode === 'current') {
+      if (status) {
+        return /*#__PURE__*/React.createElement(_Input, _objectSpread(_objectSpread({
+          ref: inputRef,
+          size: size,
+          onBlur: function onBlur(e) {
+            toggleStatus();
+            onFinish && onFinish(e.target.value);
+            onConfirm && onConfirm(e.target.value);
+          },
+          onKeyDown: onPress
+        }, props), {}, {
+          onChange: function onChange(e) {
+            props.onChange && props.onChange(e.target.value);
+          }
+        }));
+      }
+      return TextNode;
+    }
+    // 弹窗编辑模式
+    if (mode === 'popup') {
+      // 查看时内容渲染
+      var labelRender = function labelRender() {
+        if ( /*#__PURE__*/React.isValidElement(children)) {
+          return children;
+        }
+        return /*#__PURE__*/React.createElement("div", {
+          className: cls
+        }, /*#__PURE__*/React.createElement(RenderForm, _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
+          type: props.type,
+          viewEmpty: viewEmpty
+        }, popupProps), {}, {
+          size: size,
+          value: confirmValue,
+          isView: true
+        })), /*#__PURE__*/React.createElement(EditOutlined, {
+          onClick: editHandle
+        }));
+      };
+      return /*#__PURE__*/React.createElement(_Popconfirm, {
+        icon: null,
+        placement: "topRight",
+        title: renderPopTitle(),
+        onConfirm: onConfirmHandle,
+        onCancel: onCancelHandle,
+        onOpenChange: function onOpenChange(open) {
+          _onOpenChange && _onOpenChange(open);
+        }
+      }, labelRender());
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderProEditLabel());
+};
+export default ProEditLabel;

package/es/ProEditLabel/propsType.d.ts

@@ -0,0 +1,43 @@
+import { InputProps } from 'antd/lib/input';
+import { PopconfirmProps } from 'antd/lib/popconfirm';
+import React from 'react';
+export interface ContainerProps {
+    trigger?: 'click' | 'hover';
+    size?: 'small' | 'middle' | 'large';
+    mode?: 'popup' | 'current';
+    type?: 'input' | 'select';
+}
+export interface StateProps {
+    popValue?: string;
+    confirmValue?: string;
+}
+export interface PopupProps {
+    type?: string;
+    label?: string | React.ReactNode;
+    title?: string | React.ReactNode;
+    tip?: string | React.ReactNode;
+    trim?: boolean;
+    labelWidth?: string | number;
+    fieldProps?: any;
+    [key: string]: any;
+}
+export interface LabelProps extends InputProps {
+    visible?: boolean;
+    open?: boolean;
+    onVisibleChange?: (open: boolean) => void;
+    onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
+    editable?: boolean;
+    onEdit?: () => void;
+}
+export interface PopupConfirmProps extends Partial<PopconfirmProps> {
+    popupProps?: PopupProps;
+    viewEmpty?: '-';
+    onConfirm?: (e?: any) => void;
+    onFinish?: (e?: any) => void;
+    tip?: string | React.ReactNode;
+    dataSource?: any[];
+    transform?: () => any[];
+    title?: string | React.ReactNode;
+    disabled?: boolean;
+    [key: string]: any;
+}

package/es/ProEditLabel/propsType.js

@@ -0,0 +1 @@
+export {};

package/es/ProEditLabel/style/index.less

@@ -0,0 +1,105 @@
+.pro-edit-label {
+  display: inline-block;
+
+  .pro-form-view-container {
+    word-break: break-all;
+    display: inline-block;
+  }
+
+  &.trigger-hover {
+    .anticon-edit {
+      display: none;
+    }
+
+    &:hover {
+      .anticon-edit {
+        display: block;
+      }
+    }
+
+  }
+
+  .anticon-edit {
+    color      : #D8D8D8;
+    margin-left: var(--zaui-space-size-sm, 8px);
+    cursor     : pointer;
+    padding    : 4px;
+
+    &:hover {
+      color: var(--zaui-brand, #006AFF);
+    }
+
+    &:active {
+      background   : #E3E8F0;
+      border-radius: var(--zaui-border-radius-card, 2px);
+    }
+  }
+
+  &.pro-edit-label-small {
+    height: 24px;
+  }
+
+  &.pro-edit-label-middle {
+    height: 32px;
+  }
+
+  &.pro-edit-label-large {
+    height: 40px;
+  }
+
+}
+
+.ant-popover {
+  z-index: 1029 !important;
+
+  .pro-edit-label-title {
+    font-size    : 16px;
+    font-weight  : 500;
+    color        : #343434;
+    margin-bottom: var(--zaui-space-size-sm, 8px);
+  }
+
+  .pro-edit-label-tip {
+    max-width    : 300px;
+    margin-bottom: var(--zaui-space-size-md, 16px);
+    color        : #666;
+
+    .anticon-info-circle {
+      font-size   : var(--zaui-font-size-lg, 16px);
+      margin-right: var(--zaui-space-size-sm, 8px);
+      color       : var(--zaui-warning, #EC9131);
+      margin-top  : 4px;
+    }
+  }
+
+  .pro-edit-label-popup {
+    min-width: 300px;
+
+    .pro-form {
+      width: 100%;
+
+      &.pro-form-no-label {
+        .ant-form-item-label {
+          display: none;
+        }
+      }
+    }
+
+    .ant-col-10 {
+      width        : var(--zaui-form-label-width, 128px);
+      max-width    : var(--zaui-form-label-width, 128px);
+      text-align   : var(--zaui-form-align, left);
+      white-space  : pre-wrap;
+      line-height  : 1;
+      overflow     : initial;
+      box-sizing   : border-box;
+      padding-right: var(--zaui-space-size-md, 16px);
+    }
+
+  }
+
+  .ant-select {
+    width: 100%;
+  }
+
+}

package/es/ProEditLabel/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+export declare const isTrim: (type: string, trim: boolean) => any;
+export declare const isNullValue: (value: any) => boolean;
+export declare const isNullArray: (value: any, length: any) => boolean;

package/es/ProEditLabel/utils/index.js

@@ -0,0 +1,32 @@
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+export var isTrim = function isTrim(type, trim) {
+  var result = {};
+  if (['Input', 'TextArea'].includes(type) && trim) {
+    result.getValueFromEvent = function (event) {
+      return event.target.value.trim();
+    };
+  }
+  return result;
+};
+// 判断一个字段值是否算空
+var nullList = [undefined, 'null', '""', '[]'];
+export var isNullValue = function isNullValue(value) {
+  return nullList.includes(JSON.stringify(value));
+};
+// 判断数组是否算空
+export var isNullArray = function isNullArray(value, length) {
+  if (Array.isArray(value)) {
+    for (var i = 0; i < length; i++) {
+      if (isNullValue(value[i])) {
+        return true;
+      }
+    }
+    return false;
+  }
+  return !value;
+};

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

@@ -0,0 +1,2 @@
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
+export default ActionButton;

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

@@ -0,0 +1,70 @@
+import "antd/es/button/style";
+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 React from 'react';
+import { isFunction, omit } from 'lodash';
+// 渲染操作按钮
+var ActionButton = function ActionButton(_ref) {
+  var _editingKeys$includes;
+  var record = _ref.record,
+    index = _ref.index,
+    config = _ref.config,
+    btnConfig = _ref.btnConfig;
+  var virtualKey = config.virtualKey,
+    editingKeys = config.editingKeys,
+    selectedRowKeys = config.selectedRowKeys,
+    deletePoConfirmMsg = config.deletePoConfirmMsg,
+    mulDeletePoConfirmMsg = config.mulDeletePoConfirmMsg;
+  // 操作按钮权限控制
+  var getShow = function getShow(show) {
+    if (typeof show === 'function') {
+      return show(record, index);
+    }
+    return show;
+  };
+  var deleteMsgMap = {
+    delete: deletePoConfirmMsg,
+    mulDelete: mulDeletePoConfirmMsg
+  };
+  // 判断当前行是否正在编辑
+  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'
+  });
+  // 其他操作按钮Props
+  var actionBtnProps = _objectSpread(_objectSpread({}, btnConfig.buttonProps), {}, {
+    onClick: function onClick() {
+      btnConfig.onClick(record, index);
+    }
+  });
+  // 当传入函数时，先转成reactNode
+  if (isFunction(btnConfig.label)) {
+    btnConfig.label = /*#__PURE__*/React.createElement(btnConfig.label, null);
+  }
+  return isEditing && getShow(btnConfig.show) ? /*#__PURE__*/React.createElement(React.Fragment, null, ['delete', 'mulDelete'].includes(btnConfig.type) ? /*#__PURE__*/React.createElement(_Popconfirm, {
+    placement: "topRight",
+    title: deleteMsgMap[btnConfig.type],
+    onConfirm: function onConfirm() {
+      btnConfig.onClick(record, index);
+    },
+    disabled: !selectedRowKeys.length && btnConfig.type === 'mulDelete',
+    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
+  })) : /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+    type: "link"
+  }), 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;
+};
+export default ActionButton;

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

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+    disabled?: boolean;
+}
+export declare const Row: FC<RowProps>;
+declare const DndWrapper: ({ draggable, value, onChange, disabled, children, }: {
+    draggable: any;
+    value: any;
+    onChange: any;
+    disabled: any;
+    children: any;
+}) => any;
+export default DndWrapper;