@teamix/pro 1.3.12 → 1.3.15

package/es/actions/index.js

@@ -193,8 +193,18 @@ export var ProActionButton = function ProActionButton(props) {
   }, tooltipProps);
 
   if (tooltip || disabledTooltip) {
-    var showToolTip = disabled ? disabledTooltip : tooltip;
-    content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
+    if (tooltip && !disabledTooltip) {
+      if (!disabled) {
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
+      }
+    } else if (!tooltip && disabledTooltip) {
+      if (disabled) {
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
+      }
+    } else if (tooltip && disabledTooltip) {
+      var showToolTip = disabled ? disabledTooltip : tooltip;
+      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
+    }
   }
 
   return content;
@@ -208,7 +218,10 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       _onClick2 = action.onClick,
       children = action.children,
       icon = action.icon,
-      disabled = action.disabled;
+      disabled = action.disabled,
+      tooltip = action.tooltip,
+      disabledTooltip = action.disabledTooltip,
+      tooltipProps = action.tooltipProps;
   var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
@@ -222,9 +235,32 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
+  var content = buttonContent(children, icon, undefined, context);
+
+  var baseToolTipProps = _objectSpread({
+    triggerType: 'hover',
+    align: 't',
+    trigger: content
+  }, tooltipProps);
+
+  if (tooltip || disabledTooltip) {
+    if (tooltip && !disabledTooltip) {
+      if (!disabled) {
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
+      }
+    } else if (!tooltip && disabledTooltip) {
+      if (disabled) {
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
+      }
+    } else if (tooltip && disabledTooltip) {
+      var showToolTip = disabled ? disabledTooltip : tooltip;
+      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
+    }
+  }
+
   return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: cls('teamix-pro-action-menu-item', "".concat(usePrefixCls(), "menu-item"), _defineProperty({}, "".concat(usePrefixCls(), "disabled"), disabled))
-  }, buttonProps), buttonContent(children, icon, undefined, context));
+  }, buttonProps), content);
 };
 
 function renderCommonActionButtonMenuItem(action, key, context) {

package/es/actions/index.scss

@@ -121,3 +121,16 @@
     }
   }
 }
+
+// 针对弹层内的 table 在暗色模式下适配
+.next-dialog-body {
+  .teamix-pro-table, .next-table-empty {
+    background: var(--dialog-bg);
+  }
+}
+
+.next-drawer-body {
+  .teamix-pro-table, .next-table-empty {
+    background: var(--drawer-bg);
+  }
+}

package/es/form/Filter/LightFilter.js

@@ -15,9 +15,6 @@ import cls from 'classnames';
 import { observable } from '@formily/reactive';
 import { usePrefixCls } from '@teamix/utils';
 import ProForm from '../ProForm';
-var lightFilterObs = observable({
-  onFilter: function onFilter() {}
-});
 /**
  * 轻量筛选
  */
