@zat-design/sisyphus-react 3.13.18 → 3.13.19-beta.10

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

@@ -2,22 +2,23 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isFunction from "lodash/isFunction";
 var _excluded = ["disabled", "children"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { DndContext, closestCorners } from '@dnd-kit/core';
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { addLevelAndParentId, treeNodeFind, transformTreeToArray, createTreeFromArray } from './utils/index';
-import ProIcon from '../../../../../../../ProIcon';
-export var Row = function Row(props) {
+import { isFunction } from 'lodash';
+import { addLevelAndParentId, treeNodeFind, transformTreeToArray, createTreeFromArray } from "./utils/index";
+import ProIcon from "../../../../../../../ProIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+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,
@@ -29,25 +30,25 @@ export var Row = function Row(props) {
     transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
       scaleY: 1
     })),
-    transition: transition
+    transition
   }, isDragging ? {
     position: 'relative',
     zIndex: 2
   } : {});
-  return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
+  return /*#__PURE__*/_jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
     ref: setNodeRef,
     style: style
   }, attributes), {}, {
-    children: React.Children.map(children, function (child) {
+    children: React.Children.map(children, 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".concat(props['data-hide'] ? ' no-check' : ''),
-            children: [_jsx(ProIcon, _objectSpread({
+          children: /*#__PURE__*/_jsxs("span", {
+            className: `drag-wrapper${props['data-hide'] ? ' no-check' : ''}`,
+            children: [/*#__PURE__*/_jsx(ProIcon, _objectSpread({
               className: "drag-icon",
               style: {
                 touchAction: 'none',
@@ -63,7 +64,7 @@ export var Row = function Row(props) {
     })
   }));
 };
-var DndWrapper = function DndWrapper(_ref2) {
+var DndWrapper = _ref2 => {
   var _flatTree$;
   var draggable = _ref2.draggable,
     value = _ref2.value,
@@ -74,24 +75,22 @@ var DndWrapper = function DndWrapper(_ref2) {
     onDragStartGuard = _ref2.onDragStartGuard,
     onDragEndGuard = _ref2.onDragEndGuard;
   var onDragStart = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3) {
       var active, _transformedValue, activeObject;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             active = _ref3.active;
-            if (!(onDragStartGuard && _isFunction(onDragStartGuard))) {
+            if (!(onDragStartGuard && isFunction(onDragStartGuard))) {
               _context.next = 6;
               break;
             }
             // 为数据源划分层级及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:
@@ -105,7 +104,7 @@ var DndWrapper = function DndWrapper(_ref2) {
     };
   }();
   var onDragEnd = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref5) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref5) {
       var active, over, transformedValue, activeObject, overObject, activeLevel, activeParentId, overLevel, overParentId, nextDataSource, _nextDataSource, _flatTree, activeIndex, overIndex, nextValue;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -117,12 +116,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;
@@ -135,17 +130,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',
@@ -153,14 +142,14 @@ var DndWrapper = function DndWrapper(_ref2) {
               childrenKey: 'children'
             });
             // 如果传了onDragEndGuard 则视为外部业务逻辑自处理
-            if (!(onDragEndGuard && _isFunction(onDragEndGuard))) {
+            if (!(onDragEndGuard && isFunction(onDragEndGuard))) {
               _context2.next = 19;
               break;
             }
             _context2.next = 18;
             return onDragEndGuard({
-              activeObject: activeObject,
-              overObject: overObject,
+              activeObject,
+              overObject,
               originDataSource: value,
               currentDataSource: nextDataSource
             });
@@ -179,20 +168,17 @@ var DndWrapper = function DndWrapper(_ref2) {
     };
   }();
   var transformedValue = addLevelAndParentId(value, rowKey);
+
   // 将树平铺
-  var flatTree = transformTreeToArray(transformedValue).map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      children: undefined
-    });
-  });
-  return draggable && !disabled ? _jsx(DndContext, {
+  var flatTree = transformTreeToArray(transformedValue).map(item => _objectSpread(_objectSpread({}, item), {}, {
+    children: undefined
+  }));
+  return draggable && !disabled ? /*#__PURE__*/_jsx(DndContext, {
     onDragStart: onDragStart,
     onDragEnd: onDragEnd,
     collisionDetection: closestCorners,
-    children: _jsx(SortableContext, {
-      items: (flatTree === null || flatTree === void 0 ? void 0 : (_flatTree$ = flatTree[0]) === null || _flatTree$ === void 0 ? void 0 : _flatTree$.rowKey) ? flatTree.map(function (i) {
-        return i.rowKey;
-      }) : [],
+    children: /*#__PURE__*/_jsx(SortableContext, {
+      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) {
@@ -9,21 +8,20 @@ export var getRowKey = function getRowKey(rowKey, record) {
   }
   return key;
 };
-var _addLevelAndParentId = function addLevelAndParentId(tree, rowKey) {
+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;
     newNode.rowKey = getRowKey(rowKey, node);
     if (node.children) {
-      newNode.children = _addLevelAndParentId(node.children, rowKey, currentLevel + 1, newNode.rowKey);
+      newNode.children = addLevelAndParentId(node.children, rowKey, currentLevel + 1, newNode.rowKey);
     }
     return newNode;
   });
 };
-export { _addLevelAndParentId as addLevelAndParentId };
 export function getFinalChildrenKey(tree, meta, options) {
   if (typeof options.getChildrenKey === 'function') {
     var dynamicChildrenKey = options.getChildrenKey(tree, meta);
@@ -33,8 +31,9 @@ export function getFinalChildrenKey(tree, meta, options) {
   }
   return options.childrenKey;
 }
+
 // 前置深度优先遍历
-var _treeNodePreImpl = function treeNodePreImpl(treeItem, callback, options) {
+var treeNodePreImpl = (treeItem, callback, options) => {
   var callbackResult = callback(treeItem, options);
   if (callbackResult) {
     return treeItem;
@@ -46,8 +45,8 @@ 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]),
+    var findOne = treeNodePreImpl(childItem, callback, _objectSpread(_objectSpread({}, options), {}, {
+      parents: [...options.parents, treeItem],
       depth: options.depth + 1
     }));
     if (findOne) {
@@ -57,7 +56,7 @@ var _treeNodePreImpl = function treeNodePreImpl(treeItem, callback, options) {
   return undefined;
 };
 var treeNodeStrategies = {
-  pre: _treeNodePreImpl
+  pre: treeNodePreImpl
 };
 export function treeNodeFind(tree, callback, options) {
   var _options$childrenKey, _options$strategy;
@@ -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,30 +113,31 @@ 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;
   });
   return result;
 }
+
 // 前置遍历
-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) {
-      _treeForEachPreImpl(childItem, callback, nextLevelOptions);
+    children.forEach(childItem => {
+      treeForEachPreImpl(childItem, callback, nextLevelOptions);
     });
   }
 };
 var treeForEachStrategies = {
-  pre: _treeForEachPreImpl
+  pre: treeForEachPreImpl
 };
 export function treeForEach(tree, callback, options) {
   var _options$childrenKey2, _options$strategy2;
@@ -147,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;

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

@@ -3,12 +3,12 @@ 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 { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
-import DndWrapper, { Row } from './components/DndWrapper';
-import { RenderEmptyText, RenderSummary } from '../../../index';
-import '../../../../style/index.less';
-var DraggableTable = function DraggableTable(_ref) {
+import DndWrapper, { Row } from "./components/DndWrapper";
+import { RenderEmptyText, RenderSummary } from "../../../index";
+import "../../../../style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DraggableTable = _ref => {
   var dataSource = _ref.dataSource,
     tableProps = _ref.tableProps,
     draggableProps = _ref.draggableProps,
@@ -24,7 +24,7 @@ var DraggableTable = function DraggableTable(_ref) {
     rowKey = draggableProps.rowKey,
     onDragStartGuard = draggableProps.onDragStartGuard,
     onDragEndGuard = draggableProps.onDragEndGuard;
-  return _jsx(DndWrapper, {
+  return /*#__PURE__*/_jsx(DndWrapper, {
     value: dataSource !== null && dataSource !== void 0 ? dataSource : [],
     onChange: onChange,
     disabled: disabled,
@@ -32,7 +32,7 @@ var DraggableTable = function DraggableTable(_ref) {
     rowKey: rowKey,
     onDragStartGuard: onDragStartGuard,
     onDragEndGuard: onDragEndGuard,
-    children: _jsx(_Table, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
       className: "pro-edit-table-drag",
       components: {
         body: {
@@ -43,9 +43,7 @@ var DraggableTable = function DraggableTable(_ref) {
       locale: {
         emptyText: RenderEmptyText(emptyTextProps)
       },
-      summary: function summary() {
-        return RenderSummary(summaryProps);
-      },
+      summary: () => RenderSummary(summaryProps),
       rowClassName: rowClassName
     }, tableProps), {}, {
       dataSource: dataSource,

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

@@ -1,4 +1,4 @@
 /** 基础表格 */
-export { default as BaseTable } from './components/BaseTable/index';
+export { default as BaseTable } from "./components/BaseTable/index";
 /** 拖拽表格 */
-export { default as DraggableTable } from './components/DraggableTable/index';
+export { default as DraggableTable } from "./components/DraggableTable/index";

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

@@ -6,20 +6,22 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
-import _isBoolean from "lodash/isBoolean";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { useSetState } from 'ahooks';
+import { isBoolean } from 'lodash';
 import classNames from 'classnames';
 import { CheckOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
-import { parseWidth } from '../../utils';
-import { isEmpty, isEllipsisActive } from '../../../utils';
-import copySvg from '../../../assets/copy.svg';
+import { parseWidth } from "../../utils";
+import { isEmpty, isEllipsisActive } from "../../../utils";
+import copySvg from "../../../assets/copy.svg";
+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 Paragraph = _Typography.Paragraph,
   Text = _Typography.Text;
 // @ts-ignore
-var RenderColumn = function RenderColumn(props) {
+var RenderColumn = props => {
   var valueType = props.valueType,
     value = props.value,
     node = props.node,
@@ -40,8 +42,9 @@ var RenderColumn = function RenderColumn(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     tooltip = _useSetState2[0].tooltip,
     setState = _useSetState2[1];
+
   // 计算并更新宽度
-  var updateCalculatedWidth = function updateCalculatedWidth(element) {
+  var updateCalculatedWidth = element => {
     if (!element) return null;
     if (!textRef.current) return;
     // 使用closest方法查找最近的tr
@@ -57,34 +60,33 @@ var RenderColumn = function RenderColumn(props) {
     'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
     'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
-  var handleMouseOver = function handleMouseOver(e) {
+  var handleMouseOver = e => {
     setState({
       tooltip: isEllipsisActive(e.target)
     });
   };
   var tooltipProps = _objectSpread({
-    getPopupContainer: function getPopupContainer(triggerNode) {
-      return triggerNode.parentNode;
-    }
+    getPopupContainer: triggerNode => triggerNode.parentNode
   }, toolTipProps);
+
   // 比对场景走的逻辑
-  if (!isInNewRowFlag && _isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
+  if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
     var renderNode = value ? node : '-';
     var isXMaxContent = (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content';
-    if (ellipsis || (props === null || props === void 0 ? void 0 : props.isChanged)) {
-      renderNode = !isXMaxContent ? _jsx(Text, {
+    if (ellipsis || props !== null && props !== void 0 && props.isChanged) {
+      renderNode = !isXMaxContent ? /*#__PURE__*/_jsx(Text, {
         style: {
           width: currentValue === '-' ? 32.5 : width,
-          minWidth: minWidth
+          minWidth
         },
         ellipsis: {
           tooltip: false
         },
         children: ellipsis ? currentValue : renderNode
-      }) : _jsx("div", {
+      }) : /*#__PURE__*/_jsx("div", {
         style: {
-          minWidth: minWidth,
-          width: width,
+          minWidth,
+          width,
           overflow: 'hidden',
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap'
@@ -93,19 +95,19 @@ var RenderColumn = function RenderColumn(props) {
       });
       if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return _jsx(_Tooltip, _objectSpread(_objectSpread({
+          return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
             title: currentValue,
-            onOpenChange: function onOpenChange(open) {
+            onOpenChange: open => {
               setState({
                 tooltip: false
               });
             },
             open: tooltip
           }, tooltipProps), {}, {
-            children: _jsx(Text, {
+            children: /*#__PURE__*/_jsx(Text, {
               style: {
-                width: width,
-                minWidth: minWidth
+                width,
+                minWidth
               },
               ellipsis: true,
               onMouseOver: handleMouseOver,
@@ -119,33 +121,33 @@ var RenderColumn = function RenderColumn(props) {
       if (Array.isArray(originalValue)) {
         console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
       }
-      var originalValueCalc = function originalValueCalc() {
+      var originalValueCalc = () => {
         if (Array.isArray(originalValue)) {
           return null;
         }
         return !isEmpty(originalValue) ? originalValue : '-';
       };
-      return _jsx(_Tooltip, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
         className: cellDiffCls,
         style: {
-          width: width,
-          minWidth: minWidth
+          width,
+          minWidth
         },
         overlayClassName: "original-value-tooltip",
         destroyTooltipOnHide: true,
         placement: "topLeft",
         autoAdjustOverflow: false,
-        title: _jsx(_Space, {
+        title: /*#__PURE__*/_jsx(_Space, {
           direction: "vertical",
           className: "changed-tooltip",
-          children: (props === null || props === void 0 ? void 0 : props.isChanged) && !(props === null || props === void 0 ? void 0 : props.isAddCell) ? _jsxs(_Fragment, {
-            children: [_jsxs(_Space, {
+          children: props !== null && props !== void 0 && props.isChanged && !(props !== null && props !== void 0 && props.isAddCell) ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(_Space, {
               align: "start",
               className: "original-value-container",
               children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
-            }), _jsx(_Space, {
+            }), /*#__PURE__*/_jsx(_Space, {
               className: "current-value-container",
-              children: ellipsis ? _jsxs(_Space, {
+              children: ellipsis ? /*#__PURE__*/_jsxs(_Space, {
                 children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
               }) : null
             })]
@@ -155,31 +157,31 @@ var RenderColumn = function RenderColumn(props) {
         children: renderNode
       }));
     }
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: cellDiffCls,
       style: {
-        width: width,
-        minWidth: minWidth
+        width,
+        minWidth
       },
       children: renderNode
     });
   }
   if (copyable) {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       className: "copyable-table-cell",
-      children: _jsx(Paragraph, {
+      children: /*#__PURE__*/_jsx(Paragraph, {
         style: ellipsis ? {
-          width: width
+          width
         } : undefined,
         ellipsis: ellipsis ? {
           tooltip: node
         } : false,
         copyable: {
           text: node,
-          icon: [_jsx(ReactSVG, {
+          icon: [/*#__PURE__*/_jsx(ReactSVG, {
             className: "drag-icon",
             src: copySvg
-          }, "copy-icon"), _jsx(CheckOutlined, {}, "copied-icon")],
+          }, "copy-icon"), /*#__PURE__*/_jsx(CheckOutlined, {}, "copied-icon")],
           tooltips: ['复制', '复制成功']
         },
         children: node
@@ -188,32 +190,30 @@ var RenderColumn = function RenderColumn(props) {
   }
   if (ellipsis) {
     if (!value) {
-      return _jsx("div", {
+      return /*#__PURE__*/_jsx("div", {
         style: {
-          minWidth: minWidth
+          minWidth
         },
         children: "-"
       });
     }
     var calculatedWidth = updateCalculatedWidth(textRef.current);
-    return _jsx(_Tooltip, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
       title: value,
       destroyTooltipOnHide: true,
-      onOpenChange: function onOpenChange() {
+      onOpenChange: () => {
         setState({
           tooltip: false
         });
       },
       open: tooltip
     }, tooltipProps), {}, {
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
-      },
-      children: _jsx(Text, {
+      getPopupContainer: () => document.body,
+      children: /*#__PURE__*/_jsx(Text, {
         ref: textRef,
         style: {
           width: calculatedWidth,
-          minWidth: minWidth
+          minWidth
         },
         ellipsis: true,
         onMouseOver: handleMouseOver,
@@ -222,9 +222,9 @@ var RenderColumn = function RenderColumn(props) {
       })
     }));
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
-      minWidth: minWidth
+      minWidth
     },
     children: value || value === 0 ? node : '-'
   });