@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,89 @@
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import React, { cloneElement } from 'react';
+export default function ProRangeBox(_ref) {
+  var _ref$configOption = _ref.configOption,
+    configOption = _ref$configOption === void 0 ? [] : _ref$configOption;
+  var CutMiddle = function CutMiddle() {
+    return /*#__PURE__*/React.createElement(_Input, {
+      className: "site-input-split",
+      style: {
+        width: 40,
+        borderLeft: 0,
+        borderRight: 0,
+        pointerEvents: 'none'
+      },
+      placeholder: "~",
+      disabled: true
+    });
+  };
+  return /*#__PURE__*/React.createElement(_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.createElement(React.Fragment, {
+        key: ind
+      }, /*#__PURE__*/React.createElement(_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__*/cloneElement(_item.component, _objectSpread({
+        disabled: _item.disabled
+      }, _item)) : ''), ind === 0 && /*#__PURE__*/React.createElement(CutMiddle, null));
+    }
+    if ((_item === null || _item === void 0 ? void 0 : _item.type) === 'inputNumber') {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: ind
+      }, /*#__PURE__*/React.createElement(_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.createElement(_InputNumber, _objectSpread({
+        styles: {
+          width: '100%'
+        }
+      }, _item))), ind === 0 && /*#__PURE__*/React.createElement(CutMiddle, null));
+    }
+    if ((_item === null || _item === void 0 ? void 0 : _item.type) === 'Select') {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: ind
+      }, /*#__PURE__*/React.createElement(_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.createElement(_Select, _objectSpread({
+        allowClear: true,
+        style: {
+          width: '100%'
+        }
+      }, _item))), ind === 0 && /*#__PURE__*/React.createElement(CutMiddle, null));
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: ind
+    }, /*#__PURE__*/React.createElement(_Col, {
+      key: _item === null || _item === void 0 ? void 0 : _item.id
+    }, /*#__PURE__*/React.createElement(_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.createElement(_Input, _objectSpread(_objectSpread({
+      style: {
+        width: '100%'
+      }
+    }, _item), {}, {
+      rules: _item === null || _item === void 0 ? void 0 : _item.rules
+    })))), ind === 0 && /*#__PURE__*/React.createElement(_Col, null, /*#__PURE__*/React.createElement(CutMiddle, null)));
+  }));
+}

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

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

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

@@ -0,0 +1 @@
+export {};

package/es/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/es/ProForm/components/render/Render.js

