@teamix/pro 1.5.0-beta.1 → 1.5.1-aplha.0

package/es/form/Components/Text/index.js

@@ -1,10 +1,6 @@
 var _excluded = ["children", "className"];
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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; }
 
@@ -21,7 +17,7 @@ var Text = function Text(_ref) {
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var prefixCls = usePrefixCls('teamix-pro-form-text');
-  return /*#__PURE__*/React.createElement("span", _objectSpread({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: cls(prefixCls(), className)
   }, otherProps), children);
 };

package/es/form/Filter/AdvancedFilter.js

@@ -1,5 +1,7 @@
 var _excluded = ["schema", "onSubmit", "onReset", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "gridProps", "forceClear"];
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,23 +28,24 @@ import React, { memo, useEffect, useMemo } from 'react';
 import { usePrefixCls, getMessage, cls, isBool } from '@teamix/utils';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
+
 /**
  * 高级筛选
  */
-
 var AdvancedFilter = /*#__PURE__*/memo(function (props) {
-  var schema = props.schema,
-      onSubmit = props.onSubmit,
-      onReset = props.onReset,
-      layout = props.layout,
-      labelAlign = props.labelAlign,
-      wrapperAlign = props.wrapperAlign,
-      labelCol = props.labelCol,
-      wrapperCol = props.wrapperCol,
-      breakpoints = props.breakpoints,
-      gridProps = props.gridProps,
-      forceClear = props.forceClear,
-      otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref = props,
+      schema = _ref.schema,
+      onSubmit = _ref.onSubmit,
+      onReset = _ref.onReset,
+      layout = _ref.layout,
+      labelAlign = _ref.labelAlign,
+      wrapperAlign = _ref.wrapperAlign,
+      labelCol = _ref.labelCol,
+      wrapperCol = _ref.wrapperCol,
+      breakpoints = _ref.breakpoints,
+      gridProps = _ref.gridProps,
+      forceClear = _ref.forceClear,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var prefixCls = usePrefixCls('teamix-pro-form-query-filter-advanced');
   var gridSchema = useMemo(function () {
@@ -109,11 +112,11 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
       wrapperCol: wrapperCol
     };
   }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
-  return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(ProForm, _extends({
     className: cls(prefixCls(), props.className),
     schema: gridSchema,
     feedbackLayout: "popover"
-  }, otherProps), getTeamixLayout), {}, {
+  }, otherProps, getTeamixLayout, {
     onSubmit: onSubmit
   }));
 });

package/es/form/Filter/LightFilter.js

@@ -1,5 +1,7 @@
 var _excluded = ["form", "schema", "onSubmit", "onChange", "defaultFilterValue", "filterValues", "activeFilterValueRef"];
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
@@ -14,21 +16,22 @@ import React, { memo, useMemo, useCallback, useRef, useEffect } from 'react';
 import { observable } from '@formily/reactive';
 import { usePrefixCls, cls } from '@teamix/utils';
 import ProForm from '../ProForm';
+
 /**
  * 轻量筛选
  */
