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

package/es/ProEditLabel/index.js

@@ -1,12 +1,18 @@
+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/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 "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", "form"];
 import { EditOutlined } from '@ant-design/icons';
-import { Input, Popconfirm, Form, Space } from 'antd';
 import { useToggle, useSetState } from 'ahooks';
 import classnames from 'classnames';
 import React, { useEffect, useRef } from 'react';
@@ -16,7 +22,7 @@ import { matchFormValue } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var ProEditLabel = function ProEditLabel(_ref) {
+var ProEditLabel = _ref => {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     _ref$disabled = _ref.disabled,
@@ -50,14 +56,14 @@ var ProEditLabel = function ProEditLabel(_ref) {
     _useToggle2 = _slicedToArray(_useToggle, 2),
     status = _useToggle2[0],
     toggleStatus = _useToggle2[1].toggle;
-  var _Form$useForm = Form.useForm(OriginForm),
+  var _Form$useForm = _Form.useForm(OriginForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _Form$useForm3 = Form.useForm(),
+  var _Form$useForm3 = _Form.useForm(),
     _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
     viewForm = _Form$useForm4[0];
   var inputRef = useRef(null);
-  var onPress = function onPress(e) {
+  var onPress = e => {
     var element = e.target;
     if (e.key === 'Enter') {
       onFinish && onFinish(element.value);
@@ -65,7 +71,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
       toggleStatus();
     }
   };
-  var editHandle = function editHandle() {
+  var editHandle = () => {
     var _inputRef$current;
     toggleStatus();
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
@@ -82,14 +88,14 @@ var ProEditLabel = function ProEditLabel(_ref) {
       });
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     var _inputRef$current2;
     status && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus());
   }, [status]);
-  useEffect(function () {
+  useEffect(() => {
     _onOpenChange && _onOpenChange(status);
   }, [_onOpenChange, status]);
-  useEffect(function () {
+  useEffect(() => {
     setState({
       confirmValue: props.value,
       popValue: props.value
@@ -97,7 +103,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
   }, [props.value]);
 
   // 初始化同步数据或者同步外部数据源
-  useEffect(function () {
+  useEffect(() => {
     // 弹窗模式使用form赋值
     if (mode === 'popup' && props.value) {
       // 兼容老写法
@@ -114,7 +120,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
   }, [props.value, mode]);
 
   // 文本模式同步
-  useEffect(function () {
+  useEffect(() => {
     // 弹窗模式使用form赋值
     if (mode === 'popup' && confirmValue !== props.value) {
       // 兼容老写法
@@ -125,9 +131,15 @@ var ProEditLabel = function ProEditLabel(_ref) {
       }
     }
   }, [confirmValue, mode]);
-  var cls = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    'pro-edit-label': true
-  }, "trigger-".concat(trigger), trigger), 'pro-edit-label-small', size === 'small'), 'pro-edit-label-middle', size === 'middle'), 'pro-edit-label-large', size === 'large'), "".concat(className), className));
+  var cls = classnames({
+    'pro-edit-label': true,
+    [`trigger-${trigger}`]: trigger,
+    'pro-edit-label-small': size === 'small',
+    'pro-edit-label-middle': size === 'middle',
+    // 默认middle
+    'pro-edit-label-large': size === 'large',
+    [`${className}`]: className
+  });
 
   /**
    * pop确认回调
@@ -190,7 +202,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
   /**
    * pop取消回调
    */
-  var onCancelHandle = function onCancelHandle() {
+  var onCancelHandle = () => {
     // 兼容老写法
     if (!popupProps.columns) {
       form.setFieldValue((popupProps === null || popupProps === void 0 ? void 0 : popupProps.type) || 'Input', props.value);
@@ -206,11 +218,11 @@ var ProEditLabel = function ProEditLabel(_ref) {
    * 渲染可编辑label
    * @returns
    */
-  var renderProEditLabel = function renderProEditLabel() {
+  var renderProEditLabel = () => {
     var TextNode = /*#__PURE__*/_jsx("div", {
       className: cls,
       style: style,
-      children: /*#__PURE__*/_jsxs(Space, {
+      children: /*#__PURE__*/_jsxs(_Space, {
         align: "start",
         children: [mode === 'current' ? props.value : /*#__PURE__*/_jsx(RenderProForm, _objectSpread({
           value: confirmValue,
@@ -233,17 +245,17 @@ var ProEditLabel = function ProEditLabel(_ref) {
     // 当前页编辑模式
     if (mode === 'current') {
       if (status) {
-        return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx(_Input, _objectSpread(_objectSpread({
           ref: inputRef,
           size: size,
-          onBlur: function onBlur(e) {
+          onBlur: e => {
             toggleStatus();
             onFinish && onFinish(e.target.value);
             onConfirm && onConfirm(e.target.value);
           },
           onKeyDown: onPress
         }, props), {}, {
-          onChange: function onChange(e) {
+          onChange: e => {
             props.onChange && props.onChange(e.target.value);
           }
         }));
@@ -253,13 +265,13 @@ var ProEditLabel = function ProEditLabel(_ref) {
     // 弹窗编辑模式
     if (mode === 'popup') {
       // 查看时内容渲染
-      var labelRender = function labelRender() {
+      var labelRender = () => {
         if ( /*#__PURE__*/React.isValidElement(children)) {
           return children;
         }
         return TextNode;
       };
-      return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(_Popconfirm, _objectSpread(_objectSpread({
         classNames: {
           root: 'pro-edit-label-popconfirm'
         },
@@ -273,7 +285,7 @@ var ProEditLabel = function ProEditLabel(_ref) {
         }, popupProps)),
         onConfirm: onConfirmHandle,
         onCancel: onCancelHandle,
-        onOpenChange: function onOpenChange(open) {
+        onOpenChange: open => {
           _onOpenChange && _onOpenChange(open);
         }
       }, omit(popupProps, ['type', 'label', 'title', 'tip', 'trim', 'labelWidth', 'fieldProps', 'columns'])), {}, {

package/es/ProEditLabel/utils/index.js

@@ -1,16 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /**
  * 判断columns的length是否为1，给表单赋值，默认匹配到value上
  * @param value 表单值
  * @param columns 表单配置项
  * @returns value
  */
-export var matchFormValue = function matchFormValue(value, columns) {
+export var matchFormValue = (value, columns) => {
   if (!Array.isArray(columns)) {
     return value;
   }
   if (columns.length === 1) {
-    return _defineProperty({}, columns[0].name || columns[0].type, value);
+    return {
+      [columns[0].name || columns[0].type]: value
+    };
   }
   return value;
 };

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

@@ -1,7 +1,9 @@
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from 'react';
-import { Button, Popconfirm } from 'antd';
 import { isFunction, omit } from 'lodash';
 import { iconMap } from "../../utils/config";
 import locale from "../../../locale";
@@ -9,7 +11,7 @@ import locale from "../../../locale";
 // 渲染操作按钮
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var ActionButton = function ActionButton(_ref) {
+var ActionButton = _ref => {
   var _editingKeys$includes, _btnConfig$buttonProp, _btnConfig$buttonProp2, _btnConfig$buttonProp3, _btnConfig$icon;
   var record = _ref.record,
     index = _ref.index,
@@ -25,33 +27,33 @@ var ActionButton = function ActionButton(_ref) {
     name = config.name,
     tableLength = config.tableLength,
     selectedRows = config.selectedRows;
-  var rowNamePath = [].concat(_toConsumableArray(name), [index]);
+  var rowNamePath = [...name, index];
 
   // 操作按钮权限控制
-  var getShow = function getShow(show) {
+  var getShow = show => {
     if (typeof show === 'function') {
       return show(record, {
-        index: index,
-        form: form,
-        name: name,
+        index,
+        form,
+        name,
         namePath: rowNamePath,
-        tableLength: tableLength,
-        selectedRows: selectedRows
+        tableLength,
+        selectedRows
       });
     }
     return show;
   };
 
   // 操作按钮权限控制
-  var getDisabled = function getDisabled(disabled) {
+  var getDisabled = disabled => {
     if (typeof disabled === 'function') {
       return disabled(record, {
-        index: index,
-        form: form,
-        name: name,
+        index,
+        form,
+        name,
         namePath: rowNamePath,
-        tableLength: tableLength,
-        selectedRows: selectedRows
+        tableLength,
+        selectedRows
       });
     }
 
@@ -76,14 +78,14 @@ var ActionButton = function ActionButton(_ref) {
 
   // 其他操作按钮Props
   var actionBtnProps = _objectSpread(_objectSpread({}, btnConfig.buttonProps), {}, {
-    onClick: function onClick() {
+    onClick: () => {
       btnConfig === null || btnConfig === void 0 || btnConfig.onEvent(record, {
-        index: index,
-        form: form,
-        name: name,
+        index,
+        form,
+        name,
         namePath: rowNamePath,
-        tableLength: tableLength,
-        selectedRows: selectedRows
+        tableLength,
+        selectedRows
       });
     },
     disabled: getDisabled((_btnConfig$buttonProp3 = btnConfig.buttonProps) === null || _btnConfig$buttonProp3 === void 0 ? void 0 : _btnConfig$buttonProp3.disabled)
@@ -92,71 +94,71 @@ var ActionButton = function ActionButton(_ref) {
   // 当传入函数时，先转成reactNode
   if (isFunction(btnConfig.label)) {
     var addIndex = tableLength ? tableLength - 1 : 0;
-    var namePath = [].concat(_toConsumableArray(name), [addIndex]);
+    var namePath = [...name, addIndex];
     var addRecord = form.getFieldValue(namePath) || {};
     btnConfig.label = btnConfig.label(addRecord, {
-      form: form,
-      namePath: namePath,
-      name: name,
-      tableLength: tableLength,
-      selectedRows: selectedRows,
+      form,
+      namePath,
+      name,
+      tableLength,
+      selectedRows,
       index: addIndex
     });
   }
   var isDisabled = !selectedRowKeys.length && btnConfig.type === 'mulDelete' || editingKeys.length || (delBtnProps === null || delBtnProps === void 0 ? void 0 : delBtnProps.disabled);
   return _isEditing && getShow(btnConfig.show) ? /*#__PURE__*/_jsx(_Fragment, {
     children: ['delete', 'mulDelete'].includes(btnConfig.type) ? /*#__PURE__*/_jsx(_Fragment, {
-      children: btnConfig !== null && btnConfig !== void 0 && btnConfig.needConfirm ? /*#__PURE__*/_jsx(Popconfirm, {
+      children: btnConfig !== null && btnConfig !== void 0 && btnConfig.needConfirm ? /*#__PURE__*/_jsx(_Popconfirm, {
         placement: "topRight",
         title: deleteMsgMap[btnConfig.type],
-        onConfirm: function onConfirm() {
+        onConfirm: () => {
           btnConfig === null || btnConfig === void 0 || btnConfig.onEvent(record, {
-            index: index,
-            form: form,
-            name: name,
+            index,
+            form,
+            name,
             namePath: rowNamePath,
-            tableLength: tableLength,
-            selectedRows: selectedRows
+            tableLength,
+            selectedRows
           });
         },
         disabled: isDisabled,
         okText: locale.ProEditTable.confirm,
         cancelText: locale.ProEditTable.cancel,
         children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
-          record: record,
-          index: index,
+          record,
+          index,
           disabled: isDisabled
-        }))) : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        }))) : /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           children: btnConfig.label
         }))
       }) : /*#__PURE__*/_jsx(_Fragment, {
         children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
-          record: record,
-          index: index,
+          record,
+          index,
           disabled: isDisabled,
-          onClick: function onClick() {
+          onClick: () => {
             btnConfig === null || btnConfig === void 0 || btnConfig.onEvent(record, {
-              index: index,
-              form: form,
-              name: name,
+              index,
+              form,
+              name,
               namePath: rowNamePath,
-              tableLength: tableLength,
-              selectedRows: selectedRows
+              tableLength,
+              selectedRows
             });
           }
-        }))) : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
+        }))) : /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
-          onClick: function onClick() {
+          onClick: () => {
             btnConfig === null || btnConfig === void 0 || btnConfig.onEvent(record, {
-              index: index,
-              form: form,
-              name: name,
+              index,
+              form,
+              name,
               namePath: rowNamePath,
-              tableLength: tableLength,
-              selectedRows: selectedRows
+              tableLength,
+              selectedRows
             });
           },
           children: btnConfig.label
@@ -164,9 +166,9 @@ var ActionButton = function ActionButton(_ref) {
       })
     }) : /*#__PURE__*/_jsx(_Fragment, {
       children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
-        record: record,
-        index: index
-      }))) : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        record,
+        index
+      }))) : /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
         className: "action-button"
       }, omit(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         type: "link",

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

@@ -1,15 +1,18 @@
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import "antd/es/badge/style";
+import _Badge from "antd/es/badge";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["tableProps"];
 import { memo, useCallback } from 'react';
-import { Badge, Table } from 'antd';
 import { isFunction, isNumber } from 'lodash';
 import useEditTableError from "../../utils/useEditTableError";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var BaseTable = function BaseTable(_ref) {
+var BaseTable = _ref => {
   var _value$;
   var tableProps = _ref.tableProps,
     resetProps = _objectWithoutProperties(_ref, _excluded);
@@ -40,7 +43,7 @@ var BaseTable = function BaseTable(_ref) {
     }),
     _useEditTableError2 = _slicedToArray(_useEditTableError, 1),
     errorLength = _useEditTableError2[0];
-  var getScroll = useCallback(function () {
+  var getScroll = useCallback(() => {
     if (scroll !== null && scroll !== void 0 && scroll.x && scroll !== null && scroll !== void 0 && scroll.y) {
       return {
         x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
@@ -60,38 +63,36 @@ var BaseTable = function BaseTable(_ref) {
     return null;
   }, [scroll]);
   var nextTableProps = _objectSpread(_objectSpread({
-    className: className,
-    columns: columns,
-    rowClassName: rowClassName,
+    className,
+    columns,
+    rowClassName,
     dataSource: value !== null && value !== void 0 && (_value$ = value[0]) !== null && _value$ !== 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() {}
-      };
-    }
+    onRow: () => ({
+      disabled: disabled || virtualKey && !!editingKeys.length,
+      'data-hide': isHideCheckBox,
+      'data-row-draggable': rowDraggable,
+      onClick: () => {}
+    })
   }, resetProps), {}, {
     rowKey: rowKey || 'rowKey',
-    summary: summary,
+    summary,
     pagination: pagination ? _objectSpread(_objectSpread({
       showSizeChanger: true,
       pageSizeOptions: [5, 10, 20, 50],
       showQuickJumper: true,
       total: value === null || value === void 0 ? void 0 : value.length,
-      showTotal: function showTotal(total) {
+      showTotal: total => {
         var _locale$ProEditTable;
         if (!total) return;
         return formatMessage(locale === null || locale === void 0 || (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-          total: total
+          total
         });
       },
-      itemRender: function itemRender(index, type, originalElement) {
+      itemRender: (index, type, originalElement) => {
         return type === 'page' && page.pageNum === index && errorLength ? /*#__PURE__*/_jsxs("div", {
           className: "pro-edit-table-pagination-item-badge",
-          children: [/*#__PURE__*/_jsx(Badge, {
+          children: [/*#__PURE__*/_jsx(_Badge, {
             count: errorLength
           }), originalElement]
         }) : originalElement;
@@ -107,7 +108,7 @@ var BaseTable = function BaseTable(_ref) {
     children: [headerRender ? /*#__PURE__*/_jsx("div", {
       className: "pro-edit-table-header",
       children: isFunction(headerRender) ? headerRender() : headerRender
-    }) : null, /*#__PURE__*/_jsx(Table, _objectSpread({
+    }) : null, /*#__PURE__*/_jsx(_Table, _objectSpread({
       ref: tableRef
     }, nextTableProps))]
   });

package/es/ProEditTable/components/RcTable/DraggableTable.js

@@ -1,8 +1,9 @@
+import "antd/es/table/style";
+import _Table from "antd/es/table";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "children"],
   _excluded2 = ["tableProps", "draggableProps"];
-import { Table } from 'antd';
 import React, { memo, useCallback } from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { isNumber } from 'lodash';
@@ -11,13 +12,13 @@ import { CSS } from '@dnd-kit/utilities';
 import ProIcon from "../../../ProIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Row = function Row(props) {
+var Row = props => {
   var disabled = props.disabled,
     children = props.children,
     restProps = _objectWithoutProperties(props, _excluded);
   var data = useSortable({
     id: props['data-row-key'],
-    disabled: disabled
+    disabled
   });
   var attributes = data.attributes,
     listeners = data.listeners,
@@ -29,7 +30,7 @@ var Row = function Row(props) {
     transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
       scaleY: 1
     })),
-    transition: transition
+    transition
   }, isDragging ? {
     position: 'relative',
     zIndex: 2
@@ -38,7 +39,7 @@ var Row = function Row(props) {
     ref: setNodeRef,
     style: style
   }, attributes), {}, {
-    children: React.Children.map(children, function (child) {
+    children: React.Children.map(children, child => {
       if (child.key === 'RC_TABLE_KEY' && !disabled) {
         var _restProps$dataRowD;
         var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
@@ -48,7 +49,7 @@ var Row = function Row(props) {
         var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
         return /*#__PURE__*/React.cloneElement(child, {
           children: /*#__PURE__*/_jsxs("span", {
-            className: "pro-edit-table-drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
+            className: `pro-edit-table-drag-wrapper${props['data-hide'] ? ' no-check' : ''}`,
             children: [isDrag ? /*#__PURE__*/_jsx(ProIcon, _objectSpread({
               className: "drag-icon",
               style: {
@@ -67,7 +68,7 @@ var Row = function Row(props) {
     })
   }));
 };
-var DndWrapper = function DndWrapper(_ref2) {
+var DndWrapper = _ref2 => {
   var _value$;
   var draggable = _ref2.draggable,
     value = _ref2.value,
@@ -76,16 +77,12 @@ var DndWrapper = function DndWrapper(_ref2) {
     onDragEnd = _ref2.onDragEnd,
     disabled = _ref2.disabled,
     children = _ref2.children;
-  var onDragEndtInside = function onDragEndtInside(event) {
+  var onDragEndtInside = event => {
     var active = event.active,
       over = event.over;
     if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var activeIndex = value.findIndex(function (i) {
-        return i.rowKey === active.id;
-      });
-      var overIndex = value.findIndex(function (i) {
-        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-      });
+      var activeIndex = value.findIndex(i => i.rowKey === active.id);
+      var overIndex = value.findIndex(i => i.rowKey === (over === null || over === void 0 ? void 0 : over.id));
       var nextValue = arrayMove(value, activeIndex, overIndex);
       if (onDrag || onDragEnd) {
         var nextList = onDragEnd ? onDragEnd(event, value, nextValue) : onDrag(event, value, nextValue);
@@ -98,15 +95,13 @@ var DndWrapper = function DndWrapper(_ref2) {
   return draggable && !disabled ? /*#__PURE__*/_jsx(DndContext, {
     onDragEnd: onDragEndtInside,
     children: /*#__PURE__*/_jsx(SortableContext, {
-      items: value !== null && value !== void 0 && (_value$ = value[0]) !== null && _value$ !== void 0 && _value$.rowKey ? value.map(function (i) {
-        return i.rowKey;
-      }) : [],
+      items: value !== null && value !== void 0 && (_value$ = value[0]) !== null && _value$ !== void 0 && _value$.rowKey ? value.map(i => i.rowKey) : [],
       strategy: verticalListSortingStrategy,
       children: children
     })
   }) : children;
 };
-var DraggableTable = function DraggableTable(_ref3) {
+var DraggableTable = _ref3 => {
   var _value$2;
   var tableProps = _ref3.tableProps,
     draggableProps = _ref3.draggableProps,
@@ -135,7 +130,7 @@ var DraggableTable = function DraggableTable(_ref3) {
     onDrag = draggableProps.onDrag,
     draggable = draggableProps.draggable,
     onDragEnd = draggableProps.onDragEnd;
-  var getScroll = useCallback(function () {
+  var getScroll = useCallback(() => {
     if (scroll !== null && scroll !== void 0 && scroll.x && scroll !== null && scroll !== void 0 && scroll.y) {
       return {
         x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
@@ -155,23 +150,21 @@ var DraggableTable = function DraggableTable(_ref3) {
     return null;
   }, [scroll]);
   var nextTableProps = _objectSpread(_objectSpread({
-    className: className,
-    columns: columns,
-    rowClassName: rowClassName,
+    className,
+    columns,
+    rowClassName,
     rowSelection: renderRowSelection(),
     components: {
       body: {
         row: Row
       }
     },
-    onRow: function onRow() {
-      return {
-        disabled: disabled || virtualKey && !!editingKeys.length,
-        'data-hide': isHideCheckBox,
-        'data-row-draggable': rowDraggable,
-        onClick: function onClick() {}
-      };
-    },
+    onRow: () => ({
+      disabled: disabled || virtualKey && !!editingKeys.length,
+      'data-hide': isHideCheckBox,
+      'data-row-draggable': rowDraggable,
+      onClick: () => {}
+    }),
     dataSource: value !== null && value !== void 0 && (_value$2 = value[0]) !== null && _value$2 !== void 0 && _value$2.rowKey ? value : []
   }, resetProps), {}, {
     rowKey: rowKey || 'rowKey',
@@ -181,17 +174,17 @@ var DraggableTable = function DraggableTable(_ref3) {
       showSizeChanger: false,
       showQuickJumper: true,
       total: value === null || value === void 0 ? void 0 : value.length,
-      showTotal: function showTotal(total) {
+      showTotal: total => {
         var _locale$ProEditTable;
         if (!total) return;
         return formatMessage(locale === null || locale === void 0 || (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-          total: total
+          total
         });
       },
       onChange: handlePageChange
     }, pagination) : false,
     scroll: getScroll(),
-    summary: summary
+    summary
   });
   return /*#__PURE__*/_jsxs(DndWrapper, {
     value: value,
@@ -203,7 +196,7 @@ var DraggableTable = function DraggableTable(_ref3) {
     children: [headerRender ? /*#__PURE__*/_jsx("div", {
       className: "pro-edit-table-header",
       children: typeof headerRender === 'function' ? headerRender() : headerRender
-    }) : null, /*#__PURE__*/_jsx(Table, _objectSpread({
+    }) : null, /*#__PURE__*/_jsx(_Table, _objectSpread({
       ref: tableRef
     }, nextTableProps))]
   });