@zat-design/sisyphus-react 3.0.13

package/es/ProEditTable/components/DndWrapper/index.js

@@ -0,0 +1,82 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["disabled", "children"];
+import React from 'react';
+import { DndContext } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { ReactSVG } from 'react-svg';
+import DragSvg from '../../../assets/drag.svg';
+export var Row = function Row(props) {
+  var disabled = props.disabled,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var data = useSortable({
+    id: props['data-row-key'],
+    disabled: disabled
+  });
+  var attributes = data.attributes,
+    listeners = data.listeners,
+    setNodeRef = data.setNodeRef,
+    transform = data.transform,
+    transition = data.transition,
+    isDragging = data.isDragging;
+  var style = _objectSpread(_objectSpread({}, props.style), {}, {
+    transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  return /*#__PURE__*/React.createElement("tr", _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: setNodeRef,
+    style: style
+  }, attributes), React.Children.map(children, function (child) {
+    if (child.key === 'SORT') {
+      return /*#__PURE__*/React.cloneElement(child, {
+        children: /*#__PURE__*/React.createElement(ReactSVG, _objectSpread({
+          style: {
+            touchAction: 'none',
+            cursor: disabled ? 'no-drop' : 'move'
+          },
+          className: "drag-handle",
+          src: DragSvg
+        }, listeners))
+      });
+    }
+    return child;
+  }));
+};
+var DndWrapper = function DndWrapper(_ref) {
+  var _value$;
+  var draggable = _ref.draggable,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    children = _ref.children;
+  var onDragEnd = function onDragEnd(_ref2) {
+    var active = _ref2.active,
+      over = _ref2.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = value.findIndex(function (i) {
+        return i.rowKey === active.id;
+      });
+      var overIndex = value.findIndex(function (i) {
+        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var nextValue = arrayMove(value, activeIndex, overIndex);
+      onChange(nextValue);
+    }
+  };
+  return draggable && !disabled ? /*#__PURE__*/React.createElement(DndContext, {
+    onDragEnd: onDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
+      return i.rowKey;
+    }) : [],
+    strategy: verticalListSortingStrategy
+  }, children)) : children;
+};
+export default DndWrapper;

package/es/ProEditTable/components/RenderField/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
+export default RenderField;

package/es/ProEditTable/components/RenderField/index.js

