@zat-design/sisyphus-react 3.0.13

package/lib/ProForm/components/old/ProRangeBox/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ProRangeBox;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+function ProRangeBox(_ref) {
+  var _ref$configOption = _ref.configOption,
+    configOption = _ref$configOption === void 0 ? [] : _ref$configOption;
+  var CutMiddle = function CutMiddle() {
+    return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      className: "site-input-split",
+      style: {
+        width: 40,
+        borderLeft: 0,
+        borderRight: 0,
+        pointerEvents: 'none'
+      },
+      placeholder: "~",
+      disabled: true
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    style: {
+      display: 'flex'
+    },
+    className: "site-input-group-wrapper pro-range-box"
+  }, configOption === null || configOption === void 0 ? void 0 : configOption.map(function (_item, ind) {
+    if (_item === null || _item === void 0 ? void 0 : _item.component) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: ind
+      }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        noStyle: true,
+        name: _item === null || _item === void 0 ? void 0 : _item.name,
+        rules: _item === null || _item === void 0 ? void 0 : _item.rules
+      }, _item.component ? /*#__PURE__*/(0, _react.cloneElement)(_item.component, (0, _objectSpread2.default)({
+        disabled: _item.disabled
+      }, _item)) : ''), ind === 0 && /*#__PURE__*/_react.default.createElement(CutMiddle, null));
+    }
+    if ((_item === null || _item === void 0 ? void 0 : _item.type) === 'inputNumber') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: ind
+      }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        noStyle: true,
+        name: _item === null || _item === void 0 ? void 0 : _item.name,
+        rules: _item === null || _item === void 0 ? void 0 : _item.rules
+      }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, (0, _objectSpread2.default)({
+        styles: {
+          width: '100%'
+        }
+      }, _item))), ind === 0 && /*#__PURE__*/_react.default.createElement(CutMiddle, null));
+    }
+    if ((_item === null || _item === void 0 ? void 0 : _item.type) === 'Select') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: ind
+      }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        noStyle: true,
+        name: _item === null || _item === void 0 ? void 0 : _item.name,
+        rules: _item === null || _item === void 0 ? void 0 : _item.rules
+      }, /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _objectSpread2.default)({
+        allowClear: true,
+        style: {
+          width: '100%'
+        }
+      }, _item))), ind === 0 && /*#__PURE__*/_react.default.createElement(CutMiddle, null));
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: ind
+    }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+      key: _item === null || _item === void 0 ? void 0 : _item.id
+    }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      noStyle: true,
+      name: _item === null || _item === void 0 ? void 0 : _item.name,
+      rules: _item === null || _item === void 0 ? void 0 : _item.rules
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      style: {
+        width: '100%'
+      }
+    }, _item), {}, {
+      rules: _item === null || _item === void 0 ? void 0 : _item.rules
+    })))), ind === 0 && /*#__PURE__*/_react.default.createElement(_antd.Col, null, /*#__PURE__*/_react.default.createElement(CutMiddle, null)));
+  }));
+}

package/lib/ProForm/components/old/ProRangeBox/propsType.d.ts

@@ -0,0 +1,3 @@
+export interface ProRangeBoxPropsType {
+    configOption: any[];
+}

package/lib/ProForm/components/old/ProRangeBox/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/render/Render.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RenderProps } from './propsType';
+declare const Render: React.FC<RenderProps>;
+export default Render;

package/lib/ProForm/components/render/Render.js

