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

package/lib/ProEditTable/utils/index.js

@@ -1,316 +1,390 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProEditTable/utils/index.tsx
-var utils_exports = {};
-__export(utils_exports, {
-  transformColumns: () => transformColumns
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react_svg = require("react-svg");
-var import_utils = require("@zat-design/utils");
-var import_config = require("./config");
-var import_tools = require("./tools");
-var import_ProTooltip = __toESM(require("../../ProTooltip"));
-var import_components = require("../components");
-var import_tip = __toESM(require("../../assets/tip.svg"));
-var import_locale = __toESM(require("../../locale"));
-var getActionColumn = (config) => {
-  const {
-    disabled,
-    name,
-    form,
-    virtualKey,
-    validateKeys,
-    actionWidth,
-    actionProps,
-    page,
-    rowDisabled,
-    actionDirection
-  } = (0, import_lodash.cloneDeepWith)(config, (value) => {
-    if (import_react.default.isValidElement(value)) {
-      return value;
-    }
-  });
-  const pageNum = import_utils.tools.calc(page.pageNum, "-", 1);
-  const firstIndex = import_utils.tools.calc(pageNum, "*", page.pageSize);
+exports.transformColumns = void 0;
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactSvg = require("react-svg");
+var _utils = require("@zat-design/utils");
+var _config = require("./config");
+var _tools = require("./tools");
+var _ProTooltip = _interopRequireDefault(require("../../ProTooltip"));
+var _components = require("../components");
+var _tip = _interopRequireDefault(require("../../assets/tip.svg"));
+var _locale = _interopRequireDefault(require("../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["type", "label", "show", "needConfirm", "onHandle", "onClick"],
+  _excluded2 = ["title", "icon"]; // 渲染操作栏
+var getActionColumn = config => {
+  var _cloneDeepWith = (0, _lodash.cloneDeepWith)(config, value => {
+      if ( /*#__PURE__*/_react.default.isValidElement(value)) {
+        return value;
+      }
+    }),
+    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 = _utils.tools.calc(page.pageNum, '-', 1);
+  var firstIndex = _utils.tools.calc(pageNum, '*', page.pageSize);
+  // actionProps配置为false 默认不插入
   if (actionProps === false || disabled) {
     return false;
   }
-  const virtualRowName = (0, import_tools.getNamePath)(name, virtualKey);
-  const defaultActionKeys = virtualKey ? import_config.defaultSingleActionKeys : import_config.defaultMultipleActionKeys;
-  let nextActionsProps = [...actionProps];
-  if ((0, import_lodash.isArray)(actionProps) && !(actionProps == null ? void 0 : actionProps.length)) {
-    nextActionsProps = defaultActionKeys.map((key) => {
-      return { type: key };
+  var virtualRowName = (0, _tools.getNamePath)(name, virtualKey);
+
+  // 设置默认操作栏按钮（区分单行与多行编辑场景）
+  var defaultActionKeys = virtualKey ? _config.defaultSingleActionKeys : _config.defaultMultipleActionKeys;
+  var nextActionsProps = [...actionProps];
+
+  // 不设置actionProps
+  if ((0, _lodash.isArray)(actionProps) && !(actionProps !== null && actionProps !== void 0 && actionProps.length)) {
+    nextActionsProps = defaultActionKeys.map(key => {
+      return {
+        type: key
+      };
     });
   } else {
-    defaultActionKeys.forEach((key) => {
-      if ((0, import_lodash.isArray)(actionProps) && !actionProps.find((action) => action.type === key)) {
+    // 设置部分actionProps 内置的必选按钮会集成进去，可以手动开启show: false来隐藏对应类型的按钮
+    defaultActionKeys.forEach(key => {
+      if ((0, _lodash.isArray)(actionProps) && !actionProps.find(action => action.type === key)) {
         nextActionsProps.push({
           type: key
         });
       }
     });
   }
-  const actionBtns = nextActionsProps.map((action) => {
-    const { type, label, show, needConfirm, onHandle, onClick, ...buttonProps } = action;
-    action.isEditable = import_config.defaultEditingActionKeys.includes(type);
-    action.label = label ?? import_config.defaultBtnNameMap[type];
-    action.show = show ?? true;
-    action.needConfirm = needConfirm ?? true;
-    action.onEvent = async (record, { index, form: form2, name: name2, namePath, tableLength, selectedRows }) => {
-      index = import_utils.tools.calc(firstIndex, "+", index);
-      const rowName = [...virtualRowName, index];
-      if (type === "save") {
-        try {
-          await (0, import_tools.customValidate)(validateKeys, form2, rowName);
-        } catch (error) {
-          (0, import_tools.handleScrollToError)();
-          return Promise.reject(error);
-        }
-      }
-      const _record = form2.getFieldValue(rowName) ?? record;
-      const onEvent = onClick || onHandle;
-      let result;
-      if (!onEvent) {
-        result = true;
-      } else {
-        result = await (onEvent == null ? void 0 : onEvent(_record, {
-          form: form2,
-          index,
-          tableLength,
-          name: name2,
-          namePath,
-          selectedRows
-        }));
-      }
-      if (result !== false && type !== "custom") {
-        const actionHandler = import_config.actions[type];
-        actionHandler({
-          ...config,
-          rowName: [...name2, index],
-          virtualRowName: rowName,
-          record,
-          result,
-          validateKeys
-        });
-      }
-    };
+
+  // 渲染操作按钮前处理下默认数据
+  var actionBtns = nextActionsProps.map(action => {
+    var type = action.type,
+      label = action.label,
+      show = action.show,
+      needConfirm = action.needConfirm,
+      onHandle = action.onHandle,
+      onClick = action.onClick,
+      buttonProps = (0, _objectWithoutProperties2.default)(action, _excluded);
+    action.isEditable = _config.defaultEditingActionKeys.includes(type);
+    action.label = label !== null && label !== void 0 ? label : _config.defaultBtnNameMap[type];
+    action.show = show !== null && show !== void 0 ? show : true;
+    action.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
+    action.onEvent = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(record, _ref) {
+        var _form$getFieldValue;
+        var index, form, name, namePath, tableLength, selectedRows, rowName, _record, onEvent, result, actionHandler;
+        return (0, _regeneratorRuntime2.default)().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 = _utils.tools.calc(firstIndex, '+', index);
+              rowName = [...virtualRowName, index];
+              if (!(type === 'save')) {
+                _context.next = 13;
+                break;
+              }
+              _context.prev = 4;
+              _context.next = 7;
+              return (0, _tools.customValidate)(validateKeys, form, rowName);
+            case 7:
+              _context.next = 13;
+              break;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](4);
+              (0, _tools.handleScrollToError)();
+              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.next = 19;
+                break;
+              }
+              result = true;
+              _context.next = 22;
+              break;
+            case 19:
+              _context.next = 21;
+              return onEvent === null || onEvent === void 0 ? void 0 : onEvent(_record, {
+                form,
+                index,
+                tableLength,
+                name,
+                namePath,
+                selectedRows
+              });
+            case 21:
+              result = _context.sent;
+            case 22:
+              if (result !== false && type !== 'custom') {
+                actionHandler = _config.actions[type];
+                actionHandler((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+                  rowName: [...name, index],
+                  virtualRowName: rowName,
+                  record,
+                  result,
+                  validateKeys
+                }));
+              }
+            case 23:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[4, 9]]);
+      }));
+      return function (_x, _x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     action.buttonProps = buttonProps;
     return action;
   });
   return {
-    title: import_locale.default.ProEditTable.operation,
-    key: "action",
-    fixed: "right",
-    width: actionWidth || (actionDirection === "vertical" ? 60 : virtualKey ? 120 : 60),
+    title: _locale.default.ProEditTable.operation,
+    key: 'action',
+    fixed: 'right',
+    width: actionWidth || (actionDirection === 'vertical' ? 60 : virtualKey ? 120 : 60),
     render: (text, record, index) => {
-      const _disabled = (rowDisabled == null ? void 0 : rowDisabled(record)) ?? false;
+      var _rowDisabled;
+      var _disabled = (_rowDisabled = rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record)) !== null && _rowDisabled !== void 0 ? _rowDisabled : false;
       if (_disabled) {
-        return "";
+        return '';
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "small", direction: actionDirection }, actionBtns.map((btnConfig) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: `${record.rowKey}-${btnConfig == null ? void 0 : btnConfig.type}` }, /* @__PURE__ */ import_react.default.createElement(
-          import_components.ActionButton,
-          {
-            ...{
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        size: "small",
+        direction: actionDirection,
+        children: actionBtns.map(btnConfig => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ActionButton, {
               record,
               index,
               config,
               btnConfig
-            }
-          }
-        ));
-      }));
+            })
+          }, `${record.rowKey}-${btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type}`);
+        })
+      });
     }
   };
 };
