@zat-design/sisyphus-react 3.4.6 → 3.4.8-beta.1

package/lib/ProForm/components/base/TextArea/index.js

@@ -17,12 +17,14 @@ var _locale = _interopRequireDefault(require("../../../../locale"));
 var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
 var _Container = _interopRequireDefault(require("../../Container"));
 require("./index.less");
-var _excluded = ["placeholder", "otherProps", "className"];
+var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
 var TextArea = _antd.Input.TextArea;
 var TextAreaDef = function TextAreaDef(props) {
   var placeholder = props.placeholder,
     otherProps = props.otherProps,
     className = props.className,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _ref = _ProForm.default.useFieldProps() || {},
     label = _ref.label,
@@ -33,7 +35,7 @@ var TextAreaDef = function TextAreaDef(props) {
   if (isView) {
     return (0, _jsxRuntime.jsx)(_Container.default, {
       nowrap: false,
-      tooltip: true,
+      tooltip: tooltip,
       viewEmpty: viewEmpty,
       children: rest.value
     });

package/lib/ProForm/components/combination/FormList/components/BlockFields.d.ts

@@ -1,7 +1,7 @@
 import { ColProps, FormListFieldData } from 'antd';
 import React from 'react';
 import { InternalNamePath } from 'antd/es/form/interface';
-import type { levelType } from '@/ProLayout/components/ProCollapse/PropTypes';
+import type { levelType } from '../../../../../ProLayout/components/ProCollapse/PropTypes';
 import type { FormListProps } from '../propsType';
 interface Props extends Omit<FormListProps, 'toolbarProps'> {
     index: number;

package/lib/ProForm/components/combination/FormList/index.js

@@ -54,10 +54,11 @@ var FormList = function FormList(props, ref) {
         name: _name,
         names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
           // 传给Group的names会被渲染成真实FormItem 不能传完整name
-          return item.type === 'Group' ? [fieldName].concat((0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem))) : [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
+          return [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
         }) : item.names,
         index: fieldName,
         namePath: namePath,
+        listName: [].concat((0, _toConsumableArray2.default)(namePath), [item.name]),
         label: mode === 'less' ? undefined : item.label
       });
       return column;

package/lib/ProForm/components/combination/FormList/propsType.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { FormInstance } from 'antd/es/form/Form';
 import type { ButtonProps, FormListFieldData, FormListOperation, PopconfirmProps } from 'antd';
 import type { InternalNamePath } from 'antd/es/form/interface';
-import type { levelType } from '@/ProLayout/components/ProCollapse/PropTypes';
+import type { levelType } from '../../../../ProLayout/components/ProCollapse/PropTypes';
 import type { ProColumnProps, ProFormOtherProps } from '../../../propsType';
 export type TitleRender = (record: Record<string, any>, index: number, form: FormInstance) => any;
 export type TitleType = string | React.ReactNode | TitleRender;

package/lib/ProForm/components/combination/FormList/utils.js

@@ -14,12 +14,11 @@ var namesPathTransform = exports.namesPathTransform = function namesPathTransfor
   var names = _ref.names,
     prefixNamePath = _ref.prefixNamePath,
     type = _ref.type;
-  if (!Array.isArray(names) || type !== 'Group' && !Array.isArray(prefixNamePath)) {
+  if (!Array.isArray(names) || !Array.isArray(prefixNamePath)) {
     return '';
   }
-  var _prefixNamePath = type === 'Group' ? '' : prefixNamePath;
   var newNamePath = names.map(function (val) {
-    return _prefixNamePath.concat(val);
+    return prefixNamePath.concat(val);
   });
   return newNamePath === null || newNamePath === void 0 ? void 0 : newNamePath.map(function (name) {
     return Array.isArray(name) ? name.join('_') : name;

package/lib/ProForm/components/combination/{GroupCopy → Group}/component/ComRender.js

@@ -10,8 +10,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireDefault(require("react"));
-var _ConfirmWrapper = _interopRequireDefault(require("@/ProForm/components/render/ConfirmWrapper"));
-var _useFieldProps = require("@/ProForm/utils/useFieldProps");
+var _ConfirmWrapper = _interopRequireDefault(require("../../../../components/render/ConfirmWrapper"));
+var _useFieldProps = require("../../../../utils/useFieldProps");
 var componentMap = _interopRequireWildcard(require("../../../../../index"));
 var _excluded = ["type", "confirm", "component", "fieldProps", "contextProps"];
 /** 渲染组件 */

package/lib/ProForm/components/combination/Group/index.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
 import { GroupProps } from './propsType';
-declare const Group: React.FC<GroupProps>;
-export default Group;
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+declare const GroupCopy: React.FC<GroupProps>;
+export default GroupCopy;

package/lib/ProForm/components/combination/Group/index.js

@@ -1,65 +1,67 @@
 "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 = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
-var _ahooks = require("ahooks");
 var _classnames2 = _interopRequireDefault(require("classnames"));
-var _RenderFields = _interopRequireDefault(require("../../render/RenderFields"));
 var _utils = require("./utils");
 var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
-var Group = function Group(props) {
-  var columns = props.children,
-    otherProps = props.otherProps,
+var _ComRender = _interopRequireDefault(require("./component/ComRender"));
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+var GroupCopy = function GroupCopy(props) {
+  var children = props.children,
     className = props.className,
     _props$space = props.space,
     space = _props$space === void 0 ? {
       size: 12
     } : _props$space,
-    id = props.id,
     value = props.value,
-    isView = props.isView,
-    index = props.index,
-    onFieldChange = props.onFieldChange,
-    namePath = props.namePath;
-  var _ref = _ProForm.default.useFieldProps() || {},
-    names = _ref.names,
-    name = _ref.name,
-    form = _ref.form,
-    _namePath = _ref.namePath;
-  var newNamePath = namePath || _namePath || [];
-  if (!Array.isArray(names)) {
-    console.error('Warning: Composite form components whose type is Group must be configured with names');
-  }
-  var data = (0, _react.useMemo)(function () {
-    var fieldList = [];
-    var result = columns.map(function (item) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        disabled: Boolean(props === null || props === void 0 ? void 0 : props.disabled)
-      }, item), {}, {
-        isView: isView !== null && isView !== void 0 ? isView : item.isView,
-        noStyle: (space === null || space === void 0 ? void 0 : space.compact) || (space === null || space === void 0 ? void 0 : space.separator),
-        parentNames: id,
-        namePath: newNamePath
-      });
-    });
-    var node = (0, _jsxRuntime.jsx)(_antd.Button, {
-      className: "group-separator",
-      children: space.separator
+    onChange = props.onChange,
+    otherProps = props.otherProps,
+    disabled = props.disabled;
+  var contextProps = _ProForm.default.useFieldProps() || {};
+  var names = contextProps.names,
+    name = contextProps.name,
+    form = contextProps.form,
+    namePath = contextProps.namePath,
+    index = contextProps.index;
+  var _option = _react.default.useRef([]);
+  // 组合onChange
+  var handleChange = function handleChange(value, option, index) {
+    var _value = props.value ? (0, _toConsumableArray2.default)(props.value) : [];
+    _value[index] = value;
+    _option.current[index] = option;
+    onChange(_value, _option.current);
+  };
+  var columns = (0, _react.useMemo)(function () {
+    var columnsProps = (0, _utils.transformColumns)({
+      columns: children,
+      name: name,
+      names: names,
+      onChange: handleChange,
+      namePath: namePath,
+      form: form,
+      index: index,
+      value: value,
+      groupProps: props
     });
-    return {
-      columns: (0, _utils.insertSeparator)(result, space, node, otherProps),
-      fieldList: fieldList
-    };
-  }, [name, columns, space, props, names]);
+    return (0, _utils.insertSeparator)(columnsProps, space);
+  }, [name, value, children, space, names, namePath, index]);
   var _className = (0, _classnames2.default)((0, _defineProperty2.default)({
     'pro-group': true,
     'pro-group-diy-width': columns.some(function (item) {
@@ -70,44 +72,27 @@ var Group = function Group(props) {
       return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
     })
   }, "".concat(className), className));
-  // 用于formList场景下names移除掉了前缀，需要再次合并回来
-  var _names = names.map(function (item) {
-    if ((0, _lodash.isNumber)(item === null || item === void 0 ? void 0 : item[0])) {
-      return (0, _lodash.union)(newNamePath, item);
-    }
-    return item;
-  });
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    var _document, _document$activeEleme;
-    // 焦点激活的表单
-    var touchName = ((_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id) || '';
-    // 模拟change,初始化不执行onFieldChange
-    if ((0, _lodash.isFunction)(onFieldChange) && form.isFieldsTouched(_names) && (0, _utils.transformNamesString)(_names).includes(touchName)) {
-      onFieldChange(value, (newNamePath === null || newNamePath === void 0 ? void 0 : newNamePath.length) ? form.getFieldValue(newNamePath, true) : form.getFieldsValue(), {
-        form: form,
-        namePath: newNamePath,
-        index: index
-      });
-    }
-  }, [value]);
-  var _otherProps = (0, _lodash.omit)(otherProps, ['colProps', 'required']);
   return (0, _jsxRuntime.jsx)("div", {
     className: _className,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? (0, _jsxRuntime.jsx)(_antd.Space.Compact, {
-      children: (0, _jsxRuntime.jsx)(_RenderFields.default, (0, _objectSpread2.default)({
-        columns: data.columns,
-        form: form
-      }, _otherProps))
+      children: columns.map(function (column) {
+        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          contextProps: contextProps
+        }, column), {}, {
+          otherProps: otherProps
+        }));
+      })
     }) : (0, _jsxRuntime.jsx)(_antd.Space, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       align: "start"
     }, (0, _lodash.omit)(space, ['separator', 'compact'])), {}, {
-      children: data.columns.map(function (column, index) {
-        return (0, _jsxRuntime.jsx)(_RenderFields.default, (0, _objectSpread2.default)({
-          columns: [column],
-          form: form
-        }, _otherProps), (column === null || column === void 0 ? void 0 : column.name) || index);
+      children: columns.map(function (column, index) {
+        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          contextProps: contextProps
+        }, column), {}, {
+          otherProps: otherProps
+        }));
       })
     }))
   });
 };
