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

package/es/ProEditTable/utils/index.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import "antd/es/space/style";
@@ -7,41 +6,39 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _isEqual from "lodash/isEqual";
-import _isBoolean from "lodash/isBoolean";
-import _isArray from "lodash/isArray";
-import _cloneDeepWith from "lodash/cloneDeepWith";
 var _excluded = ["type", "label", "show", "needConfirm", "onHandle", "onClick"],
   _excluded2 = ["title", "icon"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { cloneDeepWith, isArray, isBoolean, isEqual } from 'lodash';
 import classnames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import { tools } from '@zat-design/utils';
-import { actions, defaultBtnNameMap, defaultSingleActionKeys, defaultMultipleActionKeys, defaultEditingActionKeys } from './config';
-import { customValidate, getNamePath, splitNames, handleScrollToError, cloneDeepFilterNode } from './tools';
-import ProTooltip from '../../ProTooltip';
-import { RenderField, ActionButton } from '../components';
-import tipSvg from '../../assets/tip.svg';
-import locale from '../../locale';
+import { actions, defaultBtnNameMap, defaultSingleActionKeys, defaultMultipleActionKeys, defaultEditingActionKeys } from "./config";
+import { customValidate, getNamePath, splitNames, handleScrollToError, cloneDeepFilterNode } from "./tools";
+import ProTooltip from "../../ProTooltip";
+import { RenderField, ActionButton } from "../components";
+import tipSvg from "../../assets/tip.svg";
+import locale from "../../locale";
+
 // 渲染操作栏
-var getActionColumn = function getActionColumn(config) {
-  var _cloneDeepWith2 = _cloneDeepWith(config, function (value) {
-      if (/*#__PURE__*/React.isValidElement(value)) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var getActionColumn = config => {
+  var _cloneDeepWith = cloneDeepWith(config, value => {
+      if ( /*#__PURE__*/React.isValidElement(value)) {
         return value;
       }
     }),
-    disabled = _cloneDeepWith2.disabled,
-    name = _cloneDeepWith2.name,
-    form = _cloneDeepWith2.form,
-    virtualKey = _cloneDeepWith2.virtualKey,
-    validateKeys = _cloneDeepWith2.validateKeys,
-    actionWidth = _cloneDeepWith2.actionWidth,
-    actionProps = _cloneDeepWith2.actionProps,
-    page = _cloneDeepWith2.page,
-    rowDisabled = _cloneDeepWith2.rowDisabled,
-    actionDirection = _cloneDeepWith2.actionDirection;
+    disabled = _cloneDeepWith.disabled,
+    name = _cloneDeepWith.name,
+    form = _cloneDeepWith.form,
+    virtualKey = _cloneDeepWith.virtualKey,
+    validateKeys = _cloneDeepWith.validateKeys,
+    actionWidth = _cloneDeepWith.actionWidth,
+    actionProps = _cloneDeepWith.actionProps,
+    page = _cloneDeepWith.page,
+    rowDisabled = _cloneDeepWith.rowDisabled,
+    actionDirection = _cloneDeepWith.actionDirection;
   var pageNum = tools.calc(page.pageNum, '-', 1);
   var firstIndex = tools.calc(pageNum, '*', page.pageSize);
   // actionProps配置为false 默认不插入
@@ -49,30 +46,31 @@ var getActionColumn = function getActionColumn(config) {
     return false;
   }
   var virtualRowName = getNamePath(name, virtualKey);
+
   // 设置默认操作栏按钮（区分单行与多行编辑场景）
   var defaultActionKeys = virtualKey ? defaultSingleActionKeys : defaultMultipleActionKeys;
-  var nextActionsProps = _toConsumableArray(actionProps);
+  var nextActionsProps = [...actionProps];
+
   // 不设置actionProps
-  if (_isArray(actionProps) && !(actionProps === null || actionProps === void 0 ? void 0 : actionProps.length)) {
-    nextActionsProps = defaultActionKeys.map(function (key) {
+  if (isArray(actionProps) && !(actionProps !== null && actionProps !== void 0 && actionProps.length)) {
+    nextActionsProps = defaultActionKeys.map(key => {
       return {
         type: key
       };
     });
   } else {
     // 设置部分actionProps 内置的必选按钮会集成进去，可以手动开启show: false来隐藏对应类型的按钮
-    defaultActionKeys.forEach(function (key) {
-      if (_isArray(actionProps) && !actionProps.find(function (action) {
-        return action.type === key;
-      })) {
+    defaultActionKeys.forEach(key => {
+      if (isArray(actionProps) && !actionProps.find(action => action.type === key)) {
         nextActionsProps.push({
           type: key
         });
       }
     });
   }
+
   // 渲染操作按钮前处理下默认数据
-  var actionBtns = nextActionsProps.map(function (action) {
+  var actionBtns = nextActionsProps.map(action => {
     var type = action.type,
       label = action.label,
       show = action.show,
@@ -85,7 +83,7 @@ var getActionColumn = function getActionColumn(config) {
     action.show = show !== null && show !== void 0 ? show : true;
     action.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
     action.onEvent = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, _ref) {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, _ref) {
         var _form$getFieldValue;
         var index, form, name, namePath, tableLength, selectedRows, rowName, _record, onEvent, result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -93,7 +91,7 @@ var getActionColumn = function getActionColumn(config) {
             case 0:
               index = _ref.index, form = _ref.form, name = _ref.name, namePath = _ref.namePath, tableLength = _ref.tableLength, selectedRows = _ref.selectedRows;
               index = tools.calc(firstIndex, '+', index);
-              rowName = [].concat(_toConsumableArray(virtualRowName), [index]);
+              rowName = [...virtualRowName, index];
               if (!(type === 'save')) {
                 _context.next = 13;
                 break;
@@ -123,23 +121,23 @@ var getActionColumn = function getActionColumn(config) {
             case 19:
               _context.next = 21;
               return onEvent === null || onEvent === void 0 ? void 0 : onEvent(_record, {
-                form: form,
-                index: index,
-                tableLength: tableLength,
-                name: name,
-                namePath: namePath,
-                selectedRows: selectedRows
+                form,
+                index,
+                tableLength,
+                name,
+                namePath,
+                selectedRows
               });
             case 21:
               result = _context.sent;
             case 22:
               if (result !== false && type !== 'custom') {
                 actions[type](_objectSpread(_objectSpread({}, config), {}, {
-                  rowName: [].concat(_toConsumableArray(name), [index]),
+                  rowName: [...name, index],
                   virtualRowName: rowName,
-                  record: record,
-                  result: result,
-                  validateKeys: validateKeys
+                  record,
+                  result,
+                  validateKeys
                 }));
               }
             case 23:
@@ -160,29 +158,30 @@ var getActionColumn = function getActionColumn(config) {
     key: 'action',
     fixed: 'right',
     width: actionWidth || (actionDirection === 'vertical' ? '60px' : virtualKey ? '120px' : '60px'),
-    render: function render(text, record, index) {
+    render: (text, record, index) => {
       var _rowDisabled;
       var _disabled = (_rowDisabled = rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record)) !== null && _rowDisabled !== void 0 ? _rowDisabled : false;
       if (_disabled) {
         return '';
       }
-      return _jsx(_Space, {
+      return /*#__PURE__*/_jsx(_Space, {
         size: "small",
         direction: actionDirection,
-        children: actionBtns.map(function (btnConfig) {
-          return _jsx(React.Fragment, {
-            children: _jsx(ActionButton, _objectSpread({}, {
-              record: record,
-              index: index,
-              config: config,
-              btnConfig: btnConfig
-            }))
-          }, "".concat(record.rowKey, "-").concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type));
+        children: actionBtns.map(btnConfig => {
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: /*#__PURE__*/_jsx(ActionButton, {
+              record,
+              index,
+              config,
+              btnConfig
+            })
+          }, `${record.rowKey}-${btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type}`);
         })
       });
     }
   };
 };
+
 /**
  * 编辑模式分为 多行和单行两种
  * 单行模式下，render 分为component和viewRender两种，对应编辑和非编辑状态下，edit状态不对外
@@ -209,7 +208,7 @@ export var transformColumns = function transformColumns() {
   var _columns = cloneDeepFilterNode(columns);
   var pageNum = tools.calc(page.pageNum, '-', 1);
   var firstIndex = tools.calc(pageNum, '*', page.pageSize);
-  _columns.forEach(function (item, index) {
+  _columns.forEach((item, index) => {
     var label = item.label,
       names = item.names,
       labelRequired = item.labelRequired,
@@ -223,6 +222,7 @@ export var transformColumns = function transformColumns() {
       suffix = item.suffix,
       before = item.before,
       after = item.after;
+
     // column设置label时，权重最高
     var columnTitle = label || title;
     item.title = columnTitle;
@@ -233,116 +233,122 @@ export var transformColumns = function transformColumns() {
           tooltipTitle = _ref3.title,
           icon = _ref3.icon,
           resetProps = _objectWithoutProperties(_ref3, _excluded2);
-        item.title = _jsxs("span", {
+        item.title = /*#__PURE__*/_jsxs("span", {
           className: "pro-edit-table-title pro-edit-table-tooltip",
-          children: [before, columnTitle, _jsx(_Tooltip, _objectSpread(_objectSpread({
+          children: [before, columnTitle, /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
             title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
           }, resetProps), {}, {
-            children: icon ? (/*#__PURE__*/React.cloneElement(icon, {
+            children: icon ? ( /*#__PURE__*/React.cloneElement(icon, {
               className: 'icon-tip'
-            })) : _jsx(ReactSVG, {
+            })) : /*#__PURE__*/_jsx(ReactSVG, {
               className: "icon-tip",
               src: tipSvg
             })
           })), suffix || after]
         });
       } else {
-        item.title = _jsxs("span", {
+        item.title = /*#__PURE__*/_jsxs("span", {
           className: "pro-edit-table-title",
           children: [before, columnTitle, suffix || after]
         });
       }
     }
+
     // column设置name时，权重最高
     var columnName = (item === null || item === void 0 ? void 0 : item.name) || dataIndex || key;
     item.dataIndex = columnName;
     item.key = columnName;
     // item.shouldCellUpdate = item.shouldCellUpdate || ((record, perRecord) => !isEqual(record, perRecord));
-    var required = _isBoolean(item.required) ? item.required : false;
+
+    var required = isBoolean(item.required) ? item.required : false;
     if (typeof item.required === 'function') {
       var namePath = getNamePath(name, virtualKey);
       var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
-      var rowData = form.getFieldValue([].concat(_toConsumableArray(namePathArray), [index])) || {};
+      var rowData = form.getFieldValue([...namePathArray, index]) || {};
       required = item.required(rowData[columnName], rowData, {
-        form: form,
-        index: index,
-        namePath: [].concat(_toConsumableArray(namePathArray), [index])
+        form,
+        index,
+        namePath: [...namePathArray, index]
       });
     }
+
     // 样式处理
-    item.className = classnames(_defineProperty({
+    item.className = classnames({
       'is-hidden': hidden,
       'is-required': required || labelRequired,
       'is-required-left': requiredAlign === 'left',
-      'is-required-right': requiredAlign === 'right'
-    }, className, className));
+      'is-required-right': requiredAlign === 'right',
+      [className]: className
+    });
+
     // 防止重复渲染导致className重复添加
     if (item.className) {
-      item.className = _toConsumableArray(new Set(item.className.split(' '))).join(' ');
+      item.className = [...new Set(item.className.split(' '))].join(' ');
     }
-    var _render = function _render(text, record, index) {
+    var _render = (text, record, index) => {
       var _isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record._addFlag;
-      var namePath = _isArray(name) ? name : [name];
+      var namePath = isArray(name) ? name : [name];
       if (virtualKey && editingKeys.includes(record.rowKey)) {
         namePath = getNamePath(name, virtualKey);
       }
       var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
-      var columnNamePath = _isArray(columnName) ? columnName : [columnName];
+      var columnNamePath = isArray(columnName) ? columnName : [columnName];
       index = tools.calc(firstIndex, '+', index);
       // 设置单元格formItem的namePath
-      var cellName = columnName ? [].concat(_toConsumableArray(namePathArray), [index], _toConsumableArray(columnNamePath)) : [].concat(_toConsumableArray(namePathArray), [index]);
+      var cellName = columnName ? [...namePathArray, index, ...columnNamePath] : [...namePathArray, index];
       var _text = text;
+
       // 当传入组合组件时，name需要重新组合一下，以防names中key与dataIndex重叠
-      if (names === null || names === void 0 ? void 0 : names.length) {
+      if (names !== null && names !== void 0 && names.length) {
         var nextDataIndex = splitNames(names);
         item.dataIndex = nextDataIndex;
         item.key = nextDataIndex;
-        cellName = [].concat(_toConsumableArray(namePathArray), [index, nextDataIndex]);
+        cellName = [...namePathArray, index, nextDataIndex];
         // 给names返回数组值
-        _text = names.map(function (item) {
-          return record === null || record === void 0 ? void 0 : record[item];
-        });
+        _text = names.map(item => record === null || record === void 0 ? void 0 : record[item]);
       }
       if (!_isEditing && ellipsis) {
-        return _jsx(ProTooltip, {
+        return /*#__PURE__*/_jsx(ProTooltip, {
           text: _text,
           line: 1,
           isResponsiveWidth: true
         });
       }
       var cellClassName;
-      var isCanEdit = isCell && !record["".concat(columnName, "-Disabled")] && item.isEditable !== false;
+      var isCanEdit = isCell && !record[`${columnName}-Disabled`] && item.isEditable !== false;
       // 单元格编辑场景下，需要将所有单元格设置为不可编辑状态，当鼠标hover时，展示输出框。点击可修改
       if (isCanEdit) {
         record['is-view'] = true;
         // 样式处理
         cellClassName = classnames({
-          'is-cell': !_isEqual(cellNamePath, cellName)
+          'is-cell': !isEqual(cellNamePath, cellName)
         });
       }
+
       // 单行多行交互有较大差异
-      return _jsxs("div", {
+      return /*#__PURE__*/_jsxs("div", {
         className: cellClassName,
-        onClick: function onClick() {
+        onClick: () => {
           isCanEdit && setState({
             cellNamePath: cellName
           });
         },
-        children: [index === 0 && !item.width ? _jsx("div", {
+        children: [index === 0 && !item.width ? /*#__PURE__*/_jsx("div", {
           style: {
             visibility: 'hidden',
             height: 0,
-            paddingLeft: (item === null || item === void 0 ? void 0 : item.required) ? 16 : 0
+            paddingLeft: item !== null && item !== void 0 && item.required ? 16 : 0
           },
           children: columnTitle
-        }) : null, _jsx(RenderField, {
+        }) : null, /*#__PURE__*/_jsx(RenderField, {
           text: _text,
           record: record,
           index: index,
           column: item,
           config: _objectSpread(_objectSpread({}, config), {}, {
-            cellName: cellName,
-            _isEditing: _isEditing // 是否正在编辑
+            cellName,
+            // 单元格formItem的namePath
+            _isEditing // 是否正在编辑
           })
         })]
       });
@@ -351,15 +357,11 @@ export var transformColumns = function transformColumns() {
   });
   if (disabled || isView) {
     // 查看模式下过滤操作栏
-    _columns = _columns.filter(function (item) {
-      return item.title !== locale.ProEditTable.operation;
-    });
+    _columns = _columns.filter(item => item.title !== locale.ProEditTable.operation);
   } else {
-    var validateKeys = _columns.filter(function (i) {
-      return i.rules || i.required;
-    }).map(function (item) {
+    var validateKeys = _columns.filter(i => i.rules || i.required).map(item => {
       var _item$names;
-      if ((_item$names = item.names) === null || _item$names === void 0 ? void 0 : _item$names.length) {
+      if ((_item$names = item.names) !== null && _item$names !== void 0 && _item$names.length) {
         var nextDataIndex = splitNames(item.names);
         item.dataIndex = nextDataIndex;
         item.key = nextDataIndex;
@@ -367,10 +369,11 @@ export var transformColumns = function transformColumns() {
       return item.dataIndex || item.key;
     });
     var actionColumn = getActionColumn(_objectSpread(_objectSpread({}, config), {}, {
-      validateKeys: validateKeys // 需要校验的单元格的formItem的name
+      validateKeys // 需要校验的单元格的formItem的name
     }));
     actionColumn && _columns.push(actionColumn);
   }
+
   // 渲染操作列
   return _columns;
 };