@@ -0,0 +1,467 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+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 _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "valueType", "rules", "names", "fieldProps", "required", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable"];
+/* eslint-disable prefer-destructuring */
+/* eslint-disable prefer-const */
+import React, { useCallback, useEffect } from 'react';
+import { cloneDeep, isEqual, debounce, omit, isFunction, isString, isBoolean } from 'lodash';
+import valueTypeMap from '../../../ProForm/utils/valueType';
+import transformMap from '../../utils/transform';
+import { getNamePath, difference } from '../../utils/tools';
+import { isNullArray } from '../../../ProForm/utils/index';
+import * as componentMap from '../../../ProForm/components';
+import Container from '../../../ProForm/components/Container';
+import transformNames from '../../../ProForm/utils/transformNames';
+var RenderField = function RenderField(_ref) {
+  var _type, _type$replace, _names, _fieldProps$rules, _formItemChildProps$p, _TargetComponent4;
+  var value = _ref.text,
+    record = _ref.record,
+    index = _ref.index,
+    column = _ref.column,
+    config = _ref.config;
+  var type = column.type,
+    valueType = column.valueType,
+    _column$rules = column.rules,
+    rules = _column$rules === void 0 ? [] : _column$rules,
+    names = column.names,
+    fieldProps = column.fieldProps,
+    required = column.required,
+    labelRequired = column.labelRequired,
+    editRender = column.editRender,
+    component = column.component,
+    viewRender = column.viewRender,
+    title = column.title,
+    originTitle = column.originTitle,
+    label = column.label,
+    dataIndex = column.dataIndex,
+    formItemProps = column.formItemProps,
+    _column$isEditable = column.isEditable,
+    isEditable = _column$isEditable === void 0 ? true : _column$isEditable,
+    resetProps = _objectWithoutProperties(column, _excluded);
+  // editRender弃用使用component同ProForm
+  var _editRender = component || editRender;
+  if (type && _editRender) {
+    console.warn('type和component为互斥关系, type将不会生效');
+  }
+  var mode = config.mode,
+    cellName = config.cellName,
+    cellNamePath = config.cellNamePath,
+    isEditing = config.isEditing,
+    disabled = config.disabled,
+    form = config.form,
+    setState = config.setState,
+    name = config.name,
+    virtualKey = config.virtualKey,
+    viewEmpty = config.viewEmpty;
+  var isCell = mode === 'cell';
+  if (isCell) {
+    record.isView = !isEqual(cellNamePath, cellName);
+  }
+  // 是否只读文本
+  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record.isView) || config.isView || virtualKey && !isEditing;
+  // type类型 首字母转大写
+  type = ((_type = type) === null || _type === void 0 ? void 0 : (_type$replace = _type.replace) === null || _type$replace === void 0 ? void 0 : _type$replace.call(_type, type[0], type[0].toUpperCase())) || 'Input';
+  // 单行正在编辑时，临时生成一套formItem用来存储中间值，点击取消时候重置回上一次状态
+  var namePath = getNamePath(name, virtualKey);
+  // 只读文本时，采用当前formItem的name，单行编辑时，使用生成的虚拟的name
+  var baseName = isView ? name : namePath;
+  var rowData = form.getFieldValue([].concat(_toConsumableArray(namePath), [index])) || record;
+  var currentValue = dataIndex ? rowData === null || rowData === void 0 ? void 0 : rowData[dataIndex] : null;
+  var TargetComponent;
+  // 第三个参数
+  var options = {
+    index: index,
+    form: form,
+    namePath: [].concat(_toConsumableArray(namePath), [index])
+  };
+  if (typeof fieldProps === 'function') {
+    fieldProps = fieldProps(currentValue, rowData, options);
+  }
+  var _fieldProps = fieldProps || formItemProps;
+  if (typeof (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.rules) === 'function') {
+    _fieldProps.rules = _fieldProps.rules(currentValue, rowData, options);
+  }
+  if (typeof rules === 'function') {
+    rules = rules(currentValue, rowData, options);
+  }
+  if (typeof (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) === 'function') {
+    _fieldProps.disabled = _fieldProps.disabled(currentValue, rowData, options);
+  }
+  if (typeof required === 'function') {
+    required = required(currentValue, rowData, options);
+  }
+  // 必填规则内置 仅为title为字符串时
+  if (required) {
+    var _rules2;
+    var errorMsg = "".concat(originTitle, "\u4E0D\u80FD\u4E3A\u7A7A");
+    rules = ((_rules2 = rules) !== null && _rules2 !== void 0 ? _rules2 : []).concat([{
+      required: required,
+      message: errorMsg
+    }]);
+  }
+  // names 默认需要校验所有值是否已填写完整
+  if (((_names = names) === null || _names === void 0 ? void 0 : _names.length) && !isBoolean(labelRequired)) {
+    var _rules3;
+    rules = ((_rules3 = rules) !== null && _rules3 !== void 0 ? _rules3 : []).concat([{
+      validator: function validator(_rule, value) {
+        if (value === null || value === void 0 ? void 0 : value.length) {
+          if (isNullArray(value, names.length)) {
+            return Promise.reject(new Error("\u8BF7\u5B8C\u6574\u586B\u5199".concat(title)));
+          }
+          return Promise.resolve();
+        }
+        return Promise.resolve();
+      }
+    }]);
+  }
+  // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
+  var formItemChildProps = _objectSpread(_objectSpread({}, _fieldProps), fieldProps);
+  // 允许formItem的属性放在column最外层
+  var _formItemProps = _objectSpread(_objectSpread({}, resetProps), {}, {
+    rules: [].concat(_toConsumableArray((_fieldProps$rules = _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.rules) !== null && _fieldProps$rules !== void 0 ? _fieldProps$rules : []), _toConsumableArray(rules))
+  });
+  if (['Switch', 'Checkbox'].includes(type)) {
+    _formItemProps.valuePropName = 'checked';
+    valueType = 'switch';
+  }
+  // 针对Percentage特殊处理
+  if (type === 'Percentage') {
+    type = 'InputNumber';
+    valueType = 'percentage';
+  }
+  /**
+   * 针对一些特殊类型，基于formItem的normalize与getValueProps进行默认值类型转换
+   * @returns {}
+   */
+  var defaultTransform = function defaultTransform() {
+    var types = ['DatePicker', 'RangePicker'];
+    if (!valueType && types.includes(type)) {
+      var _transformMap$type;
+      return transformMap === null || transformMap === void 0 ? void 0 : (_transformMap$type = transformMap[type]) === null || _transformMap$type === void 0 ? void 0 : _transformMap$type.call(transformMap, fieldProps || {});
+    }
+    return {};
+  };
+  /**
+   * 配置valueType时，基于formItem的normalize与getValueProps进行值类型转换
+   * @returns {}
+   */
+  var valueTypeTransform = useCallback(function () {
+    // 不存在valueType返回空
+    if (!valueType) {
+      return {};
+    }
+    // SwitchCheckbox默认YN, 兼容已有组件
+    if (type === 'SwitchCheckbox') {
+      valueType = 'switch';
+    }
+    var params = _objectSpread({}, column);
+    return isFunction(valueTypeMap[valueType]) ? valueTypeMap[valueType](params) : {};
+  }, [valueType]);
+  /**
+   * 配置names时，基于formItem的normalize与getValueProps进行值类型转换
+   * @returns {}
+   */
+  var namesTransform = function namesTransform() {
+    var _names2;
+    if (!((_names2 = names) === null || _names2 === void 0 ? void 0 : _names2.length)) {
+      return {};
+    }
+    // 支持names配置，临时生成对应的formItem，用来存储单个对应的值
+    names = names.map(function (key) {
+      if (Array.isArray(key)) {
+        return [].concat(_toConsumableArray(baseName), [index], _toConsumableArray(key));
+      }
+      return [].concat(_toConsumableArray(baseName), [index, key]);
+    });
+    var namesStr = [baseName, index, dataIndex];
+    return transformNames(_formItemProps, form, names, namesStr);
+  };
+  if (!_editRender && typeof type === 'string') {
+    var _componentMap$type;
+    TargetComponent = (_componentMap$type = componentMap[type]) !== null && _componentMap$type !== void 0 ? _componentMap$type : /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  if (isEditable && isEditing) {
+    if (typeof _editRender === 'function') {
+      TargetComponent = _editRender(currentValue, rowData, options);
+    }
+    if ( /*#__PURE__*/React.isValidElement(_editRender)) {
+      TargetComponent = _editRender;
+    }
+  }
+  // 查看模式
+  if (isView) {
+    // 存在viewRender覆盖默认值
+    if (typeof viewRender === 'function') {
+      var _column$dataIndex;
+      currentValue = (column === null || column === void 0 ? void 0 : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.includes('-')) ? value : currentValue;
+      var View = viewRender(currentValue, record, options);
+      TargetComponent = /*#__PURE__*/React.createElement(Container, {
+        viewEmpty: viewEmpty
+      }, View);
+    }
+    if ( /*#__PURE__*/React.isValidElement(viewRender)) {
+      TargetComponent = viewRender;
+    }
+  }
+  var defaultPlaceholder = ['Select', 'EnumSelect', 'DatePicker', 'RangerPicker', 'Cascader', 'ProSelect', 'ProEnum', 'ProTimeLimit'].includes(type) ? "\u8BF7\u9009\u62E9".concat(isString(label) ? label || title : '') : "\u8BF7\u8F93\u5165".concat(isString(label) ? label || title : '');
+  var _placeholder = (_formItemChildProps$p = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.placeholder) !== null && _formItemChildProps$p !== void 0 ? _formItemChildProps$p : defaultPlaceholder;
+  var _disabled = disabled || (formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.disabled);
+  var _rules = isEditing ? _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.rules : [];
+  var onChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onChange;
+  var onFieldChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onFieldChange;
+  var onBlur = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onBlur;
+  var formatArgs = function formatArgs() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var _args = _toConsumableArray(args === null || args === void 0 ? void 0 : args[0]);
+    var rowPath = [].concat(_toConsumableArray(namePath), [index]);
+    var row = form.getFieldValue(rowPath);
+    _args[1] = row;
+    // 返回表单元素默认值
+    _args[2] = _objectSpread(_objectSpread({}, options), {}, {
+      extra: args
+    });
+    switch (type) {
+      case 'ProSelect':
+      case 'ProModalSelect':
+      case 'ProEnum':
+        _args[2].option = args[1];
+        break;
+      case 'ProAddressBar':
+        _args[2].selectedOptions = args[1];
+        break;
+      case 'DatePicker':
+      case 'RangePicker':
+        _args[2].dateString = args[1];
+        break;
+      default:
+        break;
+    }
+    return _args;
+  };
+  // 单元格更新数据时，加个防抖，防止更新频率过快，卡顿
+  var _onchange = debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _len2,
+      args,
+      _key2,
+      _args,
+      rowPath,
+      row,
+      orgRow,
+      _TargetComponent,
+      _TargetComponent$prop,
+      _TargetComponent$prop2,
+      _TargetComponent2,
+      _TargetComponent2$pro,
+      _TargetComponent$prop3,
+      _Object$keys,
+      _Object$keys$map,
+      diff,
+      validateFieldKeys,
+      _args2 = arguments;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          for (_len2 = _args2.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = _args2[_key2];
+          }
+          _args = [].concat(args);
+          rowPath = [].concat(_toConsumableArray(namePath), [index]);
+          row = form.getFieldValue(rowPath);
+          orgRow = cloneDeep(row);
+          if (!onFieldChange) {
+            _context.next = 17;
+            break;
+          }
+          _args = formatArgs(args);
+          _context.t0 = (_TargetComponent = TargetComponent) === null || _TargetComponent === void 0 ? void 0 : (_TargetComponent$prop = _TargetComponent.props) === null || _TargetComponent$prop === void 0 ? void 0 : _TargetComponent$prop.onFieldChange;
+          if (!_context.t0) {
+            _context.next = 11;
+            break;
+          }
+          _context.next = 11;
+          return (_TargetComponent$prop2 = TargetComponent.props).onFieldChange.apply(_TargetComponent$prop2, _toConsumableArray(_args));
+        case 11:
+          _context.t1 = onFieldChange;
+          if (!_context.t1) {
+            _context.next = 15;
+            break;
+          }
+          _context.next = 15;
+          return onFieldChange.apply(void 0, _toConsumableArray(_args));
+        case 15:
+          _context.next = 28;
+          break;
+        case 17:
+          _args.push(row);
+          _args.push(index);
+          _args.push(form);
+          _context.t2 = (_TargetComponent2 = TargetComponent) === null || _TargetComponent2 === void 0 ? void 0 : (_TargetComponent2$pro = _TargetComponent2.props) === null || _TargetComponent2$pro === void 0 ? void 0 : _TargetComponent2$pro.onChange;
+          if (!_context.t2) {
+            _context.next = 24;
+            break;
+          }
+          _context.next = 24;
+          return (_TargetComponent$prop3 = TargetComponent.props).onChange.apply(_TargetComponent$prop3, _toConsumableArray(_args));
+        case 24:
+          _context.t3 = onChange;
+          if (!_context.t3) {
+            _context.next = 28;
+            break;
+          }
+          _context.next = 28;
+          return onChange.apply(void 0, _toConsumableArray(_args));
+        case 28:
+          // 判断属性是否变动
+          form.setFieldValue(rowPath, row);
+          if (!isEqual(orgRow, row)) {
+            diff = difference(row, orgRow) || {};
+            validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+              return [].concat(_toConsumableArray(rowPath), [key]);
+            });
+            if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+              form.validateFields(validateFieldKeys);
+            }
+          }
+          if (virtualKey) {
+            // 单行编辑时需要 强制更新视图
+            setState({
+              forceUpdate: {
+                d: Date.now()
+              }
+            });
+          }
+        case 31:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), 300);
+  var _onblur = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _TargetComponent3, _TargetComponent3$pro, _TargetComponent$prop4;
+      var _len3,
+        args,
+        _key3,
+        _args,
+        rowPath,
+        row,
+        orgRow,
+        _Object$keys2,
+        _Object$keys2$map,
+        diff,
+        validateFieldKeys,
+        _args3 = arguments;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            for (_len3 = _args3.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+              args[_key3] = _args3[_key3];
+            }
+            _args = formatArgs(args);
+            rowPath = [].concat(_toConsumableArray(namePath), [index]);
+            row = form.getFieldValue(rowPath);
+            orgRow = cloneDeep(row);
+            _context2.t0 = (_TargetComponent3 = TargetComponent) === null || _TargetComponent3 === void 0 ? void 0 : (_TargetComponent3$pro = _TargetComponent3.props) === null || _TargetComponent3$pro === void 0 ? void 0 : _TargetComponent3$pro.onBlur;
+            if (!_context2.t0) {
+              _context2.next = 9;
+              break;
+            }
+            _context2.next = 9;
+            return (_TargetComponent$prop4 = TargetComponent.props).onBlur.apply(_TargetComponent$prop4, _toConsumableArray(_args));
+          case 9:
+            _context2.t1 = onBlur;
+            if (!_context2.t1) {
+              _context2.next = 13;
+              break;
+            }
+            _context2.next = 13;
+            return onBlur.apply(void 0, _toConsumableArray(_args));
+          case 13:
+            // 判断属性是否变动
+            form.setFieldValue(rowPath, row);
+            if (!isEqual(orgRow, row)) {
+              diff = difference(row, orgRow) || {};
+              validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
+                return [].concat(_toConsumableArray(rowPath), [key]);
+              });
+              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                form.validateFields(validateFieldKeys);
+              }
+            }
+            if (!isCell) {
+              _context2.next = 19;
+              break;
+            }
+            _context2.next = 18;
+            return form.validateFields([cellName]);
+          case 18:
+            setState({
+              cellNamePath: []
+            });
+          case 19:
+            if (virtualKey) {
+              // 单行编辑时需要 强制更新视图
+              setState({
+                forceUpdate: {
+                  d: Date.now()
+                }
+              });
+            }
+          case 20:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function _onblur() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var componentProps = _objectSpread(_objectSpread(_objectSpread({
+    form: form,
+    name: cellName,
+    placeholder: _placeholder
+  }, fieldProps), (_TargetComponent4 = TargetComponent) === null || _TargetComponent4 === void 0 ? void 0 : _TargetComponent4.props), {}, {
+    disabled: _disabled,
+    onChange: _onchange,
+    onBlur: _onblur,
+    otherProps: {
+      viewEmpty: viewEmpty,
+      valueType: valueType,
+      isView: isView
+    }
+  });
+  // 单元格编辑时，设置各个单元格disabled属性
+  if (isCell) {
+    record["$".concat(dataIndex, "Disabled")] = _disabled;
+    form.setFieldValue([].concat(_toConsumableArray(namePath), [index, "$".concat(dataIndex, "Disabled")]), _disabled);
+  }
+  // if (isCell) {
+  //   _formItemProps.validateTrigger = 'onBlur';
+  // }
+  if (['Switch', 'Checkbox'].includes(type)) {
+    _formItemProps.valuePropName = 'checked';
+  }
+  useEffect(function () {
+    if (isCell) {
+      var _editingDom$focus;
+      var editingDom = document.getElementById(cellNamePath.join('_'));
+      editingDom === null || editingDom === void 0 ? void 0 : (_editingDom$focus = editingDom.focus) === null || _editingDom$focus === void 0 ? void 0 : _editingDom$focus.call(editingDom);
+    }
+  }, [cellNamePath]);
+  return /*#__PURE__*/React.createElement(_Form.Item, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    validateFirst: true,
+    noStyle: !isEditing
+  }, defaultTransform()), valueTypeTransform()), namesTransform()), omit(_formItemProps, ['render', 'cache', 'key'])), {}, {
+    name: cellName,
+    rules: _rules
+  }), /*#__PURE__*/React.isValidElement(TargetComponent) ? /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange']))) : /*#__PURE__*/React.createElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange']))));
+};
+export default RenderField;

package/es/ProEditTable/components/RenderToolbar/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderToolbar: (config: any) => JSX.Element;
+export default RenderToolbar;