@teamix/pro 1.4.25 → 1.4.27

package/es/table/components/ToolBar/FullScreenIcon.js

@@ -1,35 +1,16 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * 全屏展示 Icon
  */
 import { Button } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
 import { usePrefixCls } from '@teamix/utils';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-table-toolbar-icon');
 
 var FullScreenIcon = function FullScreenIcon(props) {
-  var _actionRef$current3, _actionRef$current3$o;
-
-  var actionRef = props.actionRef;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      fullscreen = _useState2[0],
-      setFullscreen = _useState2[1]; // 点击全屏
-
+  var actionRef = props.actionRef,
+      fullScreenState = props.fullScreenState; // 点击全屏
 
   var allScreenHandle = function allScreenHandle() {
     setTimeout(function () {
@@ -37,48 +18,16 @@ var FullScreenIcon = function FullScreenIcon(props) {
 
       (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$fu = _actionRef$current.fullScreen) === null || _actionRef$current$fu === void 0 ? void 0 : _actionRef$current$fu.call(_actionRef$current);
     }, 0);
-  }; // 销毁监听函数
-
-
-  useEffect(function () {
-    return function () {
-      var _actionRef$current2, _actionRef$current2$o;
-
-      (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$o = _actionRef$current2.off) === null || _actionRef$current2$o === void 0 ? void 0 : _actionRef$current2$o.call(_actionRef$current2, 'fullscreenIcon');
-    };
-  }, []); // 监听全屏变化
+  };
 
-  (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$o = _actionRef$current3.on) === null || _actionRef$current3$o === void 0 ? void 0 : _actionRef$current3$o.call(_actionRef$current3, function (state) {
-    // console.log('dataFilterForm', actionRef.current?.dataFilterForm);
-    setFullscreen(state); // actionRef.current?.dataFilterForm?.setValues(formValues);
-  }, 'fullScreenState', 'fullscreenIcon');
   return /*#__PURE__*/React.createElement(Button, {
     iconSize: "small",
     className: cls(),
     onClick: allScreenHandle
   }, /*#__PURE__*/React.createElement(TeamixIcon, {
     size: "small",
-    type: fullscreen ? 'close-line' : 'full-screen-line'
-  })) // <Balloon.Tooltip
-  //   trigger={
-  //     <Button iconSize="small" className={cls()} onClick={allScreenHandle}>
-  //       <TeamixIcon
-  //         size="small"
-  //         type={fullscreen ? 'close-line' : 'full-screen-line'}
-  //       />
-  //     </Button>
-  //   }
-  //   align={fullscreen ? 'b' : 't'}
-  //   popupProps={{
-  //     visible: visible,
-  //     onVisibleChange: (state) => {
-  //       setVisible(state);
-  //     },
-  //   }}
-  // >
-  //   {getMessage('fullScreen')}
-  // </Balloon.Tooltip>
-  ;
+    type: fullScreenState ? 'close-line' : 'full-screen-line'
+  }));
 };
 
 export default FullScreenIcon;

package/es/table/components/ToolBar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
 import { ProTableLayoutProps } from '../../typing';
+import './index.scss';
 declare const ToolBar: React.FC<ProTableLayoutProps>;
 export default ToolBar;

package/es/table/components/ToolBar/index.js

@@ -4,12 +4,28 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { usePrefixCls } from '@teamix/utils';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
+import { Button, Balloon } from '@alicloudfe/components';
+import TeamixIcon from '@teamix/icon';
 import FullScreenIcon from './FullScreenIcon';
 import FilterColumnIcon from './FilterColumnIcon';
 import DensityIcon from './DensityIcon';
 import RefreshIcon from './RefreshIcon';