-var _default = exports.default = Group;
+var _default = exports.default = GroupCopy;

package/lib/ProForm/components/combination/Group/propsType.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { RowProps, SpaceProps } from 'antd';
+import { FormItemProps, ModalFuncProps, SpaceProps } from 'antd';
 import { FormInstance } from 'antd/es/form/Form';
 import { NamePath } from 'antd/lib/form/interface';
-import { ProColumnProps, ProFormOtherProps } from '../../../propsType';
+import { ColumnPropsMap, FunctionArgs, ProFormValueType, ReactiveFunction, ViewType } from '../../../propsType';
 export interface SpaceType extends SpaceProps {
     /**
      * 是否紧凑合并
@@ -16,20 +16,33 @@ export interface SpaceType extends SpaceProps {
     size?: number;
 }
 export interface GroupProps {
-    children?: ProColumnProps[];
+    children?: GroupColumnProps[];
     space?: SpaceType;
-    otherProps?: ProFormOtherProps;
-    rowProps?: RowProps;
     className?: string;
-    value?: any;
     id?: string;
-    disabled?: boolean | (() => void);
+    disabled?: boolean;
     isView?: boolean;
-    namePath?: NamePath;
-    index?: number;
-    onFieldChange?: (value: any[] | null, record: any, { form, }: {
-        form: FormInstance;
-        namePath?: NamePath;
-        index?: number;
-    }) => any;
+    value?: any[];
+    onChange?: (value: any[] | null, options?: any[]) => void;
+    otherProps?: any;
 }
+export type GroupColumnProps<Values = any> = {
+    component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;
+    names?: NamePath[];
+    show?: boolean | ReactiveFunction<Values, boolean>;
+    valueType?: ProFormValueType;
+    switchValue?: [any, any];
+    isView?: boolean;
+    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;
+    disabled?: boolean | ReactiveFunction<Values, boolean>;
+    trim?: boolean;
+    upperCase?: boolean;
+    toISOString?: boolean;
+    clearNotShow?: boolean;
+    confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps>;
+} & ColumnPropsMap & FormItemProps;

package/lib/ProForm/components/combination/Group/utils.d.ts

@@ -1,10 +1,63 @@
-import { ReactNode } from 'react';
-import { SpaceType } from './propsType';
+/// <reference types="react" />
+import { InternalNamePath, NamePath } from 'antd/lib/form/interface';
+import { FormInstance } from 'antd';
+import { GroupColumnProps, GroupProps, SpaceType } from './propsType';
+import { ProFormColumnProps, ReactiveFunction } from '../../render/propsType';
+export type EventArgs = any[];
 /**
-* 插入间隔符
-* @param columns 表单配置数组
-* @returns
-*/
-export declare const insertSeparator: (columns: any, space?: SpaceType, separatorNode?: ReactNode, otherProps?: any) => any;
+ * 插入间隔符
+ * @param columns 表单配置数组
+ * @returns
+ */
+export declare const insertSeparator: (columns: GroupColumnProps[], space?: SpaceType) => any[];
+/** 带出event的组件默认取值方法 */
+export declare function defaultGetValueFromEvent(valuePropName: string, ...args: EventArgs): any;
 /** 转换names */
 export declare const transformNamesString: (arr: (string | string[])[]) => (string | string[])[];
+/**
+ * Input TextArea 小写自动转大写
+ * @param type 组件类型
+ * @param upperCase 是否小写转大写
+ * @returns {}
+ */
+export declare const isUpperCase: (type: string, upperCase: boolean) => any;
+interface Params {
+    form?: FormInstance;
+    index?: number;
+    type?: string;
+    namePath?: InternalNamePath;
+    disabled?: boolean | ReactiveFunction<any, boolean>;
+    show?: boolean | ReactiveFunction<any, boolean>;
+    component?: React.ReactNode | ReactiveFunction<any, React.ReactNode>;
+    fieldProps?: boolean | ReactiveFunction<any, boolean>;
+    name?: NamePath;
+}
+/** 计算响应式参数的值 */
+export declare const getReactiveProps: (params: Params) => {
+    disabled: boolean;
+    show: boolean;
+    component: any;
+    fieldProps: boolean;
+};
+type ValueTypeGetterParams = Pick<ProFormColumnProps, 'valueType' | 'switchValue' | 'toISOString'> & {
+    type?: any;
+    mode?: string;
+};
+/** 获取当前字段的转换函数 */
+export declare const getValueTypeTrans: (params: ValueTypeGetterParams) => any;
+/** 执行所有中间件 返回处理后的值 */
+export declare const getValueMiddleware: (value: any, callbacks?: any[]) => any;
+interface ColumnsTransformerParams {
+    columns: GroupColumnProps[];
+    name?: NamePath;
+    names?: NamePath[];
+    value?: any[];
+    onChange: any;
+    namePath?: InternalNamePath;
+    form: FormInstance;
+    index?: number;
+    groupProps: GroupProps;
+}
+/** 转换columns */
+export declare const transformColumns: (params: ColumnsTransformerParams) => any[];
+export {};

package/lib/ProForm/components/combination/Group/utils.js

@@ -4,35 +4,35 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformNamesString = exports.insertSeparator = void 0;
+exports.defaultGetValueFromEvent = defaultGetValueFromEvent;
+exports.transformNamesString = exports.transformColumns = exports.isUpperCase = exports.insertSeparator = exports.getValueTypeTrans = exports.getValueMiddleware = exports.getReactiveProps = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _lodash = require("lodash");
+var _antd = require("antd");
+var _valueType = _interopRequireDefault(require("../../../utils/valueType"));
+var _useDeepCompareMemo = require("../../../utils/useDeepCompareMemo");
 /**
-* 插入间隔符
-* @param columns 表单配置数组
-* @returns
-*/
-var insertSeparator = exports.insertSeparator = function insertSeparator(columns, space, separatorNode, otherProps) {
-  var _columns = columns;
-  var _ref = otherProps || {},
-    names = _ref.names;
-  // 紧凑模式存在names时，自动给下级拆解name
-  if (names) {
-    _columns = _columns.map(function (column, index) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-        name: names[index]
-      });
-    });
-  }
+ * 插入间隔符
+ * @param columns 表单配置数组
+ * @returns
+ */
+var insertSeparator = exports.insertSeparator = function insertSeparator(columns, space) {
   if (!(space === null || space === void 0 ? void 0 : space.separator)) {
-    return _columns;
+    return columns;
   }
-  return _columns.reduce(function (result, current, index, array) {
+  return columns.reduce(function (result, current, index, array) {
     // 将当前元素添加到结果数组中
     result.push(current);
     // 如果当前元素不是最后一个元素，则添加间隔符
     if (index < array.length - 1) {
       result.push({
-        component: separatorNode,
+        component: (0, _jsxRuntime.jsx)(_antd.Button, {
+          className: "group-separator",
+          children: space.separator
+        }),
         fieldProps: {
           disabled: true
         }
@@ -41,6 +41,14 @@ var insertSeparator = exports.insertSeparator = function insertSeparator(columns
     return result;
   }, []);
 };
+/** 带出event的组件默认取值方法 */
+function defaultGetValueFromEvent(valuePropName) {
+  var event = arguments.length <= 1 ? undefined : arguments[1];
+  if (event && event.target && (0, _typeof2.default)(event.target) === 'object' && valuePropName in event.target) {
+    return event.target[valuePropName];
+  }
+  return event;
+}
 /** 转换names */
 var transformNamesString = exports.transformNamesString = function transformNamesString(arr) {
   var result = arr.map(function (subArr) {
@@ -50,4 +58,186 @@ var transformNamesString = exports.transformNamesString = function transformName
     return subArr;
   });
   return result;
+};
+/**
+ * Input TextArea 小写自动转大写
+ * @param type 组件类型
+ * @param upperCase 是否小写转大写
+ * @returns {}
+ */
+var isUpperCase = exports.isUpperCase = function isUpperCase(type, upperCase) {
+  var result = {};
+  if (['Input', 'TextArea', 'ProCombination'].includes(type) && upperCase) {
+    result.getValueFromEvent = function (event) {
+      var _event$target, _event$target$value;
+      if (Array.isArray(event)) {
+        return event.map(function (value) {
+          var newValue = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
+          return (newValue === null || newValue === void 0 ? void 0 : newValue.toUpperCase()) || '';
+        });
+      }
+      var newValue = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$value = _event$target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.replace(/[^a-zA-Z]/g, '');
+      return newValue.toUpperCase() || '';
+    };
+  }
+  return result;
+};
+/** 计算响应式参数的值 */
+var getReactiveProps = exports.getReactiveProps = function getReactiveProps(params) {
+  var form = params.form,
+    index = params.index,
+    namePath = params.namePath,
+    disabled = params.disabled,
+    show = params.show,
+    component = params.component,
+    fieldProps = params.fieldProps,
+    name = params.name;
+  var values = form.getFieldsValue(namePath || undefined);
+  var _disabled = (0, _lodash.isFunction)(disabled) ? disabled(values, {
+    form: form,
+    index: index,
+    namePath: namePath
+  }) : disabled;
+  var _show = (0, _lodash.isFunction)(show) ? show(values, {
+    form: form,
+    index: index,
+    namePath: namePath
+  }) : show;
+  var _component = (0, _lodash.isFunction)(component) ? component(values, {
+    form: form,
+    index: index,
+    namePath: namePath
+  }) : component;
+  var _fieldProps = (0, _lodash.isFunction)(fieldProps) ? fieldProps(values, {
+    form: form,
+    index: index,
+    namePath: namePath
+  }) : fieldProps;
+  return {
+    disabled: _disabled,
+    show: _show,
+    component: _component,
+    fieldProps: _fieldProps
+  };
+};
+/** 获取当前字段的转换函数 */
+var getValueTypeTrans = exports.getValueTypeTrans = function getValueTypeTrans(params) {
+  var _valueTypeMap$valueTy;
+  var valueType = params.valueType;
+  var transform = (_valueTypeMap$valueTy = _valueType.default[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(_valueType.default, params);
+  return transform;
+};
+var getTrim = function getTrim(value) {
+  return (value === null || value === void 0 ? void 0 : value.trim()) || '';
+};
+var getUpperCase = function getUpperCase(value) {
+  var _value = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
+  return _value.toUpperCase() || '';
+};
+/** 执行所有中间件 返回处理后的值 */
+var getValueMiddleware = exports.getValueMiddleware = function getValueMiddleware(value) {
+  var callbacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return callbacks.reduce(function (preValue, cb) {
+    return cb === null || cb === void 0 ? void 0 : cb(preValue);
+  }, value);
+};
+/** 获取中间件处理后的value */
+var valueFromEventWrapper = function valueFromEventWrapper(column, args) {
+  var getValueFromEvent = column.getValueFromEvent,
+    _column$valuePropName = column.valuePropName,
+    valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
+    trim = column.trim,
+    upperCase = column.upperCase;
+  var newValue;
+  if (getValueFromEvent) {
+    newValue = getValueFromEvent.apply(void 0, (0, _toConsumableArray2.default)(args));
+  } else {
+    newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat((0, _toConsumableArray2.default)(args)));
+  }
+  var list = [];
+  if (trim) list.push(getTrim);
+  if (upperCase) list.push(getUpperCase);
+  return getValueMiddleware(newValue, list);
+};
+/** 转换columns */
+var transformColumns = exports.transformColumns = function transformColumns(params) {
+  var form = params.form,
+    columns = params.columns,
+    name = params.name,
+    names = params.names,
+    outerIndex = params.index,
+    namePath = params.namePath,
+    value = params.value,
+    internalChange = params.onChange,
+    groupProps = params.groupProps;
+  return columns === null || columns === void 0 ? void 0 : columns.flatMap(function (column, index) {
+    var type = column.type,
+      valueType = column.valueType,
+      switchValue = column.switchValue,
+      toISOString = column.toISOString,
+      fieldProps = column.fieldProps,
+      normalize = column.normalize,
+      disabled = column.disabled,
+      show = column.show,
+      component = column.component;
+    var _ref = fieldProps || {},
+      mode = _ref.mode,
+      onChange = _ref.onChange,
+      onFieldChange = _ref.onFieldChange,
+      comDisabled = _ref.disabled;
+    var _disabled = disabled || comDisabled;
+    var columnName = names ? names[index] : [].concat(name, index);
+    // 响应式字段
+    var reactiveProps = (0, _useDeepCompareMemo.useDeepCompareMemo)(function () {
+      return getReactiveProps({
+        form: form,
+        index: index,
+        type: type,
+        namePath: namePath,
+        disabled: _disabled,
+        show: show,
+        component: component,
+        fieldProps: fieldProps,
+        name: columnName
+      });
+    }, [value, show, fieldProps, columnName, type]);
+    if (reactiveProps.show === false) {
+      return [];
+    }
+    var transform = getValueTypeTrans({
+      type: type,
+      valueType: valueType,
+      switchValue: switchValue,
+      toISOString: toISOString,
+      mode: mode
+    });
+    var newValue;
+    var handleChange = function handleChange() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      newValue = valueFromEventWrapper(column, args);
+      if ((transform === null || transform === void 0 ? void 0 : transform.normalize) || normalize) {
+        var _transform$normalize;
+        // @ts-ignore
+        newValue = ((_transform$normalize = transform.normalize) === null || _transform$normalize === void 0 ? void 0 : _transform$normalize.call(transform, newValue)) || (normalize === null || normalize === void 0 ? void 0 : normalize(newValue));
+      }
+      internalChange === null || internalChange === void 0 ? void 0 : internalChange(newValue, args[1], index);
+      onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, args);
+      onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(newValue, form.getFieldValue(namePath), {
+        index: outerIndex,
+        namePath: namePath,
+        form: form
+      });
+    };
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+      name: columnName
+    }, reactiveProps), {}, {
+      disabled: reactiveProps.disabled || groupProps.disabled,
+      fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column === null || column === void 0 ? void 0 : column.fieldProps), {}, {
+        onChange: handleChange,
+        value: value === null || value === void 0 ? void 0 : value[index]
+      })
+    });
+  });
 };