@@ -0,0 +1,369 @@
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 = ["labelWidth", "hiddenNames", "trim", "className", "rules", "required", "labelRequired", "tooltip"];
+import React, { useEffect, useMemo, useRef } from 'react';
+import classNames from 'classnames';
+import { ReactSVG } from 'react-svg';
+import { cloneDeep, isBoolean, isFunction, isString, merge, omit } from 'lodash';
+import useShouldUpdate from '../../utils/useShouldUpdate';
+import { isNullArray, isTrim, filterInternalFields } from '../../utils/index';
+import transformNames from '../../utils/transformNames';
+import valueTypeMap from '../../utils/valueType';
+import { useChanged } from '../../utils/useChanged';
+import { rulesCreator } from '../../utils/rulesCreator';
+import tipSvg from '../../../assets/tip.svg';
+// 这个组件只管渲染, 参数的整理在外部处理
+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 = _objectWithoutProperties(formItemProps, _excluded);
+  // 更新show & disabled & rules
+  var _useShouldUpdate = useShouldUpdate({
+      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 = 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 = useChanged(formItemProps.name, otherProps.names, namesStr, originalValues, form, equalWith);
+  // 根据 required 添加 rules
+  var internalRule = 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(_toConsumableArray(rules), [rule]) : [rule];
+      }
+    }
+    return result;
+  }, [_rules, _required]);
+  // type转换为内置rules
+  internalRule.rules = internalRule.rules && rulesCreator(internalRule.rules, otherProps.label, isSelect);
+  useEffect(function () {
+    if (otherProps.names && !isBoolean(labelRequired)) {
+      var customRequired = {
+        validator: function validator(rules, value) {
+          if (Array.isArray(value) && 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 = _objectSpread(_objectSpread({}, otherProps), otherFormItemProps);
+    return isFunction(valueTypeMap[valueType]) ? valueTypeMap[valueType](params) : {};
+  };
+  /**
+   * transform对象
+   * 存在names通过transformNames转换平铺处理
+   * 没有默认走valueType的处理
+   */
+  var transforms = Array.isArray(otherProps === null || otherProps === void 0 ? void 0 : otherProps.names) ? transformNames(_objectSpread(_objectSpread({}, otherFormItemProps), valueTypeTransform()),
+  // 合并valueType的transform
+  form, otherProps.names, namesStr) : valueTypeTransform();
+  // ↑↑↑↑↑↑  formItem参数整理  ↑↑↑↑↑↑
+  Object.assign(otherFormItemProps, transforms, {
+    names: otherProps.names
+  }, internalRule, labelRequired || _required ? {
+    required: true
+  } : null, _objectSpread({}, isTrim(type, trim)));
+  /** 移除多余参数，防止透传给formItem报错 */
+  var _otherFormItemProps = 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 = _objectSpread(_objectSpread(_objectSpread({}, componentProps), _fieldProps), {}, {
+    disabled: lastDisabled
+  });
+  var formRef = useRef(form);
+  var formUid = 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
+        }
+      }
+    };
+    merge(lastComponentProps, addProps);
+  }
+  var _className = classNames((_classNames = {}, _defineProperty(_classNames, className, className), _defineProperty(_classNames, 'pro-form-item-changed', changed), _defineProperty(_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.createElement(_Form.Item, _objectSpread(_objectSpread({}, _otherFormItemProps), {}, {
+      className: _className,
+      noStyle: true,
+      hidden: true,
+      rules: [{
+        required: false
+      }]
+    }), /*#__PURE__*/React.createElement(_Input, null));
+  }
+  /**
+   * 函数新参数组装
+   */
+  var functionArgs = function functionArgs(args) {
+    var _otherFormItemProps$n;
+    var _args = _toConsumableArray(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] = filterInternalFields(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.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(_toConsumableArray(_args)))) || ((_lastComponentProps$c = lastComponentProps[changeKey]) === null || _lastComponentProps$c === void 0 ? void 0 : _lastComponentProps$c.call.apply(_lastComponentProps$c, [lastComponentProps].concat(_toConsumableArray(_args))));
+      return false;
+    }
+    (_lastComponentProps$c2 = lastComponentProps[changeKey]) === null || _lastComponentProps$c2 === void 0 ? void 0 : _lastComponentProps$c2.call.apply(_lastComponentProps$c2, [lastComponentProps].concat(_toConsumableArray(_args)));
+  };
+  /**
+   * onBlur参数重置 (value, record, { form, index, namePath, option }) => void
+   */
+  var handleBlur = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _len2,
+        args,
+        _key2,
+        _args,
+        _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 = 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, _toConsumableArray(_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.createElement(_Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(_Form.List, _objectSpread({}, _otherFormItemProps), function (fields, operation, meta) {
+      return /*#__PURE__*/React.createElement(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+        otherProps: otherProps,
+        fields: fields,
+        operation: operation,
+        meta: meta
+      }));
+    }));
+  }
+  var renderItem = function renderItem() {
+    // 表单渲染 start
+    var childProps = _objectSpread(_objectSpread(_objectSpread({}, AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props), omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+      // @ts-ignore
+      otherProps: otherProps,
+      onChange: handleChange,
+      onBlur: handleBlur
+    });
+    // 自定义组件移除otherProps参数
+    if (originComponent) {
+      delete childProps.otherProps;
+    }
+    var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? /*#__PURE__*/React.cloneElement(AutoComponent, childProps) : /*#__PURE__*/React.createElement(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+      otherProps: otherProps,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }));
+    // 表单渲染 end
+    if (labelWidth) {
+      _otherFormItemProps.label = /*#__PURE__*/React.createElement("span", {
+        style: {
+          width: labelWidth
+        }
+      }, otherFormItemProps.label);
+    }
+    // 表单提示
+    if (tooltip) {
+      _otherFormItemProps.tooltip = {
+        title: isString(tooltip) ? tooltip : tooltip.title,
+        icon: isString(tooltip) ? /*#__PURE__*/React.createElement(ReactSVG, {
+          className: "pro-icon-tip",
+          src: tipSvg
+        }) : tooltip.icon
+      };
+    }
+    // 当存在shouldUpdate时补货所有form变更（防止表单onchange设置form值时无法更新的问题）
+    if (_otherFormItemProps.shouldUpdate) {
+      return /*#__PURE__*/React.createElement(_Form.Item, {
+        shouldUpdate: _otherFormItemProps.shouldUpdate,
+        noStyle: true
+      }, function () {
+        return /*#__PURE__*/React.createElement(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, ['onFieldChange', 'shouldUpdate', 'namePath'])), {}, {
+          className: _className
+        }), child);
+      });
+    }
+    return /*#__PURE__*/React.createElement(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, ['onFieldChange', 'shouldUpdate', 'namePath'])), {}, {
+      className: _className
+    }), child);
+  };
+  return /*#__PURE__*/React.createElement(_Col, _objectSpread({}, 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.createElement(_Form.Item, {
+      hidden: true,
+      name: name,
+      key: name
+    }, /*#__PURE__*/React.createElement(_Input, null));
+  }) : null);
+};
+export default Render;

