@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,185 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var _Render = _interopRequireDefault(require("./Render"));
+var _index = require("../../utils/index");
+var componentMap = _interopRequireWildcard(require("../index"));
+var _utils = require("../../utils");
+var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow"];
+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 = (0, _objectWithoutProperties2.default)(column, _excluded);
+    var component = column.component;
+    // 允许formItem的属性放在column最外层 并优先级高于 formItemProps 内部参数
+    var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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((0, _lodash.union)(column.namePath, (column === null || column === void 0 ? void 0 : column.name) || []));
+        record = (0, _index.filterInternalFields)((0, _lodash.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.default.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 = (0, _utils.isSelect)({
+      dataSource: dataSource,
+      type: _type
+    });
+    var _placeholder = placeholder || "".concat(_isSelect ? '请选择' : '请输入').concat(label || formLabel || '');
+    // 表单组件Props 兼容2.0版本
+    var _fieldProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      disabled: disabled
+    }, formItemChildProps), fieldProps);
+    if (formDisabled) {
+      _fieldProps.disabled = formDisabled;
+      // _disabled = formDisabled;
+    }
+
+    var componentProps = (0, _objectSpread2.default)({
+      disabled: _disabled,
+      placeholder: _placeholder,
+      disabledStrictly: true
+    }, _fieldProps);
+    // switch与SwitchCheckbox单独添加valuePropName
+    if (['Switch', 'SwitchCheckbox'].includes(_type)) {
+      _formItemProps.valuePropName = 'checked';
+    }
+    // 没有找到对应组件  不渲染
+    if (!TargetComponent) {
+      return [];
+    }
+    var _colProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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.default.createElement(_Render.default, {
+      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: (0, _lodash.isFunction)(fieldProps) ? fieldProps : null,
+      isSelect: _isSelect,
+      originalValues: originalValues,
+      equalWith: equalWith
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, comList);
+};
+var _default = RenderFields;
+exports.default = _default;

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