+import { useSize, useSafeState } from '@teamix/hooks';
+import debounce from 'lodash.debounce';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-table-toolbar');
 var presetToolBarMap = {
@@ -38,7 +54,46 @@ var presetToolBar = [{
 }];
 
 var ToolBar = function ToolBar(props) {
-  var toolBar = props.toolBar;
+  var _toolBarRef$current, _toolBarRef$current$p, _toolBarRef$current$p2;
+
+  var toolBar = props.toolBar,
+      fullScreenState = props.fullScreenState;
+  var toolBarRef = useRef(null); // const toolBarSize = useSize(toolBarRef);
+  // 用于获取内容宽度
+
+  var toolBarContentRef = useRef(null); // '.teamix-pro-form-query-filter-layout-inline' 元素
+
+  var layoutInlineDom = (_toolBarRef$current = toolBarRef.current) === null || _toolBarRef$current === void 0 ? void 0 : (_toolBarRef$current$p = _toolBarRef$current.parentElement) === null || _toolBarRef$current$p === void 0 ? void 0 : (_toolBarRef$current$p2 = _toolBarRef$current$p.parentElement) === null || _toolBarRef$current$p2 === void 0 ? void 0 : _toolBarRef$current$p2.parentElement; // 监听它的尺寸变化
+
+  var layoutInlineSize = useSize(layoutInlineDom); // '.teamix-pro-form-query-filter-layout-left' 元素
+
+  var layoutLeftDom = layoutInlineDom === null || layoutInlineDom === void 0 ? void 0 : layoutInlineDom.firstElementChild;
+  var leftWidth = layoutLeftDom === null || layoutLeftDom === void 0 ? void 0 : layoutLeftDom.clientWidth; // 展示形式，是否平铺
+
+  var _useSafeState = useSafeState(),
+      _useSafeState2 = _slicedToArray(_useSafeState, 2),
+      flat = _useSafeState2[0],
+      setFlat = _useSafeState2[1]; // 监听高度，> 32px则切换形态
+
+
+  useEffect(debounce(function () {
+    // console.log(
+    //   layoutInlineSize?.width,
+    //   leftWidth,
+    //   toolBarContentRef.current?.clientWidth,
+    // );
+    if ((layoutInlineSize === null || layoutInlineSize === void 0 ? void 0 : layoutInlineSize.width) && leftWidth && toolBarContentRef.current) {
+      var _toolBarContentRef$cu;
+
+      var width = layoutInlineSize.width; // console.log('layoutInlineSize-width', width);
+
+      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) === null || _toolBarContentRef$cu === void 0 ? void 0 : _toolBarContentRef$cu.clientWidth) + 8) {
+        setFlat(false);
+      } else {
+        setFlat(true);
+      }
+    }
+  }, 300));
   var toolBarList = toolBar !== false ? presetToolBar : [];
 
   if (Array.isArray(toolBar)) {
@@ -59,21 +114,49 @@ var ToolBar = function ToolBar(props) {
     });
   }
 
+  var renderFlatShape = function renderFlatShape() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls('content')
+    }, toolBarList.map(function (_ref) {
+      var type = _ref.type,
+          name = _ref.name,
+          Component = _ref.component;
+      return /*#__PURE__*/React.createElement("span", {
+        className: cls('item', _defineProperty({}, name, true)),
+        key: name
+      }, type === 'preset' && /*#__PURE__*/React.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/React.createElement("div", {
+        className: cls({
+          custom: true
+        })
+      }, Component));
+    }));
+  };
+
+  var renderUnFlatShape = function renderUnFlatShape() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Balloon.Tooltip, {
+      triggerType: ['click'],
+      popupProps: {
+        cache: true
+      },
+      style: {
+        padding: 8
+      },
+      trigger: /*#__PURE__*/React.createElement(Button, null, /*#__PURE__*/React.createElement(TeamixIcon, {
+        type: "more-line"
+      })),
+      align: "tr"
+    }, renderFlatShape()));
+  };
+
   return /*#__PURE__*/React.createElement("div", {
-    className: cls()
-  }, toolBarList.map(function (_ref) {
-    var type = _ref.type,
-        name = _ref.name,
-        Component = _ref.component;
-    return /*#__PURE__*/React.createElement("span", {
-      className: cls(_defineProperty({}, name, true)),
-      key: name
-    }, type === 'preset' && /*#__PURE__*/React.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/React.createElement("div", {
-      className: cls({
-        custom: true
-      })
-    }, Component));
-  }));
+    className: cls('', {
+      flat: flat
+    }),
+    ref: toolBarRef
+  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape(), /*#__PURE__*/React.createElement("div", {
+    className: cls('shadow'),
+    ref: toolBarContentRef
+  }, renderFlatShape()));
 };
 
 export default ToolBar;

package/es/table/components/ToolBar/index.scss

@@ -2,20 +2,40 @@
   width: 100%;
   text-align: right;
   margin-bottom: 8px;