package/es/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;

package/es/ProForm/components/render/RenderFields.js

@@ -0,0 +1,176 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow"];
+import React from 'react';
+import { cloneDeep, isFunction, union } from 'lodash';
+import Render from './Render';
+import { filterInternalFields } from '../../utils/index';
+import * as componentMap from '../index';
+import { isSelect } from '../../utils';
+var RenderFields = function RenderFields(props) {
+  var isView = props.isView,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    formDisabled = props.disabled,
+    form = props.form,
+    expand = props.expand,
+    defaultColProps = props.colProps,
+    _props$viewEmpty = props.viewEmpty,
+    viewEmpty = _props$viewEmpty === void 0 ? '-' : _props$viewEmpty,
+    openState = props.openState,
+    labelWidth = props.labelWidth,
+    originalValues = props.originalValues,
+    outerClearNotShow = props.clearNotShow;
+  // 是否包含隐藏字段
+  var hiddenData = columns.filter(function (item) {
+    return Array.isArray(item.hiddenNames);
+  }) || [];
+  // 创建hidden字段供表单收集
+  if (hiddenData.length) {
+    var hiddenArray = [];
+    hiddenData.forEach(function (item) {
+      hiddenArray = hiddenArray.concat(item.hiddenNames);
+    });
+    hiddenArray.forEach(function (item) {
+      columns.push({
+        name: Array.isArray(item) ? item : "".concat(item),
+        hidden: true
+      });
+    });
+  }
+  var comList = columns.flatMap(function (column, index) {
+    if (!!expand && !openState && index >= expand) {
+      return [];
+    }
+    var show = column.show,
+      type = column.type,
+      viewRender = column.viewRender,
+      viewType = column.viewType,
+      valueType = column.valueType,
+      _column$formItemProps = column.formItemProps,
+      formItemProps = _column$formItemProps === void 0 ? {} : _column$formItemProps,
+      _column$colProps = column.colProps,
+      colProps = _column$colProps === void 0 ? {} : _column$colProps,
+      _column$formItemChild = column.formItemChildProps,
+      formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
+      _column$fieldProps = column.fieldProps,
+      fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
+      _column$disabled = column.disabled,
+      disabled = _column$disabled === void 0 ? false : _column$disabled,
+      equalWith = column.equalWith,
+      _column$clearNotShow = column.clearNotShow,
+      clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
+      otherFormItemProps = _objectWithoutProperties(column, _excluded);
+    var component = column.component;
+    // 允许formItem的属性放在column最外层 并优先级高于 formItemProps 内部参数
+    var _formItemProps = _objectSpread(_objectSpread(_objectSpread({}, formItemProps), otherFormItemProps), {}, {
+      clearNotShow: clearNotShow
+    });
+    _formItemProps.labelWidth = _formItemProps.labelWidth || labelWidth; // 接收Form中的labelWidth
+    if (type && component) {
+      console.error('Warning: type and component are mutually exclusive. type will not take effect');
+    }
+    var _type = type || 'Input';
+    var TargetComponent;
+    // 查看高阶函数
+    var viewRenderHandle = function viewRenderHandle() {
+      var _column$namePath;
+      var value = form.getFieldValue(column.name);
+      var record = form.getFieldsValue();
+      var index;
+      // FormList场景
+      if (Array.isArray(column === null || column === void 0 ? void 0 : column.namePath) && (column === null || column === void 0 ? void 0 : (_column$namePath = column.namePath) === null || _column$namePath === void 0 ? void 0 : _column$namePath.length)) {
+        value = form.getFieldValue(union(column.namePath, (column === null || column === void 0 ? void 0 : column.name) || []));
+        record = filterInternalFields(cloneDeep(form.getFieldValue(column.namePath)));
+        index = column === null || column === void 0 ? void 0 : column.index;
+      }
+      return viewRender ? viewRender(value, record, {
+        form: form,
+        index: index,
+        namePath: column === null || column === void 0 ? void 0 : column.namePath
+      }) || null : null;
+    };
+    if (typeof _type === 'string') {
+      TargetComponent = isView && viewRender ? viewRenderHandle : componentMap[_type];
+    }
+    if (component && /*#__PURE__*/React.isValidElement(component)) {
+      var _newComponent$props;
+      var newComponent = component;
+      var isProEditTable = (newComponent === null || newComponent === void 0 ? void 0 : (_newComponent$props = newComponent.props) === null || _newComponent$props === void 0 ? void 0 : _newComponent$props.onlyOneLineMsg) === '请先保存数据';
+      TargetComponent = isView ? viewRenderHandle || '' : component;
+      // 可编辑表格内部支持
+      if (isProEditTable) {
+        TargetComponent = isView ? viewRenderHandle || component : component;
+      }
+    }
+    var label = formItemChildProps.label,
+      comDisabled = formItemChildProps.disabled,
+      placeholder = formItemChildProps.placeholder,
+      dataSource = formItemChildProps.dataSource;
+    var formLabel = _formItemProps.label;
+    var _disabled = comDisabled === undefined ? formDisabled : comDisabled;
+    // 当前组件是不是一个选择组件
+    var _isSelect = isSelect({
+      dataSource: dataSource,
+      type: _type
+    });
+    var _placeholder = placeholder || "".concat(_isSelect ? '请选择' : '请输入').concat(label || formLabel || '');
+    // 表单组件Props 兼容2.0版本
+    var _fieldProps = _objectSpread(_objectSpread({
+      disabled: disabled
+    }, formItemChildProps), fieldProps);
+    if (formDisabled) {
+      _fieldProps.disabled = formDisabled;
+      // _disabled = formDisabled;
+    }
+
+    var componentProps = _objectSpread({
+      disabled: _disabled,
+      placeholder: _placeholder,
+      disabledStrictly: true
+    }, _fieldProps);
+    // switch与SwitchCheckbox单独添加valuePropName
+    if (['Switch', 'SwitchCheckbox'].includes(_type)) {
+      _formItemProps.valuePropName = 'checked';
+    }
+    // 没有找到对应组件  不渲染
+    if (!TargetComponent) {
+      return [];
+    }
+    var _colProps = _objectSpread(_objectSpread({}, defaultColProps), colProps);
+    // 其余参数收进对象里传给子组件 componentProps只包含子组件参数
+    var otherProps = {
+      label: _formItemProps.label,
+      name: _formItemProps.name,
+      disabled: formDisabled,
+      isView: isView || column.isView,
+      viewEmpty: viewEmpty,
+      valueType: valueType,
+      viewType: viewType,
+      names: _formItemProps.names,
+      form: form,
+      type: _type,
+      hiddenNames: column.hiddenNames,
+      colProps: _colProps
+    };
+    return /*#__PURE__*/React.createElement(Render, {
+      key: "".concat(_formItemProps.name || _formItemProps.label).concat(index),
+      show: show,
+      disabled: formDisabled,
+      form: form,
+      type: _type,
+      originComponent: component,
+      component: TargetComponent,
+      formItemProps: _formItemProps,
+      colProps: _colProps,
+      componentProps: componentProps,
+      otherProps: otherProps,
+      fieldProps: isFunction(fieldProps) ? fieldProps : null,
+      isSelect: _isSelect,
+      originalValues: originalValues,
+      equalWith: equalWith
+    });
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, comList);
+};
+export default RenderFields;