@@ -0,0 +1,210 @@
+import { ColProps, FormInstance, FormItemProps } from 'antd';
+import { NamePath } from 'antd/lib/form/interface';
+import React from 'react';
+import { validate, regExp } from '@zat-design-pro-component/utils';
+import { Rule } from 'antd/lib/form';
+import * as componentMap from '../index';
+import { IProps as InputProps } from '../base/Input/propsType';
+import { Props as InputNumberProps } from '../base/InputNumber';
+import { Props as RadioProps } from '../base/Radio';
+import { Props as CheckboxProps } from '../base/Checkbox';
+import { Props as DatePickerProps } from '../base/DatePicker';
+import { Props as RangePickerProps } from '../base/RangePicker';
+import { Props as FormListProps } from '../base/FormList';
+import { Props as SelectProps } from '../base/Select';
+import { Props as SwitchProps } from '../base/Switch';
+import { Props as SwitchCheckboxProps } from '../base/SwitchCheckbox';
+import { Props as TextAreaProps } from '../base/TextArea';
+import { AddressProps } from '../combination/ProAddressBar/propsType';
+import { ProCombinationProps } from '../combination/ProCombination/propsType';
+import { ProModalSelectPropsType as ProModalSelectProps } from '../combination/ProModalSelect/propsType';
+import { ProNumberRangeProps } from '../combination/ProNumberRange/propsType';
+import { Props as ProTimeLimitProps } from '../combination/ProTimeLimit';
+import { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
+import { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
+import { ProEditTableProps } from '../../../ProEditTable/propsType';
+export type ComponentMap = keyof typeof componentMap;
+type ValidateKey = keyof typeof validate;
+type RegExpKey = keyof typeof regExp;
+interface ExtendType {
+    type?: ValidateKey | RegExpKey;
+}
+export type ProRule = Rule | ExtendType;
+/**
+ * percent 百分比 permillage 千分比 amount 金额
+ */
+export type ViewType = 'percent' | 'permillage' | 'amount' | 'thousandth';
+export type PartialOf<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+interface ControlProps {
+    value?: unknown;
+    onChange?: (...args: any[]) => void;
+}
+/**
+ * 扩展函数的参数
+ */
+type FunctionArgs<Values> = (value: any, record: any, { form, index, namePath, option, selectedOptions, dateString, }: {
+    form: FormInstance<Values>;
+    index?: number;
+    namePath?: NamePath;
+    [key: string]: any;
+}) => any;
+type TransformToFormField<T extends ControlProps, Values> = Omit<T, 'onChange' | 'value'> & {
+    value?: T['value'];
+    onChange?: (value: Parameters<T['onChange']>[0], options: Parameters<T['onChange']>[1], form: FormInstance<Values>) => void;
+    onFieldChange?: FunctionArgs<Values>;
+    dataSource?: any[];
+    /** ProForm disable时，是否完全受控 */
+    disabledStrictly?: boolean;
+};
+type TransformToTableField<T extends ControlProps, Values> = Omit<T, 'onChange' | 'value' | 'onBlur'> & {
+    value?: T['value'];
+    onChange?: (value: Parameters<T['onChange']>[0], options: Parameters<T['onChange']>[1], record: any, index: number, form: FormInstance<Values>) => void;
+    onFieldChange?: FunctionArgs<Values>;
+    onBlur?: FunctionArgs<Values>;
+};
+export type ReactiveFunction<Values, R> = (values: Values, { form, index, namePath, }: {
+    form: FormInstance<Values>;
+    index?: number;
+    namePath?: NamePath;
+    [key: string]: any;
+}) => R;
+type FieldProps<T extends {
+    onChange?: (...args: any[]) => void;
+}, Values, TT> = TT extends 'ProForm' ? TransformToFormField<T, Values> | ReactiveFunction<Values, TransformToFormField<T, Values>> : TT extends 'ProEditTable' ? TransformToTableField<T, Values> | ((text: any, values: Values, index: number) => TransformToTableField<T, Values>) : any;
+/**
+ * 值转换
+ */
+export type ProFormValueType = 'percentage' | 'permillage' | 'thousandth' | 'datePicker' | 'enumName' | 'enumCodeName' | 'address' | 'thousandthCNY' | 'date' | 'dateTime' | 'dateStartTime' | 'dateEndTime' | 'dateStartEndTime' | 'switch';
+export type ColumnPropsMap<Values = any, T = 'ProForm'> = {
+    type?: 'Input';
+    fieldProps?: FieldProps<InputProps, Values, T>;
+} | {
+    type?: 'InputNumber';
+    fieldProps?: FieldProps<InputNumberProps, Values, T>;
+} | {
+    type?: 'Radio';
+    fieldProps?: FieldProps<RadioProps, Values, T>;
+} | {
+    type?: 'Checkbox';
+    fieldProps?: FieldProps<CheckboxProps, Values, T>;
+} | {
+    type?: 'DatePicker';
+    fieldProps?: FieldProps<DatePickerProps, Values, T>;
+} | {
+    type?: 'RangePicker';
+    fieldProps?: FieldProps<RangePickerProps, Values, T>;
+} | {
+    type?: 'FormList';
+    fieldProps?: FieldProps<Omit<FormListProps, 'fields' | 'operation' | 'meta'>, Values, T>;
+} | {
+    type?: 'Select';
+    fieldProps?: FieldProps<SelectProps, Values, T>;
+} | {
+    type?: 'Switch';
+    fieldProps?: FieldProps<SwitchProps, Values, T>;
+} | {
+    type?: 'SwitchCheckbox';
+    fieldProps?: FieldProps<SwitchCheckboxProps, Values, T>;
+} | {
+    type?: 'TextArea';
+    fieldProps?: FieldProps<TextAreaProps, Values, T>;
+} | {
+    type?: 'ProAddressBar';
+    fieldProps?: FieldProps<AddressProps, Values, T>;
+} | {
+    type?: 'ProCombination';
+    fieldProps?: FieldProps<ProCombinationProps, Values, T>;
+} | {
+    type?: 'ProModalSelect';
+    fieldProps?: FieldProps<ProModalSelectProps, Values, T>;
+} | {
+    type?: 'ProNumberRange';
+    fieldProps?: FieldProps<ProNumberRangeProps, Values, T>;
+} | {
+    type?: 'ProRangeLimit';
+    fieldProps?: FieldProps<ProNumberRangeProps, Values, T>;
+} | {
+    type?: 'ProTimeLimit';
+    fieldProps?: FieldProps<ProTimeLimitProps, Values, T>;
+} | {
+    type?: 'ProEnum';
+    fieldProps?: FieldProps<ProEnum, Values, T> & (PropProSelectsMap | PropRadioPropsMap | CheckboxPropsMap);
+} | {
+    type?: 'ProSelect';
+    fieldProps?: FieldProps<ProSelectProps, Values, T>;
+} | {
+    type?: 'ProEditTable';
+    fieldProps?: FieldProps<ProEditTableProps, Values, T>;
+};
+interface ProFormColumnProps<Values = any> extends Omit<FormItemProps<Values>, 'rules' | 'required'> {
+    component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;
+    names?: NamePath[];
+    show?: boolean | ReactiveFunction<Values, boolean>;
+    valueType?: ProFormValueType;
+    viewRender?: (value: any, record: Values, { form, index, namePath, }: {
+        form: FormInstance<Values>;
+        index?: number | undefined;
+        [key: string]: any;
+    }) => React.ReactElement<any, any> | string | undefined | null;
+    viewType?: ViewType;
+    colProps?: ColProps;
+    /**
+     * @description       表单item的props属性
+     * @deprecated        将于下个版本 4.0.0 被弃用
+     * @default           -
+     */
+    formItemProps?: FormItemProps<Values> & {
+        index?: number;
+        namePath?: NamePath;
+    };
+    /**
+     * @description       表单props属性
+     * @deprecated        将于下个版本 4.0.0 被弃用, 请使用fieldProps进行替换
+     * @default           -
+     */
+    labelWidth?: string | number;
+    disabled?: boolean | ReactiveFunction<Values, boolean>;
+    hiddenNames?: string[] | any[];
+    rules?: ProRule[] | ReactiveFunction<Values, ProRule[]>;
+    equalWith?: (originValue: any, currentValue: any) => boolean;
+    required?: boolean | ReactiveFunction<Values, boolean>;
+    labelRequired?: boolean;
+    toISOString?: boolean;
+    clearNotShow?: boolean;
+    index?: number;
+    namePath?: NamePath;
+}
+export type ProColumnProps<T = any> = ProFormColumnProps<T> & ColumnPropsMap<T, 'ProForm'>;
+/**
+ * 表单渲染类型
+ */
+export interface RenderProps<Values = any> {
+    component: any;
+    formItemProps: FormItemProps<Values> & {
+        labelWidth?: string | number;
+        disabled?: boolean;
+        hiddenNames?: string[];
+        trim?: boolean;
+        rules?: ProRule[];
+        labelRequired?: boolean;
+        tooltip?: any;
+        disabledStrictly?: boolean;
+    };
+    colProps: ColProps;
+    componentProps: {
+        disabledStrictly?: boolean;
+        [name: string]: any;
+    };
+    show?: boolean | ((values: Values, { form, index, namePath, }: {
+        form: FormInstance<Values>;
+        index?: number;
+        namePath?: NamePath;
+        [key: string]: any;
+    }) => boolean);
+    form: FormInstance<Values>;
+    fieldProps?: ReactiveFunction<Values, React.ReactNode>;
+    isSelect: boolean;
+    originalValues?: Values;
+    [name: string]: any;
+}
+export {};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var a = {
+  type: 'DatePicker',
+  fieldProps: {
+    showTime: true
+  }
+};

package/lib/ProForm/index.d.ts

@@ -0,0 +1,10 @@
+import { Form, FormInstance } from 'antd';
+import { ForwardRefRenderFunction } from 'react';
+import { ProFormProps } from './propsType';
+interface IProForm<T = any> extends ForwardRefRenderFunction<FormInstance<T>, ProFormProps<T>> {
+    useForm: typeof Form.useForm;
+    useWatch: typeof Form.useWatch;
+    [key: string]: any;
+}
+declare const ProFormForward: IProForm;
+export default ProFormForward;

package/lib/ProForm/index.js

@@ -0,0 +1,251 @@
+"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 _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _zatDesignProComponent = require("zat-design-pro-component");
+var _components = require("./components");
+var _RenderFields = _interopRequireDefault(require("./components/render/RenderFields"));
+var _index = require("./utils/index");
+var _useForm3 = require("./utils/useForm");
+var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow"];
+var ProForm = function ProForm(props, ref) {
+  var _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'search' : _props$mode,
+    span = props.span,
+    disabled = props.disabled,
+    isView = props.isView,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    footer = props.footer,
+    onOk = props.onOk,
+    okText = props.okText,
+    onCancel = props.onCancel,
+    confirmLoading = props.confirmLoading,
+    cancelText = props.cancelText,
+    originForm = props.form,
+    children = props.children,
+    rowProps = props.rowProps,
+    className = props.className,
+    expand = props.expand,
+    expandOpen = props.expandOpen,
+    expandOpenChange = props.expandOpenChange,
+    _props$viewEmpty = props.viewEmpty,
+    viewEmpty = _props$viewEmpty === void 0 ? '-' : _props$viewEmpty,
+    _props$labelAlign = props.labelAlign,
+    labelAlign = _props$labelAlign === void 0 ? 'left' : _props$labelAlign,
+    labelWidth = props.labelWidth,
+    onValuesChange = props.onValuesChange,
+    onFinish = props.onFinish,
+    originalValues = props.originalValues,
+    submitOnEnter = props.submitOnEnter,
+    _props$clearNotShow = props.clearNotShow,
+    clearNotShow = _props$clearNotShow === void 0 ? true : _props$clearNotShow,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useForm = (0, _useForm3.useForm)(originForm),
+    _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
+    form = _useForm2[0];
+  var _useControlled = (0, _index.useControlled)({
+      value: expandOpen,
+      onChange: expandOpenChange
+    }),
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    openState = _useControlled2[0],
+    setOpenState = _useControlled2[1];
+  var config = (0, _zatDesignProComponent.useProConfig)('ProForm');
+  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
+    'pro-form': true,
+    'pro-form-view': isView
+  }, className, className));
+  var _getLayout = (0, _index.getLayout)({
+      span: span,
+      mode: mode,
+      form: form
+    }),
+    formProps = _getLayout.formProps,
+    colProps = _getLayout.colProps,
+    modeFooter = _getLayout.modeFooter,
+    _onOk = _getLayout.onOk,
+    _onCancel = _getLayout.onCancel;
+  var _footer = footer !== null && footer !== void 0 ? footer : modeFooter;
+  (0, _react.useEffect)(function () {
+    // 初始化处理initialValues中包含names的场景
+    if ((0, _lodash.isObject)(otherProps === null || otherProps === void 0 ? void 0 : otherProps.initialValues) && Object.keys(otherProps === null || otherProps === void 0 ? void 0 : otherProps.initialValues).length) {
+      var values = (0, _index.initialValuesToNames)(otherProps === null || otherProps === void 0 ? void 0 : otherProps.initialValues, columns);
+      var formValues = form.getFieldsValue();
+      form.setFieldsValue((0, _lodash.merge)(values, formValues));
+    }
+  }, []);
+  /**
+   * 展开&收起函数
+   */
+  var expandHandle = function expandHandle() {
+    setOpenState === null || setOpenState === void 0 ? void 0 : setOpenState(!openState);
+  };
+  var expandRender = function expandRender() {
+    return !!expand && columns.length > Number(expand) && /*#__PURE__*/_react.default.createElement("div", {
+      className: "expand-button",
+      onClick: expandHandle
+    }, !openState ? /*#__PURE__*/_react.default.createElement(_antd.Space, null, "\u5C55\u5F00", /*#__PURE__*/_react.default.createElement(_icons.DoubleLeftOutlined, {
+      className: "rotate-to-bottom"
+    })) : /*#__PURE__*/_react.default.createElement(_antd.Space, null, "\u6536\u8D77", /*#__PURE__*/_react.default.createElement(_icons.DoubleLeftOutlined, {
+      className: "rotate-to-top"
+    })));
+  };
+  var defaultFooter = function defaultFooter() {
+    // 查看和disabled状态，footer不可见
+    if (isView || disabled) {
+      return null;
+    }
+    if (_footer !== false) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Col, (0, _objectSpread2.default)({}, colProps), /*#__PURE__*/_react.default.createElement(_components.FormFooter, {
+        onOk: onOk || _onOk,
+        okText: okText,
+        confirmLoading: confirmLoading,
+        onCancel: onCancel || _onCancel,
+        cancelText: cancelText,
+        footer: _footer === true ? {} : _footer
+      }, expandRender()));
+    }
+  };
+  // 暴露form出去给类组件使用
+  (0, _react.useImperativeHandle)(ref, function () {
+    return form;
+  });
+  // 解决平铺后的值拿不到的问题
+  var handleValuesChange = function handleValuesChange(changedValue) {
+    // 暂时通过'-'区分组合组件字段和普通字段
+    var keys = Object.keys(changedValue);
+    if (!keys.length) {
+      onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValue, form.getFieldsValue());
+    } else {
+      var values = keys.map(function (key) {
+        if (key.includes('-')) {
+          var comKeys = [];
+          comKeys = key.split('-').map(function (keyStr) {
+            return keyStr.split('_');
+          });
+          return form.getFieldsValue(comKeys);
+        }
+        return {};
+      });
+      onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(_lodash.merge.apply(void 0, [changedValue].concat((0, _toConsumableArray2.default)(values))), form.getFieldsValue());
+    }
+  };
+  // 包装一层兼容 names 改变
+  var handleFinish = function handleFinish() {
+    onFinish === null || onFinish === void 0 ? void 0 : onFinish(form.getFieldsValue());
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    onKeyPress: function onKeyPress(event) {
+      if (!submitOnEnter) return;
+      if (event.key === 'Enter') {
+        form.submit();
+      }
+    },
+    className: cls,
+    form: form,
+    labelAlign: labelAlign
+  }, formProps), config), otherProps), {}, {
+    onValuesChange: handleValuesChange,
+    onFinish: handleFinish
+  }), /*#__PURE__*/_react.default.createElement(_antd.Row, (0, _objectSpread2.default)({
+    gutter: 24
+  }, rowProps), /*#__PURE__*/_react.default.createElement(_RenderFields.default, {
+    form: form,
+    isView: isView,
+    columns: columns,
+    disabled: disabled,
+    expand: expand,
+    openState: openState,
+    colProps: colProps,
+    viewEmpty: viewEmpty,
+    labelWidth: labelWidth,
+    originalValues: originalValues,
+    clearNotShow: clearNotShow
+  }), children, /*#__PURE__*/_react.default.isValidElement(_footer) ? expand ? /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    className: "pro-form-custom-footer"
+  }, _footer, expandRender()) : _footer : defaultFooter(), _footer === false || disabled || isView ? /*#__PURE__*/_react.default.createElement(_antd.Col, (0, _objectSpread2.default)({}, colProps), expandRender()) : null));
+};
+// @ts-ignore
+var ProFormForward = /*#__PURE__*/(0, _react.forwardRef)(ProForm);
+ProFormForward.useForm = _useForm3.useForm;
+ProFormForward.useWatch = function (watchValue, form) {
+  if ((0, _lodash.isString)(watchValue)) {
+    var watchValues = [watchValue];
+    watchValues.forEach(function (item) {
+      _antd.Form.useWatch(item, form);
+    });
+    return form.getFieldsValue(watchValues);
+  }
+  if (watchValue.length) {
+    watchValue.forEach(function (item) {
+      _antd.Form.useWatch(item, form);
+    });
+    return form.getFieldsValue(watchValue);
+  }
+  return _antd.Form.useWatch([], form);
+};
+var ProFormProvider = function ProFormProvider(props) {
+  var onFormChange = props.onFormChange,
+    onFormFinish = props.onFormFinish,
+    children = props.children;
+  var handleFormChange = function handleFormChange(name, info) {
+    var changedFields = info.changedFields;
+    var _changedFields = changedFields.flatMap(function (item) {
+      var name = item.name,
+        _item$value = item.value,
+        value = _item$value === void 0 ? [] : _item$value;
+      var _name = (0, _toArray2.default)(name),
+        firstName = _name[0],
+        names = _name.slice(1);
+      var _namePath = [].concat((0, _toConsumableArray2.default)((0, _index.splitNameStr)(String(firstName))), (0, _toConsumableArray2.default)(names));
+      return _namePath.map(function (name, index) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          name: name,
+          value: value[index]
+        });
+      });
+    });
+    info.changedFields = _changedFields;
+    onFormChange(name, info);
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Form.Provider, {
+    onFormChange: onFormChange ? handleFormChange : undefined,
+    onFormFinish: onFormFinish
+  }, children);
+};
+ProFormForward.Provider = ProFormProvider; // 包装Provider
+// 内置组合
+ProFormForward.ProAddressBar = _components.ProAddressBar;
+ProFormForward.ProCombination = _components.ProCombination;
+ProFormForward.ProNumberRange = _components.ProNumberRange;
+ProFormForward.ProModalSelect = _components.ProModalSelect;
+ProFormForward.ProTimeLimit = _components.ProTimeLimit;
+ProFormForward.ProUpload = _components.ProUpload;
+// 待废弃
+ProFormForward.EnumSelect = _components.EnumSelect;
+ProFormForward.ProAddress = _components.ProAddress;
+ProFormForward.InputRange = _components.InputRange;
+ProFormForward.InputWithSuffix = _components.InputWithSuffix;
+ProFormForward.ProRangeBox = _components.ProRangeBox;
+ProFormForward.CertNo = _components.CertNo;
+ProFormForward.ProCertValidity = _components.ProCertValidity;
+ProFormForward.ProCertNo = _components.ProCertNo;
+ProFormForward.transferAddressInfoToRegion = _components.transferAddressInfoToRegion;
+var _default = ProFormForward;
+exports.default = _default;