+  &-flat {
+    margin-left: 8px;
+  }
+  &-item {
+    display: inline-block;
+    &:not(:first-child) {
+      margin-left: 8px;
+    }
+  }
+  &-content {
+    display: flex;
+  }
+  &-shadow {
+    visibility: hidden;
+    pointer-events: none;
+    opacity: 0;
+    height: 0px;
+    position: absolute;
+    z-index: -1;
+    overflow: hidden;
+  }
 }
 .teamix-pro-table-toolbar-custom {
   display: inline-block;
-  margin-left: 8px;
 }
 
 // FullScreen
 .teamix-pro-table-toolbar-icon {
-  margin-left: 8px;
   i {
     color: var(--color-fill1-6, #848484);
   }
 }
 
+
 // FilterColumn
 .teamix-pro-table-toolbar-filter-column {
   min-width: 180px;

package/es/table/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
@@ -142,6 +142,7 @@ var ProTable = function ProTable(props) {
     return params;
   } : _props$formatParams,
       formatResult = props.formatResult,
+      requestConfig = props.requestConfig,
       _props$requestWhenMou = props.requestWhenMount,
       requestWhenMount = _props$requestWhenMou === void 0 ? true : _props$requestWhenMou,
       _props$showPagination = props.showPagination,
@@ -682,7 +683,8 @@ var ProTable = function ProTable(props) {
   }, {
     // 使用 request 方法代替 fetch
     requestMethod: function requestMethod(params) {
-      return utilResquest(params);
+      // 支持使用 requestConfig 自定义请求配置
+      return utilResquest(_objectSpread(_objectSpread({}, params), requestConfig));
     },
     manual: true,
     onSuccess: function onSuccess(result) {
@@ -904,7 +906,8 @@ var ProTable = function ProTable(props) {
         afterDataFilter: afterDataFilter,
         dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
         rowSelection: rowSelection,
-        filterColumnType: filterColumnType
+        filterColumnType: filterColumnType,
+        fullScreenState: isFullScreen
       }), /*#__PURE__*/React.createElement(Table.StickyLock, _objectSpread({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,

package/es/table/typing.d.ts

@@ -7,7 +7,7 @@ import { QueryFilterProps, ProFormType } from '../form';
 import { ProActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '../field';
-import { Method } from 'axios';
+import { Method, AxiosRequestConfig } from 'axios';
 import React from 'react';
 declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
@@ -86,6 +86,8 @@ export declare type ProTableProps = {
     onSuccess?: (res: any) => void;
     /** 内部请求失败时的回调 */
     onError?: (error: Error) => void;
+    /** 自定义的请求配置 */
+    requestConfig?: AxiosRequestConfig;
     /** 翻页页数的请求参数名  */
     pageKey?: string;
     /** 翻页器页数对应字段 */
@@ -274,6 +276,7 @@ export declare type ProTableLayoutProps = {
     actionRef: React.MutableRefObject<ProTableActionType | undefined>;
     columns?: ProTableColumnProps[];
     rowSelection?: innerRowSelectionType | rowSelectionType;
+    fullScreenState?: boolean;
 } & ProTableTopAreaProps;
 /** columns 列过滤 */
 export declare type ProTableColumnsFilterItemProps = {

package/lib/card/index.js

@@ -271,9 +271,9 @@ var ProCard = function ProCard(props) {
       });
       var width = widthList.reduce(function (acc, cur) {
         return acc + cur;
-      }, 0) + widthList.length * 8; // 无法取出精准宽度，减去1作为阈值
+      }, 0) + widthList.length * 8; // 无法取出精准宽度，减去1作为阈值 10为右padding
 
-      setHeaderWithoutTitleWidth(width - 1);
+      setHeaderWithoutTitleWidth(width - 1 + 10);
     }
   };
 

package/lib/form/Filter/layout.scss

@@ -26,7 +26,7 @@ $query-filter-layout: #{$teamix-pro-form}-query-filter-layout;
     margin-bottom: 8px;
   }
   .#{$query-filter-layout}-addonAfter {
-    flex: 0 1 auto;
+    flex: 0 0 auto;
     margin-left: 8px;
   }
   .#{$query-filter-layout}-panel {

package/lib/form/ProForm/addCascadeEffect.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (form: any, schema: any, scope: any) => void;
+export default _default;

package/lib/form/ProForm/addCascadeEffect.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@formily/core");
+
+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; }
+
+var OP_MAPS = {
+  '*': function _() {
+    return true;
+  },
+  '=': function _(l, r) {
+    return l === r;
+  },
+  '==': function _(l, r) {
+    return l === r;
+  },
+  '!': function _(l, r) {
+    return l !== r;
+  },
+  '!=': function _(l, r) {
+    return l != r;
+  },
+  '>': function _(l, r) {
+    return l > r;
+  },
+  '<': function _(l, r) {
+    return l < r;
+  },
+  '>=': function _(l, r) {
+    return l >= r;
+  },
+  '<=': function _(l, r) {
+    return l <= r;
+  },
+  ied: function ied(l, r) {
+    if (Array.isArray(l) || typeof l === 'string' && r) {
+      return l.includes(r);
+    } else {
+      return false;
+    }
+  },
+  eed: function eed(l, r) {
+    if (Array.isArray(l) || typeof l === 'string' && r) {
+      return !l.includes(r);
+    } else {
+      return true;
+    }
+  },
+  i: function i(l, r) {
+    if (Array.isArray(r) || typeof r === 'string' && l) {
+      return r.includes(l);
+    } else {
+      return false;
+    }
+  },
+  e: function e(l, r) {
+    if (Array.isArray(r) || typeof r === 'string' && l) {
+      return !r.includes(l);
+    } else {
+      return true;
+    }
+  },
+  isEmpty: function isEmpty(l, r) {
+    return l === null || l === undefined || l === '' || Array.isArray(l) && l.length === 0;
+  },
+  notEmpty: function notEmpty(l, r) {
+    return l !== null && l !== undefined && l !== '' && (!Array.isArray(l) || l.length !== 0);
+  }
+};
+
+var getParsedValue = function getParsedValue(value, scope) {
+  if (typeof value === 'string' && value.startsWith('${') && value.endsWith('}')) {
+    return scope.$form.getValuesIn(value.slice(2, value.length - 1));
+  } else if (typeof value === 'string' && value.startsWith('{{') && value.endsWith('}}')) {
+    var code = value.slice(2, value.length - 2);
+
+    try {
+      return new Function("with(this){ return ".concat(code, " }")).call(scope);
+    } catch (e) {
+      return undefined;
+    }
+  } else {
+    return value;
+  }
+};
+
+var bingo = function bingo(bingoItem, scope) {
+  var _bingoItem$when = bingoItem.when,
+      when = _bingoItem$when === void 0 ? [] : _bingoItem$when,
+      _bingoItem$logic = bingoItem.logic,
+      logic = _bingoItem$logic === void 0 ? '&&' : _bingoItem$logic;
+  var result = logic === '&&';
+  when.forEach(function (_ref) {
+    var left = _ref.left,
+        op = _ref.op,
+        right = _ref.right;
+    var leftValue = scope.$form.getValuesIn(left);
+    var rightValue = getParsedValue(right, scope);
+    var itemResult = OP_MAPS[op](leftValue, rightValue);
+
+    if (logic === '&&') {
+      result = result && itemResult;
+    } else {
+      result = result || itemResult;
+    }
+  });
+  return result;
+};
+
+var loopAddFieldEffect = function loopAddFieldEffect(schema, form, scope) {
+  if (Array.isArray(schema)) {
+    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item) {
+      if (item.name) {
+        var _item$cascade, _item$onChange;
+
+        (_item$cascade = item.cascade) === null || _item$cascade === void 0 ? void 0 : _item$cascade.forEach(function (cascade) {
+          (0, _core.onFieldReact)(item.name, function (field) {
+            var contextScope = _objectSpread(_objectSpread({}, scope), {}, {
+              $form: form,
+              $self: field,
+              $values: form.values
+            });
+
+            var _cascade$state = cascade.state,
+                state = _cascade$state === void 0 ? {} : _cascade$state,
+                _cascade$props = cascade.props,
+                props = _cascade$props === void 0 ? {} : _cascade$props,
+                dataSourceFilter = cascade.dataSourceFilter,
+                dataSourceHide = cascade.dataSourceHide;
+
+            if (bingo(cascade, contextScope)) {
+              if (dataSourceFilter || dataSourceHide) {
+                var sourceDataSource = field.getState()._sourceDataSource;
+
+                if (!sourceDataSource) {
+                  var dataSource = field.getState().dataSource;
+                  field.setState({
+                    _sourceDataSource: dataSource
+                  });
+                  sourceDataSource = dataSource;
+                }
+
+                if (sourceDataSource) {
+                  var nextDataSource = sourceDataSource.filter(function (item) {
+                    if (Array.isArray(dataSourceFilter)) {
+                      return dataSourceFilter.includes(item.value);
+                    }
+
+                    if (Array.isArray(dataSourceHide)) {
+                      return !dataSourceFilter.includes(item.value);
+                    }
+                  });
+                  field.setDataSource(nextDataSource);
+                  var value = field.getState().value;
+
+                  if (!nextDataSource.some(function (item) {
+                    return item.value === value;
+                  })) {
+                    field.setValue(undefined);
+                  }
+                }
+              }
+
+              var nextState = {};
+              Object.keys(state).forEach(function (stateKey) {
+                nextState[stateKey] = getParsedValue(state[stateKey], contextScope);
+              });
+              field.setState(nextState);
+              var nextProps = {};
+              Object.keys(props).forEach(function (propsKey) {
+                nextProps[propsKey] = getParsedValue(props[propsKey], contextScope);
+              });
+              field.setComponentProps(nextProps);
+            } else {
+              var formState = form.getState();
+
+              if (dataSourceFilter || dataSourceHide) {
+                var _sourceDataSource = field.getState()._sourceDataSource;
+
+                _sourceDataSource && field.setDataSource(_sourceDataSource);
+              }
+
+              var _nextState = {};
+              Object.keys(state).forEach(function (stateKey) {
+                _nextState[stateKey] = stateKey in item ? item[stateKey] : formState[stateKey];
+              });
+              field.setState(_nextState);
+              var _nextProps = {};
+              Object.keys(props).forEach(function (propsKey) {
+                _nextProps[propsKey] = item.props ? item.props[propsKey] : undefined;
+              });
+              field.setComponentProps(_nextProps);
+            }
+          });
+        });
+        (_item$onChange = item.onChange) === null || _item$onChange === void 0 ? void 0 : _item$onChange.forEach(function (onChange) {
+          (0, _core.onFieldValueChange)(item.name, function (field) {
+            var contextScope = _objectSpread(_objectSpread({}, scope), {}, {
+              $form: form,
+              $self: field,
+              $values: form.values
+            });
+
+            var values = onChange.values;
+
+            if (bingo(onChange, contextScope)) {
+              Object.keys(values).forEach(function (valuesKey) {
+                form.setValuesIn(valuesKey, getParsedValue(values[valuesKey], contextScope));
+              });
+            }
+          });
+        });
+      } else if (item.children) {
+        loopAddFieldEffect(item.children, form, scope);
+      }
+    });
+  }
+};
+
+var _default = function _default(form, schema, scope) {
+  form.addEffects('cascade', function () {
+    loopAddFieldEffect(schema, form, scope);
+  });
+};
+
+exports.default = _default;

package/lib/form/ProForm/index.js

@@ -21,6 +21,8 @@ var _components = require("@alicloudfe/components");
 
 var _ProField = _interopRequireDefault(require("../Components/ProField"));
 
+var _addCascadeEffect = _interopRequireDefault(require("./addCascadeEffect"));
+
 var _Editable = require("../Components/Editable");
 
 var _FormGroup = _interopRequireDefault(require("../Components/FormGroup"));
@@ -112,17 +114,19 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       globalComponents = _ref2.components,
       globalScope = _ref2.scope;
 
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
+    context: context
+  });
+
   var form = (0, _react.useMemo)(function () {
-    return outerForm || (0, _core.createForm)({
+    var nextForm = outerForm || (0, _core.createForm)({
       validateFirst: validateFirst
     });
+    (0, _addCascadeEffect.default)(nextForm, schema, mergedScope);
+    return nextForm;
   }, [outerForm]);
   var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form'); // 由于Actions需要，解构context供使用。原context键名的上下文继续保留。
 
-  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
-    context: context
-  });
-
   var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), _ProField.default);
 
   var onAutoSubmit = (0, _useAutoSubmit.default)(onSubmit, context);