@@ -34,10 +31,15 @@ var LightFilter = /*#__PURE__*/memo(function (props) {
       activeFilterValueRef = props.activeFilterValueRef,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var filterValue = useRef(defaultFilterValue || ((_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
+  var filterValue = useRef(defaultFilterValue || (schema === null || schema === void 0 ? void 0 : (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
   var prefixCls = usePrefixCls('', {
     prefix: 'teamix-pro-form-query-filter-light'
   });
+  var lightFilterObs = useMemo(function () {
+    return observable({
+      onFilter: function onFilter() {}
+    });
+  }, []);
   useEffect(function () {
     if (activeFilterValueRef) {
       activeFilterValueRef.current = filterValue.current;
@@ -88,7 +90,7 @@ var LightFilter = /*#__PURE__*/memo(function (props) {
   }, [schema, onFilterChange, defaultFilterValue]);
   useEffect(function () {
     lightFilterObs.onFilter = onFilter;
-  }, [onChange]);
+  }, [onFilter]);
   return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({}, otherProps), {}, {
     scope: _objectSpread(_objectSpread({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.scope), {}, {
       lightFilterObs: lightFilterObs

package/es/form/Filter/index.js

@@ -114,24 +114,21 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
               }); // 等待mounted + 字段loading结束 + initialRequest结束 => 表单默认值初始化完成
 
               if (!(form.mounted && !loadingField.length && !form.loading)) {
-                _context.next = 10;
+                _context.next = 9;
                 break;
               }
 
-              onFormInit = function onFormInit() {}; // init后销毁 isFormInit 方法
-
-
-              filterEnable.current = 'filter';
+              onFormInit = undefined; // init后销毁 isFormInit 方法
 
               if (!onInit) {
-                _context.next = 10;
+                _context.next = 9;
                 break;
               }
 
-              _context.next = 8;
+              _context.next = 7;
               return form.validate();
 
-            case 8:
+            case 7:
               onInit === null || onInit === void 0 ? void 0 : onInit(toJS(form.values)); // 设置Tag
 
               if (mode === 'panel') {
@@ -139,7 +136,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
                 !panelVisible && configTag();
               }
 
-            case 10:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -158,13 +155,105 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
 
     if (formRef) {
       var form = formMap[formName];
-      formRef.current = form;
+      formRef.current = form; // 自定义updateTags方法
 
       if (!formRef.current.updateTags) {
         formRef.current.updateTags = function () {
-          configFilterItem(form);
-          configTag();
+          updateTags(form);
         };
+      } // 自定义setAsyncValues方法
+
+
+      if (!formRef.current.setAsyncValues) {
+        formRef.current.setAsyncValues = /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values) {
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    form.setValues(values);
+
+                    if (!(filterEnable.current === 'filter' && formName === 'advanced')) {
+                      _context2.next = 6;
+                      break;
+                    }
+
+                    _context2.next = 4;
+                    return form.validate();
+
+                  case 4:
+                    onFilter === null || onFilter === void 0 ? void 0 : onFilter(toJS(form.values));
+                    updateTags(form);
+
+                  case 6:
+                  case "end":
+                    return _context2.stop();
+                }
+              }
+            }, _callee2);
+          }));
+
+          return function (_x2) {
+            return _ref2.apply(this, arguments);
+          };
+        }();
+      } // 自定义triggerFilter方法
+
+
+      if (!formRef.current.triggerFilter) {
+        formRef.current.triggerFilter = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  _context3.next = 2;
+                  return form.validate();
+
+                case 2:
+                  onFilter === null || onFilter === void 0 ? void 0 : onFilter(toJS(form.values));
+
+                  if (formName === 'advanced') {
+                    updateTags(form);
+                  }
+
+                case 4:
+                case "end":
+                  return _context3.stop();
+              }
+            }
+          }, _callee3);
+        }));
+      } // 自定义triggerReset方法
+
+
+      if (!formRef.current.triggerReset) {
+        formRef.current.triggerReset = /*#__PURE__*/function () {
+          var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(config) {
+            return regeneratorRuntime.wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    simpleForm.reset('*', config);
+                    lightForm.reset('*', config);
+                    advancedForm.reset('*', config);
+
+                    if (formName === 'advanced') {
+                      onReset === null || onReset === void 0 ? void 0 : onReset(toJS(advancedForm.values));
+                      updateTags(form);
+                    }
+
+                  case 4:
+                  case "end":
+                    return _context4.stop();
+                }
+              }
+            }, _callee4);
+          }));
+
+          return function (_x3) {
+            return _ref4.apply(this, arguments);
+          };
+        }();
       }
     }
   }; // 创建简单筛选表单实例
@@ -176,7 +265,11 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       effects: function effects() {
         onFormReact(function (form) {
           if (mode === 'inline') {
-            onFormInit(form);
+            var _onFormInit;
+
+            (_onFormInit = onFormInit) === null || _onFormInit === void 0 ? void 0 : _onFormInit(form).finally(function () {
+              return filterEnable.current = 'filter';
+            });
           }
         });
       }