-var transformColumns = (columns = [], config) => {
-  const {
-    mode,
-    form,
-    name,
-    disabled,
-    cellNamePath,
-    editingKeys,
-    virtualKey,
-    requiredAlign,
-    isView,
-    setState,
-    page
-  } = config;
-  const isCell = mode === "cell";
-  let nextColumns = (0, import_tools.cloneDeepFilterNode)(columns);
-  const pageNum = import_utils.tools.calc(page.pageNum, "-", 1);
-  const firstIndex = import_utils.tools.calc(pageNum, "*", page.pageSize);
+
+/**
+ * 编辑模式分为 多行和单行两种
+ * 单行模式下，render 分为component和viewRender两种，对应编辑和非编辑状态下，edit状态不对外
+ * 多行模式下component设置即可
+ * render不对外暴露formItem，能自定渲染的尽是输入组件或者显示组件本身
+ * @param columns 表格配置数据
+ * @param config
+ */
+
+var transformColumns = exports.transformColumns = function transformColumns() {
+  var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var config = arguments.length > 1 ? arguments[1] : undefined;
+  var mode = config.mode,
+    form = config.form,
+    name = config.name,
+    disabled = config.disabled,
+    cellNamePath = config.cellNamePath,
+    editingKeys = config.editingKeys,
+    virtualKey = config.virtualKey,
+    requiredAlign = config.requiredAlign,
+    isView = config.isView,
+    setState = config.setState,
+    page = config.page;
+  var isCell = mode === 'cell';
+  var nextColumns = (0, _tools.cloneDeepFilterNode)(columns);
+  var pageNum = _utils.tools.calc(page.pageNum, '-', 1);
+  var firstIndex = _utils.tools.calc(pageNum, '*', page.pageSize);
   nextColumns.forEach((item, index) => {
-    const {
-      label,
-      names,
-      labelRequired,
-      hidden,
-      title,
-      className,
-      dataIndex,
-      ellipsis,
-      key,
-      tooltip,
-      suffix,
-      before,
-      after
-    } = item;
-    const columnTitle = label || title;
+    var label = item.label,
+      names = item.names,
+      labelRequired = item.labelRequired,
+      hidden = item.hidden,
+      title = item.title,
+      className = item.className,
+      dataIndex = item.dataIndex,
+      ellipsis = item.ellipsis,
+      key = item.key,
+      tooltip = item.tooltip,
+      suffix = item.suffix,
+      before = item.before,
+      after = item.after;
+
+    // column设置label时，权重最高
+    var columnTitle = label || title;
     item.title = columnTitle;
-    if (typeof columnTitle === "string") {
+    if (typeof columnTitle === 'string') {
       item.originTitle = columnTitle;
       if (tooltip) {
-        const { title: tooltipTitle, icon, ...resetProps } = tooltip || {};
-        item.title = /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-edit-table-title pro-edit-table-tooltip" }, before, columnTitle, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipTitle ?? tooltip, ...resetProps }, icon ? import_react.default.cloneElement(icon, {
-          className: "icon-tip"
-        }) : /* @__PURE__ */ import_react.default.createElement(import_react_svg.ReactSVG, { className: "icon-tip", src: import_tip.default })), suffix || after);
+        var _ref3 = tooltip || {},
+          tooltipTitle = _ref3.title,
+          icon = _ref3.icon,
+          resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+        item.title = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: "pro-edit-table-title pro-edit-table-tooltip",
+          children: [before, columnTitle, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
+          }, resetProps), {}, {
+            children: icon ? ( /*#__PURE__*/_react.default.cloneElement(icon, {
+              className: 'icon-tip'
+            })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+              className: "icon-tip",
+              src: _tip.default
+            })
+          })), suffix || after]
+        });
       } else {
-        item.title = /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-edit-table-title" }, before, columnTitle, suffix || after);
+        item.title = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: "pro-edit-table-title",
+          children: [before, columnTitle, suffix || after]
+        });
       }
     }
