@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/es/ProTable/components/FormatColumn/index.js

@@ -1,3 +1,5 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "toolTipProps", "minWidth", "onDiff"];
@@ -8,7 +10,6 @@ import React, { isValidElement } from 'react';
 import dayjs from 'dayjs';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
-import { Space } from 'antd';
 import { isEqual, isFunction, isString, isObject, isBoolean } from 'lodash';
 import { tools } from '@zat-design/utils';
 import TooltipTitle from "../TooltipTitle";
@@ -20,10 +21,8 @@ import { ProCascader } from "../../../ProForm/components/index";
 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 isReactElement = function isReactElement(element) {
-  return /*#__PURE__*/isValidElement(element);
-};
-var calcMinWidth = function calcMinWidth(_ref) {
+var isReactElement = element => /*#__PURE__*/isValidElement(element);
+var calcMinWidth = _ref => {
   var minWidth = _ref.minWidth,
     width = _ref.width,
     title = _ref.title,
@@ -42,7 +41,7 @@ var calcMinWidth = function calcMinWidth(_ref) {
       tempEl.innerHTML = title;
     }
     // 使用 requestAnimationFrame 确保在下一个浏览器重绘周期中获取宽度
-    requestAnimationFrame(function () {
+    requestAnimationFrame(() => {
       var _width = tempEl.offsetWidth;
       ReactDOM.unmountComponentAtNode(tempEl);
       tempEl.remove();
@@ -50,7 +49,7 @@ var calcMinWidth = function calcMinWidth(_ref) {
     });
   }
 };
-export var formatColumn = function formatColumn(_ref2) {
+export var formatColumn = _ref2 => {
   var column = _ref2.column,
     originalObj = _ref2.originalObj,
     rowKey = _ref2.rowKey,
@@ -83,16 +82,16 @@ export var formatColumn = function formatColumn(_ref2) {
   // 仅在 {x: 'max-content', y: 300 } 且 column无指定 width minWidth 情况下 才开启 minWidth的自动计算
   var isMaxContentOverFlow = isObject(scroll) ? (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content' && Reflect.ownKeys(scroll).includes('y') : false;
   calcMinWidth({
-    minWidth: minWidth,
-    width: width,
-    title: title,
-    isMaxContentOverFlow: isMaxContentOverFlow,
+    minWidth,
+    width,
+    title,
+    isMaxContentOverFlow,
     callback: onUpdateMinWidth
   });
   var _toolTipProps = _objectSpread(_objectSpread({}, toolTipProps), wrapToolTipProps);
 
   // 前缀处理
-  var prefixNode = function prefixNode(value, record, index) {
+  var prefixNode = (value, record, index) => {
     if (!prefix) {
       if (valueType === 'thousandthCNY') {
         return 'CNY';
@@ -108,7 +107,7 @@ export var formatColumn = function formatColumn(_ref2) {
   };
 
   // 后缀处理
-  var suffixNode = function suffixNode(value, record, index) {
+  var suffixNode = (value, record, index) => {
     if (isString(suffix) || /*#__PURE__*/isValidElement(suffix)) {
       return suffix;
     }
@@ -119,7 +118,7 @@ export var formatColumn = function formatColumn(_ref2) {
   if (column !== null && column !== void 0 && column.render) {
     var originalRender = column.render; // 保存原始的 render 方法
     // 自定义render 手动重载下
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var isFn = isFunction(originalRender);
       var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
       var originalResult = getOriginalValue(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
@@ -136,9 +135,9 @@ export var formatColumn = function formatColumn(_ref2) {
           var diffResult = otherProps.viewRender({
             originValue: originalValue,
             originRecord: (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {},
-            value: value,
-            record: record,
-            index: index
+            value,
+            record,
+            index
           });
           // viewRender 返回值为 false 时，不显示对比
           if (isBoolean(diffResult)) {
@@ -173,9 +172,9 @@ export var formatColumn = function formatColumn(_ref2) {
           var _diffResult = onDiff({
             originValue: originalValue,
             originRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
-            value: value,
-            record: record,
-            index: index
+            value,
+            record,
+            index
           });
           if (_diffResult === 'changed') {
             _isAddCell = false;
@@ -223,7 +222,7 @@ export var formatColumn = function formatColumn(_ref2) {
   }
   // 百分比、千分比
   if (['percentage', 'permillage'].includes(valueType)) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var multiple = valueType === 'percentage' ? 100 : 1000;
       var realValue = tools.calc(Number(value !== null && value !== void 0 ? value : 0), '*', multiple);
       var renderValue = getDecimalDigits(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
@@ -240,12 +239,12 @@ export var formatColumn = function formatColumn(_ref2) {
       if (!value && value !== 0 && renderValue === originalRenderValue) {
         return /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
       }
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -266,27 +265,27 @@ export var formatColumn = function formatColumn(_ref2) {
     };
     // 千分位, 千分位带CNY前缀
   } else if (['thousandth', 'thousandthCNY'].includes(valueType)) {
-    column.render = function (value, record, index) {
-      var valueStr = valueTypePrecision || valueTypePrecision === 0 ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
+    column.render = (value, record, index) => {
+      var valueStr = valueTypePrecision || valueTypePrecision === 0 ? `${Number(value).toFixed(valueTypePrecision)}` : `${value}`;
       var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var isChanged = originalResult.isChanged,
         originalValue = originalResult.originalValue,
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
-      var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
+      var originalRealValue = valueTypePrecision ? `${Number(originalValue).toFixed(valueTypePrecision)}` : `${originalValue}`;
       var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       if (isEmpty(originalValue)) {
         originalRenderValue = '-';
       }
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
       if (!value && value !== 0 && renderValue === originalRenderValue) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
@@ -307,7 +306,7 @@ export var formatColumn = function formatColumn(_ref2) {
       }));
     };
   } else if (['datePicker', 'date', 'dateTime', 'dateStartTime', 'dateEndTime', 'dateStartEndTime'].includes(valueType)) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var _dayjs, _dayjs2, _dayjs3, _dayjs4, _dayjs5, _dayjs6, _dayjs7, _dayjs8, _dayjs9, _dayjs10, _dayjs11, _dayjs12, _dayjs13, _dayjs14;
       var renderValue = (_dayjs = dayjs(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format(format);
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
@@ -326,16 +325,16 @@ export var formatColumn = function formatColumn(_ref2) {
           originalRenderValue = (_dayjs6 = dayjs(originalValue)) === null || _dayjs6 === void 0 ? void 0 : _dayjs6.format('YYYY-MM-DD HH:mm:ss');
           break;
         case 'dateStartTime':
-          renderValue = "".concat((_dayjs7 = dayjs(value)) === null || _dayjs7 === void 0 ? void 0 : _dayjs7.format('YYYY-MM-DD'), " 00:00:00");
-          originalRenderValue = "".concat((_dayjs8 = dayjs(originalValue)) === null || _dayjs8 === void 0 ? void 0 : _dayjs8.format('YYYY-MM-DD'), " 00:00:00");
+          renderValue = `${(_dayjs7 = dayjs(value)) === null || _dayjs7 === void 0 ? void 0 : _dayjs7.format('YYYY-MM-DD')} 00:00:00`;
+          originalRenderValue = `${(_dayjs8 = dayjs(originalValue)) === null || _dayjs8 === void 0 ? void 0 : _dayjs8.format('YYYY-MM-DD')} 00:00:00`;
           break;
         case 'dateEndTime':
-          renderValue = "".concat((_dayjs9 = dayjs(value)) === null || _dayjs9 === void 0 ? void 0 : _dayjs9.format('YYYY-MM-DD'), " 23:59:59");
-          originalRenderValue = "".concat((_dayjs10 = dayjs(originalValue)) === null || _dayjs10 === void 0 ? void 0 : _dayjs10.format('YYYY-MM-DD'), " 23:59:59");
+          renderValue = `${(_dayjs9 = dayjs(value)) === null || _dayjs9 === void 0 ? void 0 : _dayjs9.format('YYYY-MM-DD')} 23:59:59`;
+          originalRenderValue = `${(_dayjs10 = dayjs(originalValue)) === null || _dayjs10 === void 0 ? void 0 : _dayjs10.format('YYYY-MM-DD')} 23:59:59`;
           break;
         case 'dateStartEndTime':
-          renderValue = "".concat((_dayjs11 = dayjs(value === null || value === void 0 ? void 0 : value[0])) === null || _dayjs11 === void 0 ? void 0 : _dayjs11.format('YYYY-MM-DD'), " 00:00:00~").concat((_dayjs12 = dayjs(value === null || value === void 0 ? void 0 : value[1])) === null || _dayjs12 === void 0 ? void 0 : _dayjs12.format('YYYY-MM-DD'), " 23:59:59");
-          originalRenderValue = "".concat((_dayjs13 = dayjs(originalValue === null || originalValue === void 0 ? void 0 : originalValue[0])) === null || _dayjs13 === void 0 ? void 0 : _dayjs13.format('YYYY-MM-DD'), " 00:00:00~").concat((_dayjs14 = dayjs(originalValue === null || originalValue === void 0 ? void 0 : originalValue[1])) === null || _dayjs14 === void 0 ? void 0 : _dayjs14.format('YYYY-MM-DD'), " 23:59:59");
+          renderValue = `${(_dayjs11 = dayjs(value === null || value === void 0 ? void 0 : value[0])) === null || _dayjs11 === void 0 ? void 0 : _dayjs11.format('YYYY-MM-DD')} 00:00:00~${(_dayjs12 = dayjs(value === null || value === void 0 ? void 0 : value[1])) === null || _dayjs12 === void 0 ? void 0 : _dayjs12.format('YYYY-MM-DD')} 23:59:59`;
+          originalRenderValue = `${(_dayjs13 = dayjs(originalValue === null || originalValue === void 0 ? void 0 : originalValue[0])) === null || _dayjs13 === void 0 ? void 0 : _dayjs13.format('YYYY-MM-DD')} 00:00:00~${(_dayjs14 = dayjs(originalValue === null || originalValue === void 0 ? void 0 : originalValue[1])) === null || _dayjs14 === void 0 ? void 0 : _dayjs14.format('YYYY-MM-DD')} 23:59:59`;
           break;
       }
       if (!value) {
@@ -344,14 +343,14 @@ export var formatColumn = function formatColumn(_ref2) {
       if (!originalValue) {
         originalRenderValue = '-';
       }
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
       if (!value && renderValue === originalRenderValue) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
@@ -372,7 +371,7 @@ export var formatColumn = function formatColumn(_ref2) {
       }));
     };
   } else if (['enumName', 'enumCodeName'].includes(valueType)) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var realCode = typeof code === 'function' ? code(value, record) : code;
       var renderValue = getEnumLabel(realCode, value, valueType === 'enumCodeName');
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
@@ -383,9 +382,7 @@ export var formatColumn = function formatColumn(_ref2) {
       var originalRenderValue = getEnumLabel(realCode, originalValue, valueType === 'enumCodeName');
       if (Array.isArray(column === null || column === void 0 ? void 0 : column.codeValues) && !realCode) {
         var _column$codeValues$fi;
-        var labelName = column === null || column === void 0 || (_column$codeValues$fi = column.codeValues.find(function (item) {
-          return item.value === value;
-        })) === null || _column$codeValues$fi === void 0 ? void 0 : _column$codeValues$fi.label;
+        var labelName = column === null || column === void 0 || (_column$codeValues$fi = column.codeValues.find(item => item.value === value)) === null || _column$codeValues$fi === void 0 ? void 0 : _column$codeValues$fi.label;
         if (valueType === 'enumName') {
           renderValue = /*#__PURE__*/_jsx(_Fragment, {
             children: labelName || '-'
@@ -393,11 +390,11 @@ export var formatColumn = function formatColumn(_ref2) {
         }
         if (valueType === 'enumCodeName') {
           renderValue = /*#__PURE__*/_jsx(_Fragment, {
-            children: labelName ? "".concat(value, "-").concat(labelName) : labelName
+            children: labelName ? `${value}-${labelName}` : labelName
           });
         }
       }
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -417,7 +414,7 @@ export var formatColumn = function formatColumn(_ref2) {
       }));
     };
   } else if (precision || prefix || suffix) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var renderValue = value === 'number' ? value.toFixed(precision) : value;
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var isChanged = originalResult.isChanged,
@@ -425,7 +422,7 @@ export var formatColumn = function formatColumn(_ref2) {
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
@@ -435,7 +432,7 @@ export var formatColumn = function formatColumn(_ref2) {
       if (!value && value !== 0 && renderValue === originalRenderValue) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
@@ -456,7 +453,7 @@ export var formatColumn = function formatColumn(_ref2) {
       }));
     };
   } else if (valueType === 'address') {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var _realValue$filter;
       var realValue = transform ? transform(value, record) : value;
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
@@ -465,13 +462,11 @@ export var formatColumn = function formatColumn(_ref2) {
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRealValue = transform ? transform(originalValue, record) : originalValue;
-      var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 || (_realValue$filter = realValue.filter(function (item) {
-        return !!item;
-      })) === null || _realValue$filter === void 0 ? void 0 : _realValue$filter.length) === 0;
+      var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 || (_realValue$filter = realValue.filter(item => !!item)) === null || _realValue$filter === void 0 ? void 0 : _realValue$filter.length) === 0;
       if (isEqual(value, originalValue) && isEmpty) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
@@ -518,9 +513,9 @@ export var formatColumn = function formatColumn(_ref2) {
       }));
     };
   } else if (copyable) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var isInNewRowFlag = isInNewRow(record);
-      return /*#__PURE__*/_jsxs(Space, {
+      return /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), /*#__PURE__*/_jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
@@ -537,7 +532,7 @@ export var formatColumn = function formatColumn(_ref2) {
       });
     };
   } else if (ellipsis) {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var isChanged = originalResult.isChanged,
         originalValue = originalResult.originalValue,
@@ -546,13 +541,13 @@ export var formatColumn = function formatColumn(_ref2) {
       if (!value && value !== 0 && value === originalValue) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return /*#__PURE__*/_jsxs(Space, {
+      return /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), /*#__PURE__*/_jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
@@ -570,20 +565,20 @@ export var formatColumn = function formatColumn(_ref2) {
       });
     };
   } else {
-    column.render = function (value, record, index) {
+    column.render = (value, record, index) => {
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var isChanged = originalResult.isChanged,
         originalValue = originalResult.originalValue,
         isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
-      var node = /*#__PURE__*/_jsxs(Space, {
+      var node = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
       });
       if (!value && value !== 0 && value === originalValue) {
         /*#__PURE__*/_jsx("div", {
           style: {
-            minWidth: minWidth
+            minWidth
           },
           children: "-"
         });

package/es/ProTable/components/RcTable/components/BaseTable/index.js

@@ -1,11 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
-import { Table } from 'antd';
 import { memo } from 'react';
 import { RenderEmptyText, RenderSummary, TableResizable } from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
-var BaseTable = function BaseTable(_ref) {
+var BaseTable = _ref => {
   var dataSource = _ref.dataSource,
     tableProps = _ref.tableProps,
     draggableProps = _ref.draggableProps,
@@ -16,21 +17,19 @@ var BaseTable = function BaseTable(_ref) {
     renderRowSelection = tableProps.renderRowSelection,
     rowClassName = tableProps.rowClassName,
     resizeColumn = tableProps.resizeColumn;
-  var renderComponents = function renderComponents() {
+  var renderComponents = () => {
     if (resizeColumn) {
       return TableResizable.components;
     }
     return null;
   };
-  return /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
     components: renderComponents(),
     columns: columns,
     locale: {
       emptyText: RenderEmptyText(emptyTextProps)
     },
-    summary: function summary() {
-      return RenderSummary(summaryProps);
-    },
+    summary: () => RenderSummary(summaryProps),
     rowClassName: rowClassName
   }, tableProps), {}, {
     dataSource: dataSource,

package/es/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.js

@@ -13,13 +13,13 @@ import ProIcon from "../../../../../../../ProIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Row = function Row(props) {
+export 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,
@@ -31,7 +31,7 @@ export var Row = function Row(props) {
     transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
       scaleY: 1
     })),
-    transition: transition
+    transition
   }, isDragging ? {
     position: 'relative',
     zIndex: 2
@@ -40,7 +40,7 @@ export var Row = function Row(props) {
     ref: setNodeRef,
     style: style
   }, attributes), {}, {
-    children: React.Children.map(children, function (child, index) {
+    children: React.Children.map(children, (child, index) => {
       // 在第一列（通常是rowSelection列）显示拖拽图标
       if (index === 0) {
         var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
@@ -50,7 +50,7 @@ export var Row = function Row(props) {
         return /*#__PURE__*/React.cloneElement(child, {
           children: /*#__PURE__*/_jsxs(_Fragment, {
             children: [/*#__PURE__*/_jsx("span", {
-              className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
+              className: `pro-table-drag-wrapper${props['data-hide'] ? ' no-check' : ''}`,
               children: /*#__PURE__*/_jsx(ProIcon, _objectSpread({
                 className: "drag-icon",
                 style: {
@@ -68,7 +68,7 @@ export var Row = function Row(props) {
     })
   }));
 };
-var DndWrapper = function DndWrapper(_ref2) {
+var DndWrapper = _ref2 => {
   var _flatTree$;
   var draggable = _ref2.draggable,
     value = _ref2.value,
@@ -91,12 +91,10 @@ var DndWrapper = function DndWrapper(_ref2) {
             }
             // 为数据源划分层级及parentId
             _transformedValue = addLevelAndParentId(value, rowKey);
-            activeObject = treeNodeFind(_transformedValue, function (t) {
-              return t.rowKey === active.id;
-            });
+            activeObject = treeNodeFind(_transformedValue, t => t.rowKey === active.id);
             _context.next = 6;
             return onDragStartGuard({
-              activeObject: activeObject,
+              activeObject,
               currentDataSource: value
             });
           case 6:
@@ -122,12 +120,8 @@ var DndWrapper = function DndWrapper(_ref2) {
               _context2.next = 20;
               break;
             }
-            activeObject = treeNodeFind(transformedValue, function (t) {
-              return t.rowKey === active.id;
-            });
-            overObject = treeNodeFind(transformedValue, function (t) {
-              return t.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-            });
+            activeObject = treeNodeFind(transformedValue, t => t.rowKey === active.id);
+            overObject = treeNodeFind(transformedValue, t => t.rowKey === (over === null || over === void 0 ? void 0 : over.id));
             if (!(activeObject && overObject)) {
               _context2.next = 20;
               break;
@@ -140,17 +134,11 @@ var DndWrapper = function DndWrapper(_ref2) {
               break;
             }
             // 将树平铺
-            _flatTree = transformTreeToArray(transformedValue).map(function (item) {
-              return _objectSpread(_objectSpread({}, item), {}, {
-                children: undefined
-              });
-            });
-            activeIndex = _flatTree.findIndex(function (i) {
-              return i.rowKey === active.id;
-            });
-            overIndex = _flatTree.findIndex(function (i) {
-              return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-            });
+            _flatTree = transformTreeToArray(transformedValue).map(item => _objectSpread(_objectSpread({}, item), {}, {
+              children: undefined
+            }));
+            activeIndex = _flatTree.findIndex(i => i.rowKey === active.id);
+            overIndex = _flatTree.findIndex(i => i.rowKey === (over === null || over === void 0 ? void 0 : over.id));
             nextValue = arrayMove(_flatTree, activeIndex, overIndex);
             nextDataSource = createTreeFromArray(nextValue, {
               itemKey: 'rowKey',
@@ -164,8 +152,8 @@ var DndWrapper = function DndWrapper(_ref2) {
             }
             _context2.next = 18;
             return onDragEndGuard({
-              activeObject: activeObject,
-              overObject: overObject,
+              activeObject,
+              overObject,
               originDataSource: value,
               currentDataSource: nextDataSource
             });
@@ -186,19 +174,15 @@ var DndWrapper = function DndWrapper(_ref2) {
   var transformedValue = addLevelAndParentId(value, rowKey);
 
   // 将树平铺
-  var flatTree = transformTreeToArray(transformedValue).map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      children: undefined
-    });
-  });
+  var flatTree = transformTreeToArray(transformedValue).map(item => _objectSpread(_objectSpread({}, item), {}, {
+    children: undefined
+  }));
   return draggable && !disabled ? /*#__PURE__*/_jsx(DndContext, {
     onDragStart: onDragStart,
     onDragEnd: onDragEnd,
     collisionDetection: closestCorners,
     children: /*#__PURE__*/_jsx(SortableContext, {
-      items: flatTree !== null && flatTree !== void 0 && (_flatTree$ = flatTree[0]) !== null && _flatTree$ !== void 0 && _flatTree$.rowKey ? flatTree.map(function (i) {
-        return i.rowKey;
-      }) : [],
+      items: flatTree !== null && flatTree !== void 0 && (_flatTree$ = flatTree[0]) !== null && _flatTree$ !== void 0 && _flatTree$.rowKey ? flatTree.map(i => i.rowKey) : [],
       strategy: verticalListSortingStrategy,
       children: children
     })

package/es/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index.js

@@ -1,6 +1,5 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-export var getRowKey = function getRowKey(rowKey, record) {
+export var getRowKey = (rowKey, record) => {
   // 默认取id
   var key = record.rowKey || 'id';
   if (rowKey) {
@@ -12,7 +11,7 @@ export var getRowKey = function getRowKey(rowKey, record) {
 export var addLevelAndParentId = function addLevelAndParentId(tree, rowKey) {
   var currentLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var currentParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  return tree.map(function (node) {
+  return tree.map(node => {
     var newNode = _objectSpread({}, node);
     newNode.level = currentLevel;
     newNode.parentId = currentParentId;
@@ -34,7 +33,7 @@ export function getFinalChildrenKey(tree, meta, options) {
 }
 
 // 前置深度优先遍历
-var treeNodePreImpl = function treeNodePreImpl(treeItem, callback, options) {
+var treeNodePreImpl = (treeItem, callback, options) => {
   var callbackResult = callback(treeItem, options);
   if (callbackResult) {
     return treeItem;
@@ -47,7 +46,7 @@ var treeNodePreImpl = function treeNodePreImpl(treeItem, callback, options) {
   for (var i = 0, count = children.length; i < count; i++) {
     var childItem = children[i];
     var findOne = treeNodePreImpl(childItem, callback, _objectSpread(_objectSpread({}, options), {}, {
-      parents: [].concat(_toConsumableArray(options.parents), [treeItem]),
+      parents: [...options.parents, treeItem],
       depth: options.depth + 1
     }));
     if (findOne) {
@@ -66,10 +65,10 @@ export function treeNodeFind(tree, callback, options) {
   var getChildrenKey = options === null || options === void 0 ? void 0 : options.getChildrenKey;
   var method = treeNodeStrategies[strategy];
   var innerOptions = {
-    childrenKey: childrenKey,
+    childrenKey,
     depth: 0,
     parents: [],
-    getChildrenKey: getChildrenKey
+    getChildrenKey
   };
   if (Array.isArray(tree)) {
     for (var i = 0, count = tree.length; i < count; i++) {
@@ -93,14 +92,14 @@ export function createTreeFromArray(array, options) {
     _ref2$childrenKey = _ref2.childrenKey,
     childrenKey = _ref2$childrenKey === void 0 ? 'children' : _ref2$childrenKey;
   var map = new Map();
-  array.map(function (item) {
+  array.map(item => {
     var itemKeyValue = item[itemKey];
     if (!map.get(itemKeyValue)) {
       map.set(itemKeyValue, item);
     }
     return item;
   });
-  array.map(function (item) {
+  array.map(item => {
     var parentKeyValue = item[parentKey];
     var parentItem = map.get(parentKeyValue);
     if (!parentItem || !parentKeyValue) {
@@ -114,7 +113,7 @@ export function createTreeFromArray(array, options) {
     } else if (Array.isArray(siblings)) {
       siblings.push(item);
     } else {
-      var msg = "the key \"".concat(childrenKey, "\" is not an array, please check your data");
+      var msg = `the key "${childrenKey}" is not an array, please check your data`;
       throw new Error(msg);
     }
     return item;
@@ -123,16 +122,16 @@ export function createTreeFromArray(array, options) {
 }
 
 // 前置遍历
-var treeForEachPreImpl = function treeForEachPreImpl(treeItem, callback, options) {
+var treeForEachPreImpl = (treeItem, callback, options) => {
   callback(treeItem, options);
   var finalChildrenKey = getFinalChildrenKey(treeItem, options, options);
   var children = treeItem === null || treeItem === void 0 ? void 0 : treeItem[finalChildrenKey];
   if (children && Array.isArray(children)) {
     var nextLevelOptions = _objectSpread(_objectSpread({}, options), {}, {
-      parents: [].concat(_toConsumableArray(options.parents), [treeItem]),
+      parents: [...options.parents, treeItem],
       depth: options.depth + 1
     });
-    children.forEach(function (childItem) {
+    children.forEach(childItem => {
       treeForEachPreImpl(childItem, callback, nextLevelOptions);
     });
   }
@@ -148,18 +147,18 @@ export function treeForEach(tree, callback, options) {
   var isForest = Array.isArray(tree);
   var method = treeForEachStrategies[strategy];
   var innerOptions = {
-    childrenKey: childrenKey,
+    childrenKey,
     depth: 0,
     parents: [],
-    getChildrenKey: getChildrenKey
+    getChildrenKey
   };
-  isForest ? tree.forEach(function (tree) {
+  isForest ? tree.forEach(tree => {
     method(tree, callback, innerOptions);
   }) : method(tree, callback, innerOptions);
 }
 export function transformTreeToArray(tree, options) {
   var results = [];
-  treeForEach(tree, function (t) {
+  treeForEach(tree, t => {
     results.push(t);
   }, options);
   return results;