@@ -200,7 +293,11 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       effects: function effects() {
         onFormReact(function (form) {
           if (mode === 'panel') {
-            onFormInit(form);
+            var _onFormInit2;
+
+            (_onFormInit2 = onFormInit) === null || _onFormInit2 === void 0 ? void 0 : _onFormInit2(form).finally(function () {
+              return filterEnable.current = 'filter';
+            });
           }
         });
         onFormInputChange(function (form) {
@@ -219,12 +316,12 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
     var displayValues = getFormDisplayValues(form);
     var originalData = Object.entries(displayValues);
     var filterData = [];
-    originalData.forEach(function (_ref2) {
+    originalData.forEach(function (_ref5) {
       var _data$displayValue;
 
-      var _ref3 = _slicedToArray(_ref2, 2),
-          key = _ref3[0],
-          data = _ref3[1];
+      var _ref6 = _slicedToArray(_ref5, 2),
+          key = _ref6[0],
+          data = _ref6[1];
 
       var value = (_data$displayValue = data.displayValue) !== null && _data$displayValue !== void 0 ? _data$displayValue : data.value;
       var component = data.component;
@@ -259,6 +356,11 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
 
   var configTag = useCallback(function () {
     setTagDataSource(filterItem.current);
+  }, []); // 更新标签数据
+
+  var updateTags = useCallback(function (form) {
+    configFilterItem(form);
+    configTag();
   }, []); // 展开收起高级筛选
 
   var toggleAdvancedFilter = useCallback(function () {
@@ -281,12 +383,12 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
   }, [panelVisible, configTag]); // 简单搜索Filter
 
   var onSimpleFilter = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values) {
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(values) {
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              _context2.next = 2;
+              _context5.next = 2;
               return simpleForm.validate();
 
             case 2:
@@ -294,14 +396,14 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
 
             case 3:
             case "end":
-              return _context2.stop();
+              return _context5.stop();
           }
         }
-      }, _callee2);
+      }, _callee5);
     }));
 
-    return function (_x2) {
-      return _ref4.apply(this, arguments);
+    return function (_x4) {
+      return _ref7.apply(this, arguments);
     };
   }(), [onFilter]); // 简单搜索Change
 
@@ -313,7 +415,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         debounceFun(onSimpleFilter, values);
       }
     }
-  }, [onChange]); // 轻量搜索Filter
+  }, [onChange, onSimpleFilter]); // 轻量搜索Filter
 
   var onLightFilter = useCallback(function (values) {
     var _Object$keys;
@@ -324,10 +426,8 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
     (_Object$keys = Object.keys(advancedForm.values)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (key) {
       clearKeys[key] = undefined;
     });
-    advancedForm.setValues(clearKeys); // 配置Tag
-
-    configFilterItem(advancedForm);
-    configTag();
+    advancedForm.setValues(clearKeys);
+    updateTags(advancedForm);
   }, [onFilter]); // 轻量搜索Change
 
   var onLightChange = useCallback(function (values, fieldValue, fieldName) {
@@ -338,7 +438,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         debounceFun(onLightFilter, values);
       }
     }
-  }, [onChange]); // 高级搜索Filter
+  }, [onChange, onLightFilter]); // 高级搜索Filter
 
   var onAdvancedFilter = useCallback(function (values) {
     setCurrentForm('advanced');
@@ -375,8 +475,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
     }
 
     advancedForm.setValuesIn(key, newValue);
-    configFilterItem(advancedForm);
-    configTag();
+    updateTags(advancedForm);
     onFilter === null || onFilter === void 0 ? void 0 : onFilter(toJS(advancedForm.values));
   }, [onFilter]); // initialRequest 的回调
 
@@ -420,12 +519,12 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       onReset: onAdvancedReset,
       onInitialComplete: onInitialComplete
     })) : null