-
 var LightFilter = /*#__PURE__*/memo(function (props) {
   var _schema$;
 
-  var form = props.form,
-      schema = props.schema,
-      onSubmit = props.onSubmit,
-      onChange = props.onChange,
-      defaultFilterValue = props.defaultFilterValue,
-      filterValues = props.filterValues,
-      activeFilterValueRef = props.activeFilterValueRef,
-      otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref = props,
+      form = _ref.form,
+      schema = _ref.schema,
+      onSubmit = _ref.onSubmit,
+      onChange = _ref.onChange,
+      defaultFilterValue = _ref.defaultFilterValue,
+      filterValues = _ref.filterValues,
+      activeFilterValueRef = _ref.activeFilterValueRef,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   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('teamix-pro-form-query-filter-light');
@@ -88,7 +91,7 @@ var LightFilter = /*#__PURE__*/memo(function (props) {
   useEffect(function () {
     lightFilterObs.onFilter = onFilter;
   }, [onFilter]);
-  return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /*#__PURE__*/React.createElement(ProForm, _extends({}, otherProps, {
     scope: _objectSpread(_objectSpread({}, otherProps === null || otherProps === void 0 ? void 0 : otherProps.scope), {}, {
       lightFilterObs: lightFilterObs
     }),

package/es/form/Filter/SimpleFilter.js

@@ -1,5 +1,7 @@
 var _excluded = ["schema", "onChange", "onSubmit"];
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
@@ -12,8 +14,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import { usePrefixCls, cls, isValid } from '@teamix/utils';
-import ProForm from '../ProForm'; // 初始化Search组件，内置部分属性
+import ProForm from '../ProForm';
 
+// 初始化Search组件，内置部分属性
 var initializeSearch = function initializeSearch(schema) {
   var searchName = '';
   var initializedSchema = schema.map(function (item) {
@@ -44,10 +47,11 @@ var initializeSearch = function initializeSearch(schema) {
 var SimpleFilter = /*#__PURE__*/memo(function (props) {
   var searchValue = useRef(undefined);
 
-  var schema = props.schema,
-      onChange = props.onChange,
-      onSubmit = props.onSubmit,
-      otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref = props,
+      schema = _ref.schema,
+      onChange = _ref.onChange,
+      onSubmit = _ref.onSubmit,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var prefixCls = usePrefixCls('teamix-pro-form-query-filter-simple');
 
@@ -89,7 +93,7 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
     var searchDefaultValue = (_props$form$initialVa = props.form.initialValues) === null || _props$form$initialVa === void 0 ? void 0 : (_props$form$initialVa2 = _props$form$initialVa[searchName]) === null || _props$form$initialVa2 === void 0 ? void 0 : _props$form$initialVa2[1];
     searchValue.current = isValid(searchDefaultValue) ? searchDefaultValue : '';
   }, []);
-  return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /*#__PURE__*/React.createElement(ProForm, _extends({}, otherProps, {
     className: cls(prefixCls(), props.className),
     schema: simpleSchema,
     feedbackLayout: "popover",

package/es/form/Filter/index.js

@@ -1,10 +1,6 @@
 var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterValues", "filterDebounce", "bindUrl", "onFilter", "onInit", "onReset", "onExpand", "onChange", "form"];
 
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -50,10 +46,10 @@ import { QueryFilterLayout } from './Layout';
 import useSpecialProps from './useSpecialProps';
 import useBindUrl from './useBindUrl';
 import './index.scss';
+
 /**
  * 查询筛选
  */
-
 var QueryFilter = /*#__PURE__*/memo(function (props) {
   var addonAfter = props.addonAfter,
       addonBefore = props.addonBefore,
@@ -514,8 +510,9 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
     inlineContent: mode === 'panel' ? /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls('inline', {
         'inline-hidden': purePanel || hasRequired
-      }))
-    }, /*#__PURE__*/React.createElement(LightFilter, _objectSpread(_objectSpread({}, otherProps), {}, {
+      }) // hasRequired 为辅助检测
+      )
+    }, /*#__PURE__*/React.createElement(LightFilter, _extends({}, otherProps, {
       defaultFilterValue: defaultFilterValue,
       filterValues: filterValues,
       activeFilterValueRef: activeFilterValueRef,
@@ -523,13 +520,13 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       onChange: onLightChange
     }))) : /*#__PURE__*/React.createElement("div", {
       className: prefixCls('inline')
-    }, /*#__PURE__*/React.createElement(SimpleFilter, _objectSpread(_objectSpread({}, otherProps), {}, {
+    }, /*#__PURE__*/React.createElement(SimpleFilter, _extends({}, otherProps, {
       form: simpleForm,
       onChange: onSimpleChange,
       onSubmit: onSimpleFilter,
       onInitialComplete: onInitialComplete
     }))),
-    panelContent: mode === 'panel' ? /*#__PURE__*/React.createElement(AdvancedFilter, _objectSpread(_objectSpread({}, otherProps), {}, {
+    panelContent: mode === 'panel' ? /*#__PURE__*/React.createElement(AdvancedFilter, _extends({}, otherProps, {
       form: advancedForm,
       onChange: onAdvancedChange,
       onSubmit: onAdvancedFilter,

package/es/form/Filter/index2.js

@@ -1,5 +1,7 @@
 var _excluded = ["schema", "triggerType", "onFilter"];
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -49,10 +51,11 @@ var getEventProps = function getEventProps(triggerType, onFilter) {
 
 
 var SimpleFilter = /*#__PURE__*/memo(function (props) {
-  var schema = props.schema,
-      triggerType = props.triggerType,
-      onFilter = props.onFilter,
-      otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref = props,
+      schema = _ref.schema,
+      triggerType = _ref.triggerType,
+      onFilter = _ref.onFilter,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var prefixCls = usePrefixCls('teamix-pro-form-filter-simple');
   var simpleSchema = useMemo(function () {
@@ -74,11 +77,11 @@ var SimpleFilter = /*#__PURE__*/memo(function (props) {
     }];
   }, [schema, triggerType]);
   var eventProps = getEventProps(triggerType, onFilter);
-  return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(ProForm, _extends({
     feedbackLayout: "popover",
     breakpoints: [],
     inset: true
-  }, otherProps), eventProps), {}, {
+  }, otherProps, eventProps, {
     className: cls(prefixCls(), props.className),
     schema: simpleSchema
   }));
@@ -94,15 +97,16 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
   var form = useMemo(function () {
     return (props === null || props === void 0 ? void 0 : props.form) || createForm();
   }, []);
-  var schema = props.schema,
-      triggerType = props.triggerType,
-      onFilter = props.onFilter,
-      onReset = props.onReset,
-      layout = props.layout,
-      labelAlign = props.labelAlign,
-      wrapperAlign = props.wrapperAlign,
-      labelCol = props.labelCol,
-      wrapperCol = props.wrapperCol;
+  var _ref2 = props,
+      schema = _ref2.schema,
+      triggerType = _ref2.triggerType,
+      onFilter = _ref2.onFilter,
+      onReset = _ref2.onReset,
+      layout = _ref2.layout,
+      labelAlign = _ref2.labelAlign,
+      wrapperAlign = _ref2.wrapperAlign,
+      labelCol = _ref2.labelCol,
+      wrapperCol = _ref2.wrapperCol;
   var prefixCls = usePrefixCls('teamix-pro-form-filter-advanced');
   var gridSchema = useMemo(function () {
     return [{
@@ -159,9 +163,9 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
     };
   }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
   var eventProps = getEventProps(triggerType, onFilter);
-  return /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(ProForm, _extends({
     feedbackLayout: "popover"
-  }, props), eventProps), getTeamixLayout), {}, {
+  }, props, eventProps, getTeamixLayout, {
     form: form,
     className: cls(prefixCls(), props.className),
     schema: gridSchema,

package/es/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/es/form/ProForm/addCascadeEffect.js

@@ -0,0 +1,225 @@
+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; }
+
+import { onFieldReact, onFieldValueChange } from '@formily/core';
+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) {
+          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) {
+          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);
+      }
+    });
+  }
+};
+
+export default (function (form, schema, scope) {
+  form.addEffects('cascade', function () {
+    loopAddFieldEffect(schema, form, scope);
+  });
+});

package/es/form/ProForm/index.js

@@ -1,5 +1,7 @@
 var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
@@ -17,6 +19,7 @@ import { toJS } from '@formily/reactive';
 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 addCascadeEffect from './addCascadeEffect';
 import { EditableDialog, EditableDrawer, EditablePopover } from '../Components/Editable';
 import FormGroup from '../Components/FormGroup';
 import LightFilter from '../Components/LightFilter';
@@ -80,17 +83,19 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       globalComponents = _ref2.components,
       globalScope = _ref2.scope;
 
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
+    context: context
+  });
+
   var form = useMemo(function () {
-    return outerForm || createForm({
+    var nextForm = outerForm || createForm({
       validateFirst: validateFirst
     });
+    addCascadeEffect(nextForm, schema, mergedScope);
+    return nextForm;
   }, [outerForm]);
   var prefixCls = 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), ProFieldComponents);
 
   var onAutoSubmit = useAutoSubmit(onSubmit, context);
@@ -135,9 +140,9 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     // 配置国际化
     setValidateLanguage(getLanguage() || 'zh-cn');
   }, []);
-  return /*#__PURE__*/React.createElement(Form, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Form, _extends({
     className: cls(prefixCls(), className)
-  }, otherProps), autoTeamixLayout), {}, {
+  }, otherProps, autoTeamixLayout, {
     form: form,
     onAutoSubmit: onAutoSubmit,
     onAutoSubmitFailed: onSubmitFailed

package/es/form/ProForm/useFormDisplayValues.js

@@ -14,6 +14,7 @@ import { useForm } from '@formily/react';
 import { toJS } from '@formily/reactive';
 import { isArr, isPlainObj, isUsable, getValueByValue } from '@teamix/utils';
 import fieldTypeMap from '../fieldTypeMap';
+
 /**
  * 获取表单值的可显示值
  * @returns 如果某字段有dataSource，则返回value对应label
@@ -25,7 +26,6 @@ import fieldTypeMap from '../fieldTypeMap';
   };
   console.log(getDisplayValues(example));
  */
-
 var getDisplayValues = function getDisplayValues(form, values) {
   var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var displayValues; // 拼接路径

package/es/form/SchemaForm/reactions.js

@@ -10,8 +10,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { isFn, isPlainObj, doCommonRequest, getValueByValue } from '@teamix/utils'; // 配置请求
+import { isFn, isPlainObj, doCommonRequest, getValueByValue } from '@teamix/utils';
 
+// 配置请求
 var $request = function $request(field, context, _ref, type) {
   var _field$data;
 

package/es/form/utils.js

@@ -28,13 +28,13 @@ import { isVoidField } from '@formily/core';
 import { useFormLayout, useFormShallowLayout } from '@teamix/formily';
 import { isArr, isObj, getValueByValue, isPlainObj } from '@teamix/utils';
 import schemaNameMap from './schemaNameMap';
+
 /**
  * 映射字段size，主要是default转medium
  * @param props component的props
  * @param field 当前字段实例
  * @returns 映射后的字段属性
  */
-
 var mapSize = function mapSize(props, field) {
   var layout = _objectSpread(_objectSpread({}, useFormShallowLayout()), useFormLayout());
 
@@ -121,6 +121,13 @@ var mapMode = function mapMode(props, field) {
     mode: (field === null || field === void 0 ? void 0 : field.readPretty) ? 'read' : 'edit'
   });
 };
+/**
+ * 创建字段名称
+ * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
+ * @param suffix 字段后缀，唯一标识
+ * @returns 字段唯一名称
+ */
+
 
 var getFieldName = function getFieldName() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'FieldName';