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

package/es/ProEditTable/utils/index.js

@@ -1,46 +1,43 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 _isFunction from "lodash/isFunction";
-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"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { cloneDeepWith, isArray, isBoolean, isEqual, isFunction } from 'lodash';
 import { Tooltip, Space } from 'antd';
 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";
+
 // 渲染操作栏
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getActionColumn = function getActionColumn(config) {
-  var _cloneDeepWith2 = _cloneDeepWith(config, function (value) {
-      if (/*#__PURE__*/React.isValidElement(value)) {
+  var _cloneDeepWith = cloneDeepWith(config, function (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 默认不插入
@@ -48,11 +45,13 @@ var getActionColumn = function getActionColumn(config) {
     return false;
   }
   var virtualRowName = getNamePath(name, virtualKey);
+
   // 设置默认操作栏按钮（区分单行与多行编辑场景）
   var defaultActionKeys = virtualKey ? defaultSingleActionKeys : defaultMultipleActionKeys;
   var nextActionsProps = _toConsumableArray(actionProps);
+
   // 不设置actionProps
-  if (_isArray(actionProps) && !(actionProps === null || actionProps === void 0 ? void 0 : actionProps.length)) {
+  if (isArray(actionProps) && !(actionProps !== null && actionProps !== void 0 && actionProps.length)) {
     nextActionsProps = defaultActionKeys.map(function (key) {
       return {
         type: key
@@ -61,7 +60,7 @@ var getActionColumn = function getActionColumn(config) {
   } else {
     // 设置部分actionProps 内置的必选按钮会集成进去，可以手动开启show: false来隐藏对应类型的按钮
     defaultActionKeys.forEach(function (key) {
-      if (_isArray(actionProps) && !actionProps.find(function (action) {
+      if (isArray(actionProps) && !actionProps.find(function (action) {
         return action.type === key;
       })) {
         nextActionsProps.push({
@@ -70,6 +69,7 @@ var getActionColumn = function getActionColumn(config) {
       }
     });
   }
+
   // 渲染操作按钮前处理下默认数据
   var actionBtns = nextActionsProps.map(function (action) {
     var type = action.type,
@@ -84,43 +84,43 @@ 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__*/_regenerator().m(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, actionHandler, _t;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.p = _context.n) {
+        var index, form, name, namePath, tableLength, selectedRows, rowName, _record, onEvent, result, actionHandler;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             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]);
               if (!(type === 'save')) {
-                _context.n = 4;
+                _context.next = 13;
                 break;
               }
-              _context.p = 1;
-              _context.n = 2;
+              _context.prev = 4;
+              _context.next = 7;
               return customValidate(validateKeys, form, rowName);
-            case 2:
-              _context.n = 4;
+            case 7:
+              _context.next = 13;
               break;
-            case 3:
-              _context.p = 3;
-              _t = _context.v;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](4);
               handleScrollToError();
-              return _context.a(2, Promise.reject(_t));
-            case 4:
+              return _context.abrupt("return", Promise.reject(_context.t0));
+            case 13:
               // 编辑状态使用自定义form值，非编辑状态直接使用行数据
               _record = (_form$getFieldValue = form.getFieldValue(rowName)) !== null && _form$getFieldValue !== void 0 ? _form$getFieldValue : record; // 新增事件可以设置初始默认值，当做函数的出参导出
               onEvent = onClick || onHandle;
               if (onEvent) {
-                _context.n = 5;
+                _context.next = 19;
                 break;
               }
               result = true;
-              _context.n = 7;
+              _context.next = 22;
               break;
-            case 5:
-              _context.n = 6;
+            case 19:
+              _context.next = 21;
               return onEvent === null || onEvent === void 0 ? void 0 : onEvent(_record, {
                 form: form,
                 index: index,
@@ -129,9 +129,9 @@ var getActionColumn = function getActionColumn(config) {
                 namePath: namePath,
                 selectedRows: selectedRows
               });
-            case 6:
-              result = _context.v;
-            case 7:
+            case 21:
+              result = _context.sent;
+            case 22:
               if (result !== false && type !== 'custom') {
                 actionHandler = actions[type];
                 actionHandler(_objectSpread(_objectSpread({}, config), {}, {
@@ -142,10 +142,11 @@ var getActionColumn = function getActionColumn(config) {
                   validateKeys: validateKeys
                 }));
               }
-            case 8:
-              return _context.a(2);
+            case 23:
+            case "end":
+              return _context.stop();
           }
-        }, _callee, null, [[1, 3]]);
+        }, _callee, null, [[4, 9]]);
       }));
       return function (_x, _x2) {
         return _ref2.apply(this, arguments);
@@ -165,23 +166,24 @@ var getActionColumn = function getActionColumn(config) {
       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({}, {
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: /*#__PURE__*/_jsx(ActionButton, {
               record: record,
               index: index,
               config: config,
               btnConfig: btnConfig
-            }))
+            })
           }, "".concat(record.rowKey, "-").concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type));
         })
       });
     }
   };
 };
+
 /**
  * 编辑模式分为 多行和单行两种
  * 单行模式下，render 分为component和viewRender两种，对应编辑和非编辑状态下，edit状态不对外
@@ -190,6 +192,7 @@ var getActionColumn = function getActionColumn(config) {
  * @param columns 表格配置数据
  * @param config
  */
+
 export var transformColumns = function transformColumns() {
   var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var config = arguments.length > 1 ? arguments[1] : undefined;
@@ -222,6 +225,7 @@ export var transformColumns = function transformColumns() {
       suffix = item.suffix,
       before = item.before,
       after = item.after;
+
     // column设置label时，权重最高
     var columnTitle = label || title;
     item.title = columnTitle;
@@ -232,37 +236,40 @@ 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]
         });
       }
     }