-  }, mode === 'panel' && !panelVisible ? /*#__PURE__*/React.createElement(Tag.Group, null, tagDataSource.map(function (_ref5) {
-    var key = _ref5.key,
-        label = _ref5.label,
-        value = _ref5.value,
-        type = _ref5.type,
-        index = _ref5.index;
+  }, mode === 'panel' && !panelVisible ? /*#__PURE__*/React.createElement(Tag.Group, null, tagDataSource.map(function (_ref8) {
+    var key = _ref8.key,
+        label = _ref8.label,
+        value = _ref8.value,
+        type = _ref8.type,
+        index = _ref8.index;
     return /*#__PURE__*/React.createElement(Tag.Closeable, {
       key: isNum(index) ? key + label : key,
       afterClose: function afterClose() {

package/es/form/ProForm/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { ProFormProps } from '../typing';
+import type { ComposedProForm } from '../typing';
 import './index.scss';
-declare const ProForm: React.FC<ProFormProps>;
+declare const ProForm: ComposedProForm;
 export default ProForm;

package/es/form/ProForm/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "context", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst"];
+var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -12,26 +12,59 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { memo, useMemo } from 'react';
 import cls from 'classnames';
+import { usePrefixCls, getLanguage, getGlobalConfig } from '@teamix/utils';
 import { createForm, onFieldValueChange, onFormValuesChange, registerValidateLocale, setValidateLanguage } from '@formily/core';
 import { toJS } from '@formily/reactive';
-import { Form } from '@teamix/formily';
-import { usePrefixCls, getLanguage, getGlobalConfig } from '@teamix/utils';
+import { Form, Upload, SelectTable, FormLayout, FormItem, ArrayCollapse, ArrayCards, ArrayItems, ArrayTable, Space, FormGrid, FormTab, FormCollapse, FormStep, Editable, FormDialog, FormDrawer, FormButtonGroup, Submit, Reset } from '@teamix/formily';
+import { Affix } from '@alicloudfe/components';
+import ProFieldComponents from '../Components/ProField';
+import { EditableDialog, EditableDrawer, EditablePopover } from '../Components/Editable';
+import FormGroup from '../Components/FormGroup';
+import LightFilter from '../Components/LightFilter';
+import Text from '../Components/Text/index';
 import SchemaForm from '../SchemaForm';
 import { mergeArrayValue } from '../utils';
 import useAutoSubmit from './useAutoSubmit';
 import useInitialRequest from './useInitialRequest';
+import useFieldSchema from './useFieldSchema';
 import validateLocale from '../locales/validate';
 import './index.scss';
 registerValidateLocale(validateLocale);
+var formilyComponents = {
+  FormLayout: FormLayout,
+  FormItem: FormItem,
+  ArrayCollapse: ArrayCollapse,
+  ArrayCards: ArrayCards,
+  ArrayItems: ArrayItems,
+  ArrayTable: ArrayTable,
+  Space: Space,
+  FormGrid: FormGrid,
+  FormTab: FormTab,
+  FormCollapse: FormCollapse,
+  FormStep: FormStep,
+  Editable: Editable,
+  FormDialogFooter: FormDialog.Footer,
+  FormDrawerFooter: FormDrawer.Footer,
+  FormButtonGroup: FormButtonGroup,
+  Submit: Submit,
+  Reset: Reset,
+  EditableDialog: EditableDialog,
+  EditableDrawer: EditableDrawer,
+  EditablePopover: EditablePopover,
+  FormGroup: FormGroup,
+  Upload: Upload,
+  SelectTable: SelectTable,
+  Affix: Affix,
+  LightFilter: LightFilter,
+  Text: Text
+};
 var ProForm = /*#__PURE__*/memo(function (_ref) {
   var outerForm = _ref.form,
       initialValues = _ref.initialValues,
       initialRequest = _ref.initialRequest,
-      schema = _ref.schema,
       scope = _ref.scope,
       context = _ref.context,
       components = _ref.components,
-      children = _ref.children,
       layout = _ref.layout,
       labelAlign = _ref.labelAlign,
       wrapperAlign = _ref.wrapperAlign,
@@ -66,7 +99,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
   }); // context需要实名不能解构
 
 
-  var mergedComponents = _objectSpread(_objectSpread({}, globalComponents), components);
+  var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), ProFieldComponents);
 
   var onAutoSubmit = useAutoSubmit(onSubmit); // todo 需要formily支持断点下的属性更新
 
@@ -87,6 +120,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       wrapperCol: mergeArrayValue([24], wrapperCol)
     };
   }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
+  var schema = useFieldSchema(otherProps);
   useMemo(function () {
     // 配置表单默认值
     if (initialValues) {
@@ -130,12 +164,17 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     form: form,
     onAutoSubmit: onAutoSubmit,
     onAutoSubmitFailed: onSubmitFailed
-  }), /*#__PURE__*/React.createElement(SchemaForm, {
+  }), schema ? /*#__PURE__*/React.createElement(SchemaForm, {
     schema: schema,
     scope: mergedScope,
     components: mergedComponents
-  }), children);
+  }) : null, otherProps === null || otherProps === void 0 ? void 0 : otherProps.children);
 });