-    if (typeof item.width === "string" && item.width.includes("px")) {
+
+    // width转为数字，兼容虚拟滚动场景
+    if (typeof item.width === 'string' && item.width.includes('px')) {
       item.width = parseInt(item.width, 10);
     }
-    const columnName = (item == null ? void 0 : item.name) || dataIndex || key;
+
+    // column设置name时，权重最高
+    var columnName = (item === null || item === void 0 ? void 0 : item.name) || dataIndex || key;
     item.dataIndex = columnName;
     item.key = columnName;
-    let required = (0, import_lodash.isBoolean)(item.required) ? item.required : false;
-    if ((0, import_lodash.isFunction)(item.required)) {
-      const namePath = (0, import_tools.getNamePath)(name, virtualKey);
-      const namePathArray = Array.isArray(namePath) ? namePath : [namePath];
-      const rowData = form.getFieldValue([...namePathArray, index]) || {};
+    // item.shouldCellUpdate = item.shouldCellUpdate || ((record, perRecord) => !isEqual(record, perRecord));
+
+    var required = (0, _lodash.isBoolean)(item.required) ? item.required : false;
+    if ((0, _lodash.isFunction)(item.required)) {
+      var namePath = (0, _tools.getNamePath)(name, virtualKey);
+      var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
+      var rowData = form.getFieldValue([...namePathArray, index]) || {};
       required = item.required(rowData[columnName], rowData, {
         form,
         index,
         namePath: [...namePathArray, index]
       });
     }
-    item.className = (0, import_classnames.default)({
-      "is-hidden": hidden,
-      "is-required": required || labelRequired,
-      "is-required-left": requiredAlign === "left",
-      "is-required-right": requiredAlign === "right",
+
+    // 样式处理
+    item.className = (0, _classnames.default)({
+      'is-hidden': hidden,
+      'is-required': required || labelRequired,
+      'is-required-left': requiredAlign === 'left',
+      'is-required-right': requiredAlign === 'right',
       [className]: className
     });
+
+    // 防止重复渲染导致className重复添加
     if (item.className) {
-      item.className = [...new Set(item.className.split(" "))].join(" ");
+      item.className = [...new Set(item.className.split(' '))].join(' ');
     }
-    const _render = (text, record, index2) => {
-      const _isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record._addFlag;
-      let namePath = (0, import_lodash.isArray)(name) ? name : [name];
+    var _render = (text, record, index) => {
+      var _isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record._addFlag;
+      var namePath = (0, _lodash.isArray)(name) ? name : [name];
       if (virtualKey && editingKeys.includes(record.rowKey)) {
-        namePath = (0, import_tools.getNamePath)(name, virtualKey);
+        namePath = (0, _tools.getNamePath)(name, virtualKey);
       }
-      const namePathArray = Array.isArray(namePath) ? namePath : [namePath];
-      const columnNamePath = (0, import_lodash.isArray)(columnName) ? columnName : [columnName];
-      index2 = import_utils.tools.calc(firstIndex, "+", index2);
-      let cellName = columnName ? [...namePathArray, index2, ...columnNamePath] : [...namePathArray, index2];
-      let _text = text;
-      if (names == null ? void 0 : names.length) {
-        const nextDataIndex = (0, import_tools.splitNames)(names);
+      var namePathArray = Array.isArray(namePath) ? namePath : [namePath];
+      var columnNamePath = (0, _lodash.isArray)(columnName) ? columnName : [columnName];
+      index = _utils.tools.calc(firstIndex, '+', index);
+      // 设置单元格formItem的namePath
+      var cellName = columnName ? [...namePathArray, index, ...columnNamePath] : [...namePathArray, index];
+      var _text = text;
+
+      // 当传入组合组件时，name需要重新组合一下，以防names中key与dataIndex重叠
+      if (names !== null && names !== void 0 && names.length) {
+        var nextDataIndex = (0, _tools.splitNames)(names);
         item.dataIndex = nextDataIndex;
         item.key = nextDataIndex;
-        cellName = [...namePathArray, index2, nextDataIndex];
-        _text = names.map((item2) => record == null ? void 0 : record[item2]);
+        cellName = [...namePathArray, index, nextDataIndex];
+        // 给names返回数组值
+        _text = names.map(item => record === null || record === void 0 ? void 0 : record[item]);
       }
       if (!_isEditing && ellipsis) {
-        return /* @__PURE__ */ import_react.default.createElement(import_ProTooltip.default, { text: _text, line: 1, isResponsiveWidth: true });
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProTooltip.default, {
+          text: _text,
+          line: 1,
+          isResponsiveWidth: true
+        });
       }
-      let cellClassName;
-      const isCanEdit = isCell && !record[`${columnName}-Disabled`] && item.isEditable !== false;
+      var cellClassName;
+      var isCanEdit = isCell && !record[`${columnName}-Disabled`] && item.isEditable !== false;
+      // 单元格编辑场景下，需要将所有单元格设置为不可编辑状态，当鼠标hover时，展示输出框。点击可修改
       if (isCanEdit) {
-        record["is-view"] = true;
-        cellClassName = (0, import_classnames.default)({
-          "is-cell": !(0, import_lodash.isEqual)(cellNamePath, cellName)
+        record['is-view'] = true;
+        // 样式处理
+        cellClassName = (0, _classnames.default)({
+          'is-cell': !(0, _lodash.isEqual)(cellNamePath, cellName)
         });
       }
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: cellClassName,
-          onClick: () => {
-            isCanEdit && setState({
-              cellNamePath: cellName
-            });
-          }
+
+      // 单行多行交互有较大差异
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: cellClassName,
+        onClick: () => {
+          isCanEdit && setState({
+            cellNamePath: cellName
+          });
         },
-        index2 === 0 && !item.width ? /* @__PURE__ */ import_react.default.createElement("div", { style: { visibility: "hidden", height: 0, paddingLeft: (item == null ? void 0 : item.required) ? 16 : 0 } }, columnTitle) : null,
-        /* @__PURE__ */ import_react.default.createElement(
-          import_components.RenderField,
-          {
-            text: _text,
-            record,
-            index: index2,
-            column: item,
-            config: {
-              ...config,
-              cellName,
-              // 单元格formItem的namePath
-              _isEditing
-              // 是否正在编辑
-            }
-          }
-        )
-      );
+        children: [index === 0 && !item.width ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            visibility: 'hidden',
+            height: 0,
+            paddingLeft: item !== null && item !== void 0 && item.required ? 16 : 0
+          },
+          children: columnTitle
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderField, {
+          text: _text,
+          record: record,
+          index: index,
+          column: item,
+          config: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+            cellName,
+            // 单元格formItem的namePath
+            _isEditing // 是否正在编辑
+          })
+        })]
+      });
     };
     item.render = _render;
   });
   if (disabled || isView) {
-    nextColumns = nextColumns.filter((item) => item.title !== import_locale.default.ProEditTable.operation);
+    // 查看模式下过滤操作栏
+    nextColumns = nextColumns.filter(item => item.title !== _locale.default.ProEditTable.operation);
   } else {
-    const validateKeys = nextColumns.filter((i) => i.rules || i.required).map((item) => {
-      var _a;
-      if ((_a = item.names) == null ? void 0 : _a.length) {
-        const nextDataIndex = (0, import_tools.splitNames)(item.names);
+    var validateKeys = nextColumns.filter(i => i.rules || i.required).map(item => {
+      var _item$names;
+      if ((_item$names = item.names) !== null && _item$names !== void 0 && _item$names.length) {
+        var nextDataIndex = (0, _tools.splitNames)(item.names);
         item.dataIndex = nextDataIndex;
         item.key = nextDataIndex;
       }
       return item.dataIndex || item.key;
     });
-    const actionColumn = getActionColumn({
-      ...config,
-      validateKeys
-      // 需要校验的单元格的formItem的name
-    });
+    var actionColumn = getActionColumn((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+      validateKeys // 需要校验的单元格的formItem的name
+    }));
     actionColumn && nextColumns.push(actionColumn);
   }
+
+  // 渲染操作列
   return nextColumns;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  transformColumns
-});
+};