@@ -0,0 +1,373 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactSvg = require("react-svg");
+var _lodash = require("lodash");
+var _useShouldUpdate2 = _interopRequireDefault(require("../../utils/useShouldUpdate"));
+var _index = require("../../utils/index");
+var _transformNames = _interopRequireDefault(require("../../utils/transformNames"));
+var _valueType = _interopRequireDefault(require("../../utils/valueType"));
+var _useChanged = require("../../utils/useChanged");
+var _rulesCreator = require("../../utils/rulesCreator");
+var _tip = _interopRequireDefault(require("../../../assets/tip.svg"));
+var _excluded = ["labelWidth", "hiddenNames", "trim", "className", "rules", "required", "labelRequired", "tooltip"];
+// 这个组件只管渲染, 参数的整理在外部处理
+var Render = function Render(props) {
+  var _classNames, _otherProps$names2;
+  var component = props.component,
+    originComponent = props.originComponent,
+    _props$formItemProps = props.formItemProps,
+    formItemProps = _props$formItemProps === void 0 ? {} : _props$formItemProps,
+    otherProps = props.otherProps,
+    colProps = props.colProps,
+    componentProps = props.componentProps,
+    _props$show = props.show,
+    show = _props$show === void 0 ? true : _props$show,
+    fieldProps = props.fieldProps,
+    form = props.form,
+    formDisabled = props.disabled,
+    type = props.type,
+    isSelect = props.isSelect,
+    originalValues = props.originalValues,
+    equalWith = props.equalWith;
+  // 剔除一些不是FormItem的属性, 防止控制台报warning
+  var labelWidth = formItemProps.labelWidth,
+    hiddenNames = formItemProps.hiddenNames,
+    trim = formItemProps.trim,
+    className = formItemProps.className,
+    rules = formItemProps.rules,
+    required = formItemProps.required,
+    labelRequired = formItemProps.labelRequired,
+    tooltip = formItemProps.tooltip,
+    otherFormItemProps = (0, _objectWithoutProperties2.default)(formItemProps, _excluded);
+  // 更新show & disabled & rules
+  var _useShouldUpdate = (0, _useShouldUpdate2.default)({
+      show: show,
+      formItemProps: formItemProps,
+      form: form,
+      disabled: componentProps.disabled,
+      rules: rules,
+      required: required,
+      componentProps: componentProps,
+      fieldProps: fieldProps,
+      component: component,
+      originComponent: originComponent
+    }),
+    shouldUpdate = _useShouldUpdate.shouldUpdate,
+    _show = _useShouldUpdate.show,
+    _disabled = _useShouldUpdate.disabled,
+    _rules = _useShouldUpdate.rules,
+    _required = _useShouldUpdate.required,
+    _componentProps = _useShouldUpdate.componentProps,
+    _fieldProps = _useShouldUpdate.fieldProps,
+    AutoComponent = _useShouldUpdate.component;
+  otherFormItemProps.shouldUpdate = shouldUpdate;
+  var namesStr = (0, _react.useMemo)(function () {
+    var _otherProps$names;
+    if (!Array.isArray(otherProps === null || otherProps === void 0 ? void 0 : otherProps.names)) {
+      return '';
+    }
+    // formList场景 name为数组
+    if (Array.isArray(otherProps === null || otherProps === void 0 ? void 0 : otherProps.name)) {
+      return otherProps === null || otherProps === void 0 ? void 0 : otherProps.name;
+    }
+    return (_otherProps$names = otherProps.names) === null || _otherProps$names === void 0 ? void 0 : _otherProps$names.map(function (name) {
+      return Array.isArray(name) ? name.join('_') : name;
+    }).join('-');
+  }, [otherProps === null || otherProps === void 0 ? void 0 : otherProps.names]);
+  // 判断当前字段是否
+  var changed = (0, _useChanged.useChanged)(formItemProps.name, otherProps.names, namesStr, originalValues, form, equalWith);
+  // 根据 required 添加 rules
+  var internalRule = (0, _react.useMemo)(function () {
+    var result = {
+      rules: _rules || []
+    };
+    if (_required === true) {
+      var requiredRule = Array.isArray(rules) && (rules === null || rules === void 0 ? void 0 : rules.find(function (rule) {
+        return 'required' in rule;
+      }));
+      if (!requiredRule) {
+        var message = isSelect ? "\u8BF7\u9009\u62E9".concat(otherFormItemProps.label || '') : "\u8BF7\u8F93\u5165".concat(otherFormItemProps.label || '');
+        var rule = {
+          required: _required,
+          message: message
+        };
+        result.rules = Array.isArray(rules) ? [].concat((0, _toConsumableArray2.default)(rules), [rule]) : [rule];
+      }
+    }
+    return result;
+  }, [_rules, _required]);
+  // type转换为内置rules
+  internalRule.rules = internalRule.rules && (0, _rulesCreator.rulesCreator)(internalRule.rules, otherProps.label, isSelect);
+  (0, _react.useEffect)(function () {
+    if (otherProps.names && !(0, _lodash.isBoolean)(labelRequired)) {
+      var customRequired = {
+        validator: function validator(rules, value) {
+          if (Array.isArray(value) && (0, _index.isNullArray)(value, otherProps.names.length)) {
+            return Promise.reject(new Error("\u8BF7\u5B8C\u6574\u586B\u5199".concat(otherFormItemProps.label || '')));
+          }
+          return Promise.resolve();
+        }
+      };
+      internalRule.rules.push(customRequired);
+    }
+  }, [internalRule]);
+  /**
+   * 基于formItem的normalize与getValueProps进行值类型转换
+   * @returns {}
+   */
+  var valueTypeTransform = function valueTypeTransform() {
+    var _ref = otherProps || {},
+      valueType = _ref.valueType;
+    // SwitchCheckbox默认YN, 兼容已有组件
+    if (type === 'SwitchCheckbox') {
+      valueType = 'switch';
+    }
+    // 不存在valueType返回空
+    if (!valueType) {
+      return {};
+    }
+    var params = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), otherFormItemProps);
+    return (0, _lodash.isFunction)(_valueType.default[valueType]) ? _valueType.default[valueType](params) : {};
+  };
+  /**
+   * transform对象
+   * 存在names通过transformNames转换平铺处理
+   * 没有默认走valueType的处理
+   */
+  var transforms = Array.isArray(otherProps === null || otherProps === void 0 ? void 0 : otherProps.names) ? (0, _transformNames.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherFormItemProps), valueTypeTransform()),
+  // 合并valueType的transform
+  form, otherProps.names, namesStr) : valueTypeTransform();
+  // ↑↑↑↑↑↑  formItem参数整理  ↑↑↑↑↑↑
+  Object.assign(otherFormItemProps, transforms, {
+    names: otherProps.names
+  }, internalRule, labelRequired || _required ? {
+    required: true
+  } : null, (0, _objectSpread2.default)({}, (0, _index.isTrim)(type, trim)));
+  /** 移除多余参数，防止透传给formItem报错 */
+  var _otherFormItemProps = (0, _lodash.omit)(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
+  // 优先取formDisabled（全局），其次取disabled函数返回值，最后取fieldProps函数返回的disabled
+  var lastDisabled = componentProps.disabledStrictly ? formDisabled || _disabled || (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) : false;
+  // 取更新后的组件Props
+  var lastComponentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), _fieldProps), {}, {
+    disabled: lastDisabled
+  });
+  var formRef = (0, _react.useRef)(form);
+  var formUid = (0, _react.useMemo)(function () {
+    if (formRef.current !== form) {
+      return Math.random().toString(36).slice(-6);
+    }
+  }, [form]);
+  if (type === 'ProSelect' && lastComponentProps.cacheData) {
+    var name = _otherFormItemProps.name;
+    var nameStr = formUid + Array.isArray(name) ? name.join('-') : name;
+    var addProps = {
+      useRequest: {
+        options: {
+          cacheKey: nameStr,
+          staleTime: lastComponentProps.cacheData === true ? -1 : lastComponentProps.cacheData
+        }
+      }
+    };
+    (0, _lodash.merge)(lastComponentProps, addProps);
+  }
+  var _className = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, className, className), (0, _defineProperty2.default)(_classNames, 'pro-form-item-changed', changed), (0, _defineProperty2.default)(_classNames, 'label-width', labelWidth !== undefined), _classNames));
+  if (formItemProps.hidden === true || _show === false) {
+    // 为了监听shouldUpdate  必须存在一个FormItem, 空Input解决 【[antd: Form.Item] `name` is only used for validate React element】
+    return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _otherFormItemProps), {}, {
+      className: _className,
+      noStyle: true,
+      hidden: true,
+      rules: [{
+        required: false
+      }]
+    }), /*#__PURE__*/_react.default.createElement(_antd.Input, null));
+  }
+  /**
+   * 函数新参数组装
+   */
+  var functionArgs = function functionArgs(args) {
+    var _otherFormItemProps$n;
+    var _args = (0, _toConsumableArray2.default)(args);
+    var _ref2 = otherProps || {},
+      valueType = _ref2.valueType;
+    _args[1] = form.getFieldsValue();
+    _args[2] = {
+      form: form
+    };
+    // 优先处理FormList场景
+    if (Array.isArray(_otherFormItemProps.namePath) && (_otherFormItemProps === null || _otherFormItemProps === void 0 ? void 0 : (_otherFormItemProps$n = _otherFormItemProps.namePath) === null || _otherFormItemProps$n === void 0 ? void 0 : _otherFormItemProps$n.length)) {
+      var _otherFormItemProps$n2;
+      _args[1] = (0, _index.filterInternalFields)((0, _lodash.cloneDeep)(form.getFieldValue(_otherFormItemProps.namePath)));
+      _args[2].namePath = _otherFormItemProps.namePath;
+      _args[2].index = _otherFormItemProps.namePath[(_otherFormItemProps === null || _otherFormItemProps === void 0 ? void 0 : (_otherFormItemProps$n2 = _otherFormItemProps.namePath) === null || _otherFormItemProps$n2 === void 0 ? void 0 : _otherFormItemProps$n2.length) - 1];
+    }
+    // 返回表单元素默认值
+    _args[2].extra = args;
+    // 当设置valueType后返回转换后的值
+    if (valueType) {
+      _args[2].transformValue = form.getFieldValue(_otherFormItemProps === null || _otherFormItemProps === void 0 ? void 0 : _otherFormItemProps.name) || undefined;
+    }
+    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;
+  };
+  /**
+   * onChange参数重置 (value, record, { form, index, namePath, option }) => void
+   */
+  var handleChange = function handleChange() {
+    var _lastComponentProps$c2;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var _args = [].concat(args);
+    // 优先使用onFieldChange
+    var changeKey = Object.keys(lastComponentProps).includes('onFieldChange') ? 'onFieldChange' : 'onChange';
+    if (changeKey === 'onChange') {
+      _args[2] = form;
+    }
+    if (changeKey === 'onFieldChange') {
+      _args = functionArgs([].concat(args));
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(AutoComponent)) {
+      var _AutoComponent$props$, _AutoComponent$props, _lastComponentProps$c;
+      ((_AutoComponent$props$ = (_AutoComponent$props = AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props)[changeKey]) === null || _AutoComponent$props$ === void 0 ? void 0 : _AutoComponent$props$.call.apply(_AutoComponent$props$, [_AutoComponent$props].concat((0, _toConsumableArray2.default)(_args)))) || ((_lastComponentProps$c = lastComponentProps[changeKey]) === null || _lastComponentProps$c === void 0 ? void 0 : _lastComponentProps$c.call.apply(_lastComponentProps$c, [lastComponentProps].concat((0, _toConsumableArray2.default)(_args))));
+      return false;
+    }
+    (_lastComponentProps$c2 = lastComponentProps[changeKey]) === null || _lastComponentProps$c2 === void 0 ? void 0 : _lastComponentProps$c2.call.apply(_lastComponentProps$c2, [lastComponentProps].concat((0, _toConsumableArray2.default)(_args)));
+  };
+  /**
+   * onBlur参数重置 (value, record, { form, index, namePath, option }) => void
+   */
+  var handleBlur = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _len2,
+        args,
+        _key2,
+        _args,
+        _args2 = arguments;
+      return (0, _regeneratorRuntime2.default)().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 = functionArgs([].concat(args));
+            _context.t0 = lastComponentProps === null || lastComponentProps === void 0 ? void 0 : lastComponentProps.onBlur;
+            if (!_context.t0) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 6;
+            return lastComponentProps === null || lastComponentProps === void 0 ? void 0 : lastComponentProps.onBlur.apply(lastComponentProps, (0, _toConsumableArray2.default)(_args));
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleBlur() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  if (type === 'FormList') {
+    lastComponentProps.disabled = lastDisabled;
+    return /*#__PURE__*/_react.default.createElement(_antd.Col, {
+      span: 24
+    }, /*#__PURE__*/_react.default.createElement(_antd.Form.List, (0, _objectSpread2.default)({}, _otherFormItemProps), function (fields, operation, meta) {
+      return /*#__PURE__*/_react.default.createElement(AutoComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+        otherProps: otherProps,
+        fields: fields,
+        operation: operation,
+        meta: meta
+      }));
+    }));
+  }
+  var renderItem = function renderItem() {
+    // 表单渲染 start
+    var childProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props), (0, _lodash.omit)(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+      // @ts-ignore
+      otherProps: otherProps,
+      onChange: handleChange,
+      onBlur: handleBlur
+    });
+    // 自定义组件移除otherProps参数
+    if (originComponent) {
+      delete childProps.otherProps;
+    }
+    var child = /*#__PURE__*/_react.default.isValidElement(AutoComponent) ? /*#__PURE__*/_react.default.cloneElement(AutoComponent, childProps) : /*#__PURE__*/_react.default.createElement(AutoComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+      otherProps: otherProps,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }));
+    // 表单渲染 end
+    if (labelWidth) {
+      _otherFormItemProps.label = /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          width: labelWidth
+        }
+      }, otherFormItemProps.label);
+    }
+    // 表单提示
+    if (tooltip) {
+      _otherFormItemProps.tooltip = {
+        title: (0, _lodash.isString)(tooltip) ? tooltip : tooltip.title,
+        icon: (0, _lodash.isString)(tooltip) ? /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+          className: "pro-icon-tip",
+          src: _tip.default
+        }) : tooltip.icon
+      };
+    }
+    // 当存在shouldUpdate时补货所有form变更（防止表单onchange设置form值时无法更新的问题）
+    if (_otherFormItemProps.shouldUpdate) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        shouldUpdate: _otherFormItemProps.shouldUpdate,
+        noStyle: true
+      }, function () {
+        return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, ['onFieldChange', 'shouldUpdate', 'namePath'])), {}, {
+          className: _className
+        }), child);
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(_otherFormItemProps, ['onFieldChange', 'shouldUpdate', 'namePath'])), {}, {
+      className: _className
+    }), child);
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Col, (0, _objectSpread2.default)({}, colProps), renderItem(), (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$names2 = otherProps.names) === null || _otherProps$names2 === void 0 ? void 0 : _otherProps$names2.length) ? otherProps.names.map(function (name) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      hidden: true,
+      name: name,
+      key: name
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, null));
+  }) : null);
+};
+var _default = Render;
+exports.default = _default;

package/lib/ProForm/components/render/RenderFields.d.ts

@@ -0,0 +1,20 @@
+import { ColProps } from 'antd';
+import { FormInstance } from 'antd/es/form/Form';
+import React from 'react';
+import { ProColumnProps } from './propsType';
+import { ProFormProps } from '../../propsType';
+interface Props<T = any> {
+    isView?: boolean;
+    columns: ProColumnProps[];
+    disabled?: boolean;
+    form: FormInstance<T>;
+    expand?: false | number;
+    colProps?: ColProps;
+    viewEmpty?: React.ReactNode;
+    openState?: boolean;
+    labelWidth?: string | number;
+    originalValues?: ProFormProps<T>['originalValues'];
+    clearNotShow?: boolean;
+}
+declare const RenderFields: React.FC<Props>;
+export default RenderFields;