+
+ProForm.Field = function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+
 ProForm.defaultProps = {
   colon: false,
   labelAlign: 'left',

package/es/form/ProForm/index.scss

@@ -317,6 +317,13 @@
   }
 }
 
+// SelectTable
+.#{$teamix-pro-form}-select-table-column-tree
+  > .#{$css-prefix}table-cell-wrapper {
+  display: flex;
+  align-items: center;
+}
+
 /* hack todo remove */
 .#{$form-item-cls}-control-content-component {
   .#{$teamix-pro-field}-tooltip.#{$teamix-pro-field}-checkbox {

package/es/form/ProForm/useFieldSchema.d.ts

@@ -0,0 +1,7 @@
+declare const _default: ({ children, schema }: any) => any;
+/**
+ * 获取 ProForm 的 schema 配置，通过合并 Field 字段 或者 schema 配置
+ * @param props ProForm 组件的 props
+ * @returns schema 配置
+ */
+export default _default;

package/es/form/ProForm/useFieldSchema.js

@@ -0,0 +1,88 @@
+var _excluded = ["id", "children", "reactions"],
+    _excluded2 = ["id", "children", "reactions"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { getValueByValue, deepMerge } from '@teamix/utils';
+/**
+ * 合并 Field 字段 props 和 ProForm schema 配置，生成完整的 Field 字段 schema
+ * @param field Field 字段
+ * @param extra 额外的 schema 配置（存在递归，可能是子级 schema ）
+ * @param wholeExtra 完整的额外 schema 配置
+ * @returns schema 配置
+ */
+
+var getMergedSchema = function getMergedSchema(field, extra, wholeExtra) {
+  return field.reduce(function (prev, curr, index) {
+    var _ref = curr.props || {},
+        id = _ref.id,
+        _ref$children = _ref.children,
+        children = _ref$children === void 0 ? [] : _ref$children,
+        _ref$reactions = _ref.reactions,
+        reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
+        rest = _objectWithoutProperties(_ref, _excluded); // 获取字段额外的 schema 配置（From ProForm）
+
+
+    var extraFieldProps = extra[index] || {};
+
+    if (id !== extraFieldProps.id) {
+      // 索引不匹配，通过 id 查找获取
+      extraFieldProps = getValueByValue(extra, id, {
+        inputKey: 'id',
+        outputKey: '__whole__'
+      }) || getValueByValue(wholeExtra, id, {
+        inputKey: 'id',
+        outputKey: '__whole__'
+      });
+
+      if (extraFieldProps) {
+        console.warn("Field id \"".concat(id, "\" is not found by index in ProForm schema props, Please pay attention to the order."));
+      }
+    }
+
+    var _ref2 = extraFieldProps || {},
+        extraId = _ref2.id,
+        _ref2$children = _ref2.children,
+        extraChildren = _ref2$children === void 0 ? [] : _ref2$children,
+        _ref2$reactions = _ref2.reactions,
+        extraReactions = _ref2$reactions === void 0 ? [] : _ref2$reactions,
+        extraRest = _objectWithoutProperties(_ref2, _excluded2);
+
+    prev.push(_objectSpread(_objectSpread({}, deepMerge(rest, extraRest)), {}, {
+      reactions: [].concat(reactions, extraReactions),
+      children: (children === null || children === void 0 ? void 0 : children.length) ? getMergedSchema(children, extraChildren, wholeExtra) : []
+    }));
+    return prev;
+  }, []);
+};
+/**
+ * 获取 ProForm 的 schema 配置，通过合并 Field 字段 或者 schema 配置
+ * @param props ProForm 组件的 props
+ * @returns schema 配置
+ */
+
+
+export default (function (_ref3) {
+  var children = _ref3.children,
+      schema = _ref3.schema;
+  var field = [].concat(children !== null && children !== void 0 ? children : []).filter(function (item) {
+    var _item$type, _item$props;
+
+    return (item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.name) === '' && (item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.component);
+  }); // 如果 ProForm 的 children 含有 Field 字段，则优先使用 Field 渲染表单（仅合并 ProForm 的 schema 属性 ）
+
+  if (field.length) {
+    return getMergedSchema(field, schema !== null && schema !== void 0 ? schema : [], schema !== null && schema !== void 0 ? schema : []);
+  } // 正常使用 ProForm 的 schema 渲染表单
+
+
+  return schema;
+});