+
     // width转为数字，兼容虚拟滚动场景
     if (typeof item.width === 'string' && item.width.includes('px')) {
       item.width = parseInt(item.width, 10);
     }
+
     // 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;
-    if (_isFunction(item.required)) {
+
+    var required = isBoolean(item.required) ? item.required : false;
+    if (isFunction(item.required)) {
       var namePath = getNamePath(name, virtualKey);
       var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
       var rowData = form.getFieldValue([].concat(_toConsumableArray(namePathArray), [index])) || {};
@@ -272,6 +279,7 @@ export var transformColumns = function transformColumns() {
         namePath: [].concat(_toConsumableArray(namePathArray), [index])
       });
     }
+
     // 样式处理
     item.className = classnames(_defineProperty({
       'is-hidden': hidden,
@@ -279,24 +287,26 @@ export var transformColumns = function transformColumns() {
       'is-required-left': requiredAlign === 'left',
       'is-required-right': requiredAlign === 'right'
     }, className, className));
+
     // 防止重复渲染导致className重复添加
     if (item.className) {
       item.className = _toConsumableArray(new Set(item.className.split(' '))).join(' ');
     }
     var _render = function _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 _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;
@@ -307,7 +317,7 @@ export var transformColumns = function transformColumns() {
         });
       }
       if (!_isEditing && ellipsis) {
-        return _jsx(ProTooltip, {
+        return /*#__PURE__*/_jsx(ProTooltip, {
           text: _text,
           line: 1,
           isResponsiveWidth: true
@@ -320,31 +330,33 @@ export var transformColumns = function transformColumns() {
         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() {
           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,
+            // 单元格formItem的namePath
             _isEditing: _isEditing // 是否正在编辑
           })
         })]
@@ -362,7 +374,7 @@ export var transformColumns = function transformColumns() {
       return i.rules || i.required;
     }).map(function (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;
@@ -374,6 +386,7 @@ export var transformColumns = function transformColumns() {
     }));
     actionColumn && nextColumns.push(actionColumn);
   }
+
   // 渲染操作列
   return nextColumns;
 };