@teamix/pro 1.2.1 → 1.2.6

package/dist/pro.js

@@ -1147,12 +1147,12 @@ function usePaginated(service, options) {
     var tempTotalPage = Math.ceil(total / toPageSize);
 
     if (toCurrent > tempTotalPage) {
-      toCurrent = tempTotalPage;
+      toCurrent = Math.max(1, tempTotalPage);
     }
 
     runChangePagination({
-      current: c,
-      pageSize: p
+      current: toCurrent,
+      pageSize: toPageSize
     });
   }, [total, runChangePagination]);
   var changeCurrent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (c) {
@@ -24326,7 +24326,7 @@ var Provider = function Provider(_ref) {
   }, children);
 };
 
-var TeamixIcon = function TeamixIcon(props) {
+var TeamixIcon = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var _cls;
 
   var type = props.type,
@@ -24351,12 +24351,12 @@ var TeamixIcon = function TeamixIcon(props) {
   }
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({
-    className: classes
+    className: classes,
+    ref: ref
   }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     viewBox: "0 0 1024 1024"
   }, content));
-};
-
+});
 TeamixIcon.setConfig = setConfig;
 TeamixIcon.Provider = Provider;
 TeamixIcon.YUNXIAO = {
@@ -33503,7 +33503,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     var capacity = 0;
 
     for (var i = start; i < list.length; i++) {
-      var height = itemHeight(i);
+      var height = itemHeight(i, list[i]);
       sum += height;
 
       if (sum >= containerHeight) {
@@ -33524,7 +33524,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     var offset = 0;
 
     for (var i = 0; i < list.length; i++) {
-      var height = itemHeight(i);
+      var height = itemHeight(i, list[i]);
       sum += height;
 
       if (sum >= scrollTop) {
@@ -33560,7 +33560,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
 
     return list.reduce(function (sum, _, index) {
-      return sum + itemHeight(index);
+      return sum + itemHeight(index, list[index]);
     }, 0);
   }, [list.length]);
 
@@ -33578,7 +33578,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
 
     var height = list.slice(0, index).reduce(function (sum, _, i) {
-      return sum + itemHeight(i);
+      return sum + itemHeight(i, list[i]);
     }, 0); // if (enableCache) {
     //   distanceCache.current[index] = height;
     // }
@@ -48770,7 +48770,8 @@ var FieldJson = function FieldJson(props) {
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _menuSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20472);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72326);
+/* harmony import */ var _menuSelect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20472);
 var _excluded = ["value", "mode", "onChange", "inputProps", "layout", "render", "disabled", "options", "state"];
 
 function ownKeys(object, enumerableOnly) {
@@ -48927,7 +48928,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-var FieldMenuSelect = function FieldMenuSelect(props) {
+var FieldMenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var value = props.value,
       mode = props.mode,
       _onChange = props.onChange,
@@ -48947,17 +48948,18 @@ var FieldMenuSelect = function FieldMenuSelect(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setFieldVal(value);
   }, [value]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menuSelect__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menuSelect__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+    ref: ref,
     value: fieldVal,
     dataSource: options
   }, others), {}, {
     onChange: function onChange(val) {
       setFieldVal(val);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(val);
+      (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .bindRefValue */ .Dd)(val, ref);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .formatterOnchangeValue */ .WO)(val));
     }
   }));
-};
-
+});
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldMenuSelect);
 
 /***/ }),
@@ -51693,13 +51695,13 @@ var FieldText = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
       innerAfterIcon = props.innerAfterIcon,
       others = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value !== null && value !== void 0 ? value : ''),
       _useState2 = _slicedToArray(_useState, 2),
       fieldVal = _useState2[0],
       setFieldVal = _useState2[1];
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setFieldVal(value);
+    setFieldVal(value !== null && value !== void 0 ? value : '');
     (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .bindRefValue */ .Dd)(value, ref);
   }, [value]);
 
@@ -53033,8 +53035,7 @@ var calculateChildren = function calculateChildren(dataSource) {
 
 
 var COL_GUTTER = 20;
-
-var MenuSelect = function MenuSelect(props) {
+var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
   var dataSource = props.dataSource,
       colProp = props.col,
       widthProp = props.width,
@@ -53186,6 +53187,7 @@ var MenuSelect = function MenuSelect(props) {
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Popup, {
     trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Input, {
+      ref: forwardRef,
       placeholder: "\u8BF7\u9009\u62E9",
       value: inputValue,
       hint: popupVisible ? 'arrow-up' : 'arrow-down',
@@ -53265,8 +53267,7 @@ var MenuSelect = function MenuSelect(props) {
       }), childItem.label);
     }));
   }))));
-};
-
+});
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuSelect);
 
 /***/ }),
@@ -53418,6 +53419,10 @@ var Copy = function Copy(props) {
       copyVisible = _useState2[0],
       setCopyVisible = _useState2[1];
 
+  if (value === '' || value === undefined || value === null) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement((react__WEBPACK_IMPORTED_MODULE_4___default().Fragment), null, result);
+  }
+
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", {
     className: cls({
       tooltip: true
@@ -53438,7 +53443,7 @@ var Copy = function Copy(props) {
         opacity: copyVisible ? 1 : 0
       },
       onClick: function onClick() {
-        if (copy_to_clipboard__WEBPACK_IMPORTED_MODULE_3___default()(value.toString())) {
+        if (copy_to_clipboard__WEBPACK_IMPORTED_MODULE_3___default()((value !== null && value !== void 0 ? value : '').toString())) {
           _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Message.success((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('copySucceeded'));
         } else {
           _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Message.error((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('copyFailed'));
@@ -53715,11 +53720,13 @@ var Emphasize = function Emphasize(props) {
 
   var result = props.result,
       render = props.render;
+  var color = typeof (render === null || render === void 0 ? void 0 : render.color) === 'string' ? render.color : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
     className: cls(),
     // 强调数字需要重新实现Color颜色。否则不生效。
+    // 这边的颜色只可能是string类型
     style: {
-      color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
+      color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP)(color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
     }
   }, result);
 };
@@ -53801,6 +53808,7 @@ var Icon = function Icon(props) {
 
     return result;
   }; // 优先级： iconColor > color > 848484
+  // 这边的color只可能是string类型的
 
 
   var getIconColor = function getIconColor() {
@@ -53808,7 +53816,7 @@ var Icon = function Icon(props) {
       return (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.iconColor);
     }
 
-    if (render.color) {
+    if (render.color && typeof render.color === 'string') {
       return (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.color);
     }
 
@@ -53975,11 +53983,10 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if ((render === null || render === void 0 ? void 0 : render.color) && !render.type) {
-    var _getColor;
-
+    var color = typeof render.color === 'string' ? (0,_utils_color__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP)(render.color) : 'var(--color-text1-3, #333333)';
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       style: {
-        color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP)(render.color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
+        color: color
       }
     }, result);
   } // 超出隐藏(如果有配置tooltip 则取消它的Tooltip)
@@ -54651,6 +54658,13 @@ var renderTag = function renderTag(item, render) {
   var rules = /(normal|primary)/;
   var _render$color = render.color,
       color = _render$color === void 0 ? 'normal' : _render$color;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _objectSpread({
+      key: item.toString()
+    }, color), item);
+  }
+
   var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '');
 
   if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .isNull */ .Ft)(item)) {
@@ -54677,13 +54691,18 @@ var renderTag = function renderTag(item, render) {
 
 
 var renderStatusTag = function renderStatusTag(item, render) {
-  var _render$color3;
-
   var rules = /(warning|success|fail|process|pause|loading)/;
   var _render$color2 = render.color,
       color = _render$color2 === void 0 ? 'process' : _render$color2,
       icon = render.icon;
-  var colorTypeIsPreset = rules.test((_render$color3 = render.color) !== null && _render$color3 !== void 0 ? _render$color3 : '');
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_status_tag__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+      key: item
+    }, color), item);
+  }
+
+  var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '');
 
   if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .isNull */ .Ft)(item)) {
     var _render$emptyText5;
@@ -54712,9 +54731,15 @@ var renderStatusTag = function renderStatusTag(item, render) {
 
 var renderStatusIconTag = function renderStatusIconTag(item, render) {
   var rules = /(warning|success|fail|process|pause|loading)/;
-  var _render$color4 = render.color,
-      color = _render$color4 === void 0 ? 'process' : _render$color4,
-      icon = render.icon;
+  var _render$color3 = render.color,
+      color = _render$color3 === void 0 ? 'process' : _render$color3;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_status_tag__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+      key: item.toString()
+    }, color), item);
+  }
+
   var processColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_9__/* .getTagColor */ .vm)(color, 'statusIcon');
   var colorTypeIsPreset = rules.test(processColor !== null && processColor !== void 0 ? processColor : '');
 
@@ -54796,6 +54821,14 @@ var renderRank = function renderRank(item, render) {
 var renderProgress = function renderProgress(item, render) {
   var rules = /(normal|success|error|fail|process)/;
   var color = render.color;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Progress, _objectSpread({
+      percent: Number(item),
+      key: item.toString()
+    }, color));
+  }
+
   var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '') || !color;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Progress, _objectSpread(_objectSpread({
     percent: Number(item)
@@ -55961,6 +55994,7 @@ var error = [['r0', 'var(--color-error-1, #fff1f0)'], ['r10', 'var(--color-error
 var success = [['gn0', 'var(--color-success-1, #f0fff7)'], ['gn10', 'var(--color-success-2, #cdf8e1)'], ['gn20', 'var(--color-success-3, #90deb5)'], ['gn30', 'var(--color-success-7, #67cf98)'], ['gn40', 'var(--color-success-4, #43bf7d)'], ['gn50', 'var(--color-success-5, #22b066)'], ['gn60', 'var(--color-success-6, #159953)'], ['gn70', '#098243'], ['gn80', '#026B34'], ['gn90', '#005420']];
 var warning = [['o0', 'var(--color-warning-1, #fff8f0)'], ['o10', 'var(--color-warning-2, #ffe0bf)'], ['o20', 'var(--color-warning-3, #ffcd96)'], ['o30', 'var(--color-warning-7, #ffb96e)'], ['o40', 'var(--color-warning-4, #ffa544)'], ['o50', 'var(--color-warning-5, #f98e1a)'], ['o60', 'var(--color-warning-6, #cf7412)'], ['o70', '#A35A0A'], ['o80', '#774106'], ['o90', '#522A00']];
 var help = [['y0', 'var(--color-help-1, #fffcf0)'], ['y10', 'var(--color-help-2, #fff5c2)'], ['y20', 'var(--color-help-3, #ffee96)'], ['y30', 'var(--color-help-7, #ffe66b)'], ['y40', 'var(--color-help-4, #ffdf40)'], ['y50', 'var(--color-help-5, #fad414)'], ['y60', 'var(--color-help-6, #d1b10d)'], ['y70', '#A88E07'], ['y80', '#796702'], ['y90', '#524400']];
+var mention = [['p0', 'var(--color-mention-1, #f0f0ff)'], ['p10', 'var(--color-mention-2, #c9cbf5)'], ['p20', 'var(--color-mention-3, #afb2f0)'], ['p30', 'var(--color-mention-4, #969aeb)'], ['p40', 'var(--color-mention-5, #7e83e6)'], ['p50', 'var(--color-mention-6, #666ce0)'], ['p60', 'var(--color-mention-7, #4046bd)'], ['p70', 'var(--color-mention-8, #232999)'], ['p80', 'var(--color-mention-9, #0e1375)'], ['p90', 'var(--color-mention-10, #000452)']];
 var tagMapper = {
   fail: 'error',
   process: 'prompt',
@@ -55992,7 +56026,7 @@ var statusIconMapper = {
   },
   'cloud-loading': 'loading'
 };
-var color = new Map([].concat(brandColor, grey, error, success, warning, help));
+var color = new Map([].concat(brandColor, grey, error, success, warning, help, mention));
 
 var getColor = function getColor(symbol) {
   var value = color.get((symbol !== null && symbol !== void 0 ? symbol : '').toLocaleLowerCase());
@@ -56501,6 +56535,7 @@ function echo(filedVal, options) {
 }
 /**
  * 处理 OnChange 数值
+ * 如果值为 [undefined, undefined] 则处理为 undefined
  * @param params
  * @returns
  */
@@ -56514,11 +56549,10 @@ function formatterOnchangeValue(params) {
     return _isNull ? undefined : params;
   }
 
-  if (params !== undefined && params !== null && params !== '') {
-    return params;
-  }
-
-  return undefined;
+  return params; // if (params !== undefined && params !== null && params !== '') {
+  //   return params;
+  // }
+  // return undefined;
 }
 /**
  * 调用用户onChange方法前做的操作
@@ -56547,26 +56581,73 @@ function isNull(val) {
 
 /***/ }),
 
+/***/ 63978:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "O": () => (/* binding */ EditableContainer)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20701);
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-page-container');
+var EditableContainer = function EditableContainer(props) {
+  var id = props.id,
+      component = props.component,
+      children = props.children;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_index__WEBPACK_IMPORTED_MODULE_3__/* .PageContainerContext */ .QU),
+      editable = _React$useContext.editable,
+      selectedComponent = _React$useContext.selectedComponent,
+      onSelectComponent = _React$useContext.onSelectComponent;
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    onClick: function onClick() {
+      onSelectComponent && onSelectComponent({
+        id: id,
+        component: component
+      });
+    },
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('selectable'), {
+      selected: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) === id
+    })
+  }));
+};
+
+/***/ }),
+
 /***/ 20701:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "OP": () => (/* reexport safe */ _editable__WEBPACK_IMPORTED_MODULE_6__.O),
+/* harmony export */   "QU": () => (/* binding */ PageContainerContext),
 /* harmony export */   "Oy": () => (/* binding */ usePageContainer),
-/* harmony export */   "OP": () => (/* binding */ EditableContainer),
 /* harmony export */   "$0": () => (/* binding */ Section),
+/* harmony export */   "Nc": () => (/* binding */ ProPageContainerFixedFooter),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18944);
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96979);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _editable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(63978);
 var _excluded = ["children", "className"],
     _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea"],
     _excluded3 = ["key", "path"];
@@ -56744,33 +56825,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-page-container');
 var PageContainerContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
 var usePageContainer = function usePageContainer() {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext);
 };
-var EditableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(false);
-var SelectedComponentContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
-var SetSelectedContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
-var EditableContainer = function EditableContainer(props) {
-  var id = props.id,
-      component = props.component,
-      children = props.children;
-  var editable = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(EditableContext);
-  var selectedComponent = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(SelectedComponentContext);
-  var setSelected = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(SetSelectedContext);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    onClick: function onClick() {
-      setSelected && setSelected({
-        id: id,
-        component: component
-      });
-    },
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('selectable'), {
-      selected: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) === id
-    })
-  }));
-};
 var Section = function Section(props) {
   var children = props.children,
       className = props.className,
@@ -56780,7 +56841,23 @@ var Section = function Section(props) {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('section'), className)
   }, others), children);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (props) {
+var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext),
+      registerFixedFooter = _useContext.registerFixedFooter;
+
+  var children = props.children;
+  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
+    registerFixedFooter && registerFixedFooter(children);
+  }, [children]);
+
+  if (!registerFixedFooter) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
+  }
+
+  return null;
+};
+
+var ProPageContainer = function ProPageContainer(props) {
   var _props$editable = props.editable,
       editable = _props$editable === void 0 ? false : _props$editable,
       selectedComponent = props.selectedComponent,
@@ -56809,19 +56886,21 @@ var Section = function Section(props) {
       isClosed = _React$useState2[0],
       setIsClosed = _React$useState2[1];
 
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      switchAffixed = _React$useState4[0],
-      setSwitchAffixed = _React$useState4[1];
+      registedFixedFooter = _React$useState4[0],
+      setRegistedFixedFooter = _React$useState4[1];
 
   var containerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
-  var scrollContainerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+  var switchRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+  var switchInViewport = (0,ahooks__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(switchRef);
+  var showFixedSwitch = !!switchRef.current && switchInViewport === false;
   var controlMode = sidebarClosed !== undefined;
   var showToggle = sidebarCloseable || controlMode;
   var closedState = showToggle && (controlMode ? sidebarClosed : isClosed);
   var bordered = !!sidebar || !!switchArea;
   var scorllContentOnly = scrollArea === 'content';
-  var hasFixedFooter = fixedFooter && !!footer;
+  var hasFixedFooter = fixedFooter && !!footer || registedFixedFooter;
 
   var onSideBarToggle = function onSideBarToggle() {
     sidebarOnToggle && sidebarOnToggle(!sidebarClosed);
@@ -56907,31 +56986,23 @@ var Section = function Section(props) {
   var Header = header ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: cls('header')
   }, header) : null;
-  var Footer = footer ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+  var Footer = footer || registedFixedFooter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('footer'), "align-".concat(footerAlign), {
       fixed: hasFixedFooter
     })
-  }, footer) : null;
+  }, registedFixedFooter, footer) : null;
   var Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body'), {
       unscrollable: scorllContentOnly
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Affix, {
-    container: function container() {
-      return hasFixedFooter ? scrollContainerRef.current : containerRef.current;
-    },
-    onAffix: setSwitchAffixed
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-top'), {
-      affixed: switchAffixed
-    })
-  }, switchArea && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('switch'), {
-      affixed: switchAffixed
-    })
+    className: cls('body-top')
+  }, switchArea && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+    ref: switchRef,
+    className: cls('section', 'switch')
   }, renderSwitch()), bordered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('split-line')
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-bottom'), {
       unscrollable: scorllContentOnly
     })
@@ -56944,27 +57015,30 @@ var Section = function Section(props) {
     className: cls('operation')
   }, operation), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: cls('content')
-  }, content, children), !fixedFooter && Footer)));
+  }, content, children), !hasFixedFooter && Footer)));
+  var FixedTop = showFixedSwitch ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+    className: cls('fixed-top')
+  }, renderSwitch()) : null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageContainerContext.Provider, {
     value: {
-      ref: containerRef
+      ref: containerRef,
+      registerFixedFooter: setRegistedFixedFooter,
+      editable: editable,
+      selectedComponent: selectedComponent,
+      onSelectComponent: onSelectComponent
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EditableContext.Provider, {
-    value: editable
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SelectedComponentContext.Provider, {
-    value: selectedComponent
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SetSelectedContext.Provider, {
-    value: onSelectComponent
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("main", _objectSpread({
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls(''), {
       'fixed-footer': hasFixedFooter
     }),
     ref: containerRef
-  }, others), !hasFixedFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Header, Content), hasFixedFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
-    ref: scrollContainerRef,
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('section'), cls('fixed-top-container'))
-  }, Header, Content), Footer))))));
-});
+  }, others), FixedTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+    className: cls('section', 'scroll-container')
+  }, Header, Content), hasFixedFooter && Footer));
+};
+
+ProPageContainer.FixedFooter = ProPageContainerFixedFooter;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageContainer);
 
 /***/ }),
 
@@ -57386,6 +57460,7 @@ function useDangerConfirmAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67096);
 /* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28653);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95983);
 var _excluded = ["schema"],
     _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish"];
 
@@ -57407,6 +57482,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 function getDefaultFormPropsByDialogSize(size) {
   if (size === 'small') {
     return {
@@ -57494,7 +57570,7 @@ var DialogForm = function DialogForm(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, _extends({
     form: form,
     schema: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(formSchema, context)
-  }, getDefaultFormPropsByDialogSize(size), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(others, context))));
+  }, getDefaultFormPropsByDialogSize(size), (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .addContext */ .F)((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(others, context), context))));
 };
 
 function useDialogFormAction(action, context) {
@@ -57624,8 +57700,9 @@ function useDialogTableAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89417);
 /* harmony import */ var _utils_message__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94891);
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(54842);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54842);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(67096);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95983);
 var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
     _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "overlayProps"],
     _excluded3 = ["className"];
@@ -57654,6 +57731,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 function addContextForReactNode(content, context) {
   if (typeof content === 'function' && context) {
     return content(context);
@@ -57838,7 +57916,7 @@ function useDialogAction(action, context) {
     });
     var dialogContent = Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({
       key: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.uuid)()
-    }, componentProps)) : addContextForReactNode(content, dialogContext);
+    }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
 
     var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
@@ -57861,7 +57939,7 @@ function useDialogAction(action, context) {
     store.hide = ret.hide;
   };
 
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_8__/* .eventHandler */ .$)(action, onActionStart));
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_9__/* .eventHandler */ .$)(action, onActionStart));
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDialogAction);
 
@@ -58217,7 +58295,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
       triggerType: 'hover'
     },
     popupProps: {
-      shouldUpdatePosition: true
+      v2: true
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)
@@ -58482,14 +58560,112 @@ function useRequestAction(action, context) {
 
 /***/ }),
 
+/***/ 95983:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "F": () => (/* binding */ addContext)
+/* harmony export */ });
+var _excluded = ["context"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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; }
+
+function addContext(props, context) {
+  if (!props) {
+    return {
+      context: context
+    };
+  }
+
+  var propsContext = props.context,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var mergedContext = Object.assign({}, propsContext, context);
+  return _objectSpread({
+    context: mergedContext
+  }, others);
+}
+
+/***/ }),
+
+/***/ 18110:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "l": () => (/* binding */ ProCardContainer),
+/* harmony export */   "_": () => (/* binding */ CardContainer)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39465);
+
+
+/**
+ * @deprecated 建议使用 ProCardProps 代替
+ */
+
+/**
+ * @deprecated 建议使用 ProCard 代替
+ */
+var ProCardContainer = function ProCardContainer(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_1__/* .ProCard */ .QW, props);
+};
+ProCardContainer.defaultProps = {
+  compacted: true,
+  direction: 'column'
+};
+/**
+ * @deprecated 建议使用 ProCardContainer 代替
+ */
+
+var CardContainer = ProCardContainer;
+/**
+ * @deprecated 建议使用 ProCardContainerProps 代替
+ */
+
+/***/ }),
+
+/***/ 66113:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+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); }
+
+
+
+var ProCardDivider = function ProCardDivider(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    className: "teamix-pro-card-divider"
+  }, props));
+};
+
+ProCardDivider.isProCardDivider = true;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCardDivider);
+
+/***/ }),
+
 /***/ 39465:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "l0": () => (/* binding */ ProCardContainer),
-/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "_L": () => (/* binding */ CardContainer)
+/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_9__._),
+/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_9__.l),
+/* harmony export */   "QW": () => (/* binding */ ProCard),
+/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -58497,9 +58673,16 @@ function useRequestAction(action, context) {
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53277);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28758);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20559);
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(66113);
+/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(18110);
+var _excluded = ["context"],
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "description", "extra", "actions", "style", "className", "image", "divider", "bordered", "compacted", "centered", "loading", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -58508,6 +58691,7 @@ 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 _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; }
 
 
 
@@ -58515,164 +58699,270 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-card');
 
-function formatSpacing(spacing) {
-  var spacingArray = spacing instanceof Array ? spacing : [spacing || 0, spacing || 0];
-  return {
-    horizonal: spacingArray[0] / 2,
-    vertical: spacingArray[1] / 2
-  };
-}
 
-function getColClassAndStyle(col) {
-  if (!col) {
-    return {
-      style: {}
-    };
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-card');
+
+var renderActionGroup = function renderActionGroup(extra, context) {
+  if (!extra) {
+    return null;
   }
 
-  if (typeof col === 'number') {
-    return {
-      className: cls("col-" + col),
-      style: {}
-    };
+  if (extra.actions instanceof Array) {
+    var _ref = extra,
+        userContext = _ref.context,
+        others = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+    var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({
+      context: mergedContext
+    }, others, {
+      type: "text"
+    }));
   }
 
-  return {
-    style: {
-      width: col,
-      flexShrink: 0
-    }
-  };
-}
+  return extra;
+};
 
-var ProCardContainer = function ProCardContainer(props) {
+var getFlexDirectionClassName = function getFlexDirectionClassName(direction, split) {
+  if (split) {
+    return "flex-direction-" + (split === 'horizontal' ? 'row' : 'column');
+  }
+
+  return "flex-direction-" + direction;
+};
+
+var ProCard = function ProCard(props) {
   var _classnames;
 
   var children = props.children,
+      title = props.title,
+      subTitle = props.subTitle,
+      tooltip = props.tooltip,
+      tooltipIcon = props.tooltipIcon,
+      description = props.description,
+      extra = props.extra,
+      actions = props.actions,
       style = props.style,
       className = props.className,
-      spacing = props.spacing,
+      image = props.image,
+      divider = props.divider,
+      bordered = props.bordered,
+      compacted = props.compacted,
+      centered = props.centered,
+      loading = props.loading,
+      backgroundColor = props.backgroundColor,
+      contentClassName = props.contentClassName,
+      contentStyle = props.contentStyle,
       direction = props.direction,
-      wrap = props.wrap;
+      wrap = props.wrap,
+      spacing = props.spacing,
+      split = props.split,
+      collapsible = props.collapsible,
+      defaultCollapsed = props.defaultCollapsed,
+      collapsed = props.collapsed,
+      onCollapse = props.onCollapse,
+      context = props.context,
+      others = _objectWithoutPropertiesLoose(props, _excluded2);
 
-  var _formatSpacing = formatSpacing(spacing),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
+      innerCollapseState = _React$useState[0],
+      setInnerCollapseState = _React$useState[1];
+
+  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .formatSpacing */ .A)(spacing),
       horizonal = _formatSpacing.horizonal,
-      vertical = _formatSpacing.vertical; // 如果嵌套了 ProCard，为其添加一层栅格化的 col 和 padding
+      vertical = _formatSpacing.vertical;
+
+  var hasDivider = (divider || !!split) && (title || extra);
+  var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
+  var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
+  var showContent = hasCollapse ? !collapseState : true;
+
+  var onCollapseChanged = function onCollapseChanged() {
+    onCollapse && onCollapse(!collapseState);
+
+    if (collapsed !== undefined) {
+      return;
+    }
 
+    setInnerCollapseState(!collapseState);
+  };
+
+  var childCardStyle = split ? {} : {
+    paddingRight: horizonal,
+    paddingLeft: horizonal,
+    paddingTop: vertical,
+    paddingBottom: vertical
+  };
+  var dividerStyle = direction === 'row' || direction === 'row-reverse' ? {
+    marginTop: vertical,
+    marginBottom: vertical,
+    marginLeft: 20 - horizonal,
+    marginRight: 20 - horizonal
+  } : {
+    marginTop: 20 - vertical,
+    marginBottom: 20 - vertical,
+    marginLeft: horizonal,
+    marginRight: horizonal
+  }; // 判断是否套了卡片，如果套了的话，为自身卡片内容区设置负间距，以适配栅格系统
+
+  var containProCard = false; // 如果嵌套了 ProCard，为其添加一层栅格化的 col 和 padding
 
   var childrenModified = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (element, index) {
-    var _element$type;
+    var _element$type, _element$type2;
 
     if (element != null && (_element$type = element.type) != null && _element$type.isProCard) {
+      containProCard = true;
       var col = element.props.col;
 
-      var _getColClassAndStyle = getColClassAndStyle(col),
+      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getColClassAndStyle */ .Q)(col),
           colClassName = _getColClassAndStyle.className,
           colStyle = _getColClassAndStyle.style;
 
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        style: _objectSpread({
-          paddingRight: horizonal,
-          paddingLeft: horizonal,
-          paddingTop: vertical,
-          paddingBottom: vertical
-        }, colStyle),
+        style: _objectSpread(_objectSpread({}, childCardStyle), colStyle),
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('col'), colClassName),
         key: "pro-card-col-" + index
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element));
     }
 
+    if (element != null && (_element$type2 = element.type) != null && _element$type2.isProCardDivider) {
+      console.log('isProCardDivider');
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element, {
+        style: dividerStyle
+      });
+    }
+
     return element;
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    style: _objectSpread({
-      marginLeft: -horizonal,
-      marginRight: -horizonal,
-      marginTop: -vertical,
-      marginBottom: -vertical
-    }, style),
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, cls('container'), cls("container-flex-" + direction), (_classnames = {}, _classnames[cls('container-wrap')] = wrap, _classnames))
-  }, childrenModified);
-};
-ProCardContainer.defaultProps = {
-  spacing: 16,
-  direction: 'column'
-};
-
-var renderExtra = function renderExtra(extra) {
-  if (!extra) {
-    return null;
-  }
-
-  if (extra.actions instanceof Array) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_5__/* .ProActionGroup */ .d5, _extends({}, extra, {
-      type: "text"
-    }));
-  }
+  var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className, backgroundColor, {
+    noBorder: !bordered,
+    compacted: compacted
+  });
+  var cardContentClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames = {
+    'contain-pro-card': containProCard
+  }, _classnames["split-" + split] = split, _classnames['flex-wrap'] = wrap, _classnames.centered = centered, _classnames));
+  var cardContentMargin = containProCard && !split ? {
+    marginRight: -horizonal,
+    marginLeft: -horizonal,
+    marginTop: -vertical,
+    marginBottom: -vertical
+  } : {};
+
+  var cardContentStyle = _objectSpread(_objectSpread({}, cardContentMargin), contentStyle);
 
-  return extra;
-};
+  var renderTitle = function renderTitle() {
+    var icon = tooltipIcon || 'info-circle-line';
+    var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      size: "small",
+      type: icon
+    }) : icon;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title')
+    }, hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('title-collapse'), {
+        collapsed: collapseState
+      }),
+      onClick: onCollapseChanged
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      size: "small",
+      type: "down-fill"
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-name')
+    }, title)), !hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-name')
+    }, title), tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-tooltip')
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon.Tooltip, {
+      align: "t",
+      trigger: tooltipTrigger
+    }, tooltip)), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-description')
+    }, description));
+  };
 
-var ProCard = function ProCard(props) {
-  var children = props.children,
-      title = props.title,
-      subTitle = props.subTitle,
-      extra = props.extra,
-      style = props.style,
-      className = props.className,
-      image = props.image,
-      divider = props.divider,
-      bordered = props.bordered,
-      hoveredShadow = props.hoveredShadow,
-      compacted = props.compacted,
-      centered = props.centered,
-      loading = props.loading,
-      backgroundColor = props.backgroundColor,
-      contentClassName = props.contentClassName,
-      contentStyle = props.contentStyle;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, _extends({
     free: true,
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className, backgroundColor, {
-      noBorder: !bordered,
-      noHoveredShadow: !hoveredShadow,
-      compacted: compacted
-    }),
-    style: style
-  }, !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Media, {
+    className: cardClassName,
+    style: style,
+    actions: renderActionGroup(actions, context)
+  }, others), !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Media, {
     component: "img",
     src: image
   }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, {
-    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : title,
+    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
     subTitle: !loading && subTitle,
-    extra: !loading && renderExtra(extra)
-  }), divider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Content, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, {
-      centered: centered
-    }),
-    style: contentStyle
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && children));
+    extra: !loading && renderActionGroup(extra, context)
+  }), hasDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Content, {
+    style: split ? {
+      padding: 0,
+      margin: 0
+    } : {}
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cardContentClassName,
+    style: cardContentStyle
+  }, childrenModified)));
 };
-
 ProCard.defaultProps = {
   bordered: true,
-  hoveredShadow: false
-}; // @ts-ignore
-
+  spacing: 16,
+  direction: 'row'
+};
+ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z;
 ProCard.isProCard = true;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCard);
-/**
- * @deprecated 建议使用 ProCardContainer 代替
- */
-
-var CardContainer = ProCardContainer;
 /**
  * @deprecated 建议使用 ProCardProps 代替
  */
 
 /***/ }),
 
+/***/ 20559:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "A": () => (/* binding */ formatSpacing),
+/* harmony export */   "Q": () => (/* binding */ getColClassAndStyle)
+/* harmony export */ });
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass)('teamix-pro-card');
+function formatSpacing(spacing) {
+  var spacingArray = spacing instanceof Array ? spacing : [spacing || 0, spacing || 0];
+  return {
+    horizonal: spacingArray[0] / 2,
+    vertical: spacingArray[1] / 2
+  };
+}
+function getColClassAndStyle(col) {
+  if (!col) {
+    return {
+      style: {}
+    };
+  }
+
+  if (typeof col === 'number') {
+    return {
+      className: cls("col-" + col),
+      style: {}
+    };
+  }
+
+  return {
+    style: {
+      width: col,
+      flexShrink: 0
+    }
+  };
+}
+
+/***/ }),
+
 /***/ 75241:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -59053,12 +59343,7 @@ var componentBuilder = function componentBuilder(type) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({}, props, {
       type: type
     }));
-  }, (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapProps)(_utils__WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .zb, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapStatus */ .OA, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapDataSource */ .Lx, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapMode */ .kw), (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapReadPretty)(function (props) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({}, props, {
-      type: type,
-      mode: "read"
-    }));
-  }));
+  }, (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapProps)(_utils__WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .zb, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapStatus */ .OA, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapDataSource */ .Lx, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapMode */ .kw));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((function () {
@@ -59564,10 +59849,17 @@ AdvancedFilter.defaultProps = {
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51344);
 /* harmony import */ var _useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86924);
 /* harmony import */ var _useInitialRequest__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8550);
-var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "className"];
+/* harmony import */ var _locales_validate__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(67315);
+var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "context", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "className"];
 
 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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; }
 
 
@@ -59581,12 +59873,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+(0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.registerValidateLocale)(_locales_validate__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z);
 var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.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,
@@ -59602,11 +59897,18 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.createForm)();
+    return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.createForm)({
+      validateFirst: true
+    });
   }, []);
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form'
   });
+  var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, scope), {}, {
+      context: context
+    });
+  }, [scope, context]);
   var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit);
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return breakpoints ? {
@@ -59644,17 +59946,12 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
         form.setInitialValues(values);
       });
     }
+  }, []); // 配置国际化
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.setValidateLanguage)((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getLanguage)() || 'zh-cn');
   }, []);
-  return outerForm === false ?
-  /*#__PURE__*/
-  // 特殊表单，无需渲染form实例，例如FormDialog等
-  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.FormLayout, _extends({
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className)
-  }, otherProps, getTeamixLayout), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SchemaForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-    schema: schema,
-    scope: scope,
-    components: components
-  }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.Form, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.Form, _extends({
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className)
   }, otherProps, getTeamixLayout, {
     form: form,
@@ -59662,9 +59959,30 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
     onAutoSubmitFailed: onSubmitFailed
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SchemaForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
     schema: schema,
-    scope: scope,
+    scope: mergedScope,
     components: components
-  }), children);
+  }), children); // return outerForm === false ? ( // 特殊表单，无需渲染form实例，例如FormDialog等
+  //   <FormLayout
+  //     className={cls(prefixCls, className)}
+  //     {...otherProps}
+  //     {...getTeamixLayout}
+  //   >
+  //     <SchemaForm schema={schema} scope={scope} components={components} />
+  //     {children}
+  //   </FormLayout>
+  // ) : (
+  //   <Form
+  //     className={cls(prefixCls, className)}
+  //     {...otherProps}
+  //     {...getTeamixLayout}
+  //     form={form}
+  //     onAutoSubmit={onAutoSubmit}
+  //     onAutoSubmitFailed={onSubmitFailed}
+  //   >
+  //     <SchemaForm schema={schema} scope={scope} components={components} />
+  //     {children}
+  //   </Form>
+  // );
 });
 ProForm.defaultProps = {
   colon: false,
@@ -59693,7 +60011,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var useAutoSubmit = function useAutoSubmit(onSubmit) {
+var useAutoSubmit = function useAutoSubmit(onSubmit, context) {
   if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isObj)(onSubmit)) {
     var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_0__.useHistory)();
     var submitConfig = onSubmit;
@@ -59702,9 +60020,9 @@ var useAutoSubmit = function useAutoSubmit(onSubmit) {
         method: 'POST'
       }, submitConfig), {}, {
         params: _objectSpread(_objectSpread({}, values), submitConfig.params || {})
-      }), {
+      }), _objectSpread({
         fields: values
-      }, history);
+      }, context), history);
     };
   }
 
@@ -59835,10 +60153,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var useInitialRequest = function useInitialRequest(initialRequest) {
+var useInitialRequest = function useInitialRequest(initialRequest, context) {
   return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.doCommonRequest)(_objectSpread({
     method: 'GET'
-  }, initialRequest));
+  }, initialRequest), context);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useInitialRequest);
@@ -60430,7 +60748,7 @@ var initializeDataSource = function initializeDataSource(dataSource) {
     var requestScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$request');
     var dataSourceScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$dataSource');
     return {
-      reactions: ["{{" + dataSourceScopeName + "(" + requestScopeName + "," + _requestConfig.onComplete + ")}}"],
+      reactions: ["{{" + dataSourceScopeName + "(" + requestScopeName + "," + _requestConfig.onComplete + ",context)}}"],
       scope: (_scope = {}, _scope[requestScopeName] = (0,_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$request */ .bE)(_requestConfig), _scope[dataSourceScopeName] = _reactions__WEBPACK_IMPORTED_MODULE_1__/* .$dataSource */ .Sv, _scope)
     };
   }
@@ -60453,6 +60771,7 @@ var initializeDataSource = function initializeDataSource(dataSource) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
 var _excluded = ["sticky", "container", "onAffix"];
 
 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; }
@@ -60463,9 +60782,10 @@ 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; }
 
+
 var buttonTextMap = {
-  Submit: '提交',
-  Reset: '重置'
+  Submit: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('submit'),
+  Reset: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('reset')
 };
 
 var initializeButton = function initializeButton(item) {
@@ -60876,9 +61196,10 @@ var initializeRequest = function initializeRequest(requestConfig) {
     var _scope;
 
     var requestScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .getRandomName */ .VO)('$request');
+    var contextScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .getRandomName */ .VO)('$context');
     return {
-      reactions: ["{{" + requestScopeName + "}}"],
-      scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$request */ .bE)(requestConfig), _scope)
+      reactions: ["{{" + contextScopeName + "(" + requestScopeName + "," + requestConfig.onComplete + ",context)}}"],
+      scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$request */ .bE)(requestConfig), _scope[contextScopeName] = _SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$context */ .Am, _scope)
     };
   }
 
@@ -60923,7 +61244,7 @@ var initializeRules = function initializeRules(rules) {
       var validatorScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$validator');
       return {
         rules: _objectSpread(_objectSpread({}, rule), {}, {
-          validator: "{{" + validatorScopeName + "(" + requestScopeName + "," + validator.onComplete + ")}}"
+          validator: "{{" + validatorScopeName + "(" + requestScopeName + "," + validator.onComplete + ",context)}}"
         }),
         scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$request */ .bE)(validator), _scope[validatorScopeName] = _SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$validator */ .fn, _scope)
       };
@@ -60960,6 +61281,7 @@ var initializeRules = function initializeRules(rules) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "bE": () => (/* binding */ $request),
+/* harmony export */   "Am": () => (/* binding */ $context),
 /* harmony export */   "Sv": () => (/* binding */ $dataSource),
 /* harmony export */   "fn": () => (/* binding */ $validator)
 /* harmony export */ });
@@ -60974,44 +61296,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 // 配置请求
 var $request = function $request(requestConfig) {
-  return function (field) {
+  return function (field, context) {
     var _field$data;
 
     var refresh = field == null ? void 0 : (_field$data = field.data) == null ? void 0 : _field$data.refresh;
     var beforeRequest = requestConfig.beforeRequest,
         onSuccess = requestConfig.onSuccess;
     var refreshResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isPlainObj)(refresh) ? refresh : {};
-    var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field) : {};
+    var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field, context) : {};
     return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.doCommonRequest)(_objectSpread(_objectSpread({}, requestConfig), {}, {
       params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
       beforeRequest: function beforeRequest() {
         return beforeRequestResult;
       },
       onSuccess: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(onSuccess) ? function (res) {
-        return onSuccess(res, field);
+        return onSuccess(res, field, context);
       } : onSuccess
-    }), field);
+    }), context);
+  };
+}; // 配置上下文
+
+
+var $context = function $context(services, onComplete, context) {
+  return function (field) {
+    return services(field, context).then(function (res) {
+      return onComplete && onComplete(res, field, context);
+    });
   };
 }; // 配置校验
 
 
-var $validator = function $validator(services, onComplete) {
+var $validator = function $validator(services, onComplete, context) {
   return function (value, rules, _ref) {
     var field = _ref.field;
-    return services(field).then(function (res) {
-      return onComplete && onComplete(res, field);
+    return services(field, context).then(function (res) {
+      return onComplete && onComplete(res, field, context);
     });
   };
 }; // 配置DataSource
 
 
-var $dataSource = function $dataSource(services, onComplete) {
+var $dataSource = function $dataSource(services, onComplete, context) {
   return function (field) {
     field.setState({
       loading: true,
       readOnly: true
     });
-    return services(field).then(function (res) {
+    return services(field, context).then(function (res) {
       var _res$map;
 
       var isValueInDataSource = res == null ? void 0 : (_res$map = res.map(function (v) {
@@ -61025,7 +61356,7 @@ var $dataSource = function $dataSource(services, onComplete) {
         loading: false,
         readOnly: false
       }, clearValue));
-      return onComplete && onComplete(res, field);
+      return onComplete && onComplete(res, field, context);
     })["catch"](function () {
       field.setState({
         loading: false,
@@ -61177,6 +61508,174 @@ var formilyReact = _objectSpread(_objectSpread({}, _formily_react__WEBPACK_IMPOR
 
 /***/ }),
 
+/***/ 67315:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  en: {
+    pattern: 'This field  does not match any pattern',
+    required: 'This field is required',
+    number: 'This field is not a number',
+    integer: 'This field is not an integer number',
+    url: 'This field is a invalid url',
+    email: 'This field is not a email format',
+    ipv6: 'This field is not a ipv6 format',
+    ipv4: 'This field is not a ipv4 format',
+    idcard: 'This field is not an idcard format',
+    taodomain: 'This field is not a taobao domain format',
+    qq: 'This field is not a qq number format',
+    phone: 'This field is not a phone number format',
+    money: 'This field is not a currency format',
+    zh: 'This field is not a chinese string',
+    date: 'This field is not a valid date format',
+    zip: 'This field is not a zip format',
+    len: 'The length or number of entries must be {{len}}',
+    min: 'The length or number of entries must be at least {{min}}',
+    maximum: 'The value cannot be greater than {{maximum}}',
+    exclusiveMaximum: 'The value must be less than {{exclusiveMaximum}}',
+    minimum: 'The value cannot be less than {{minimum}}',
+    exclusiveMinimum: 'The value must be greater than {{exclusiveMinimum}}',
+    max: 'The length or number of entries must be at most {{max}}',
+    whitespace: 'This field cannot be blank string.'
+  },
+  'en-us': {
+    pattern: 'This field  does not match any pattern',
+    required: 'This field is required',
+    number: 'This field is not a number',
+    integer: 'This field is not an integer number',
+    url: 'This field is a invalid url',
+    email: 'This field is not a email format',
+    ipv6: 'This field is not a ipv6 format',
+    ipv4: 'This field is not a ipv4 format',
+    idcard: 'This field is not an idcard format',
+    taodomain: 'This field is not a taobao domain format',
+    qq: 'This field is not a qq number format',
+    phone: 'This field is not a phone number format',
+    money: 'This field is not a currency format',
+    zh: 'This field is not a chinese string',
+    date: 'This field is not a valid date format',
+    zip: 'This field is not a zip format',
+    len: 'The length or number of entries must be {{len}}',
+    min: 'The length or number of entries must be at least {{min}}',
+    maximum: 'The value cannot be greater than {{maximum}}',
+    exclusiveMaximum: 'The value must be less than {{exclusiveMaximum}}',
+    minimum: 'The value cannot be less than {{minimum}}',
+    exclusiveMinimum: 'The value must be greater than {{exclusiveMinimum}}',
+    max: 'The length or number of entries must be at most {{max}}',
+    whitespace: 'This field cannot be blank string.'
+  },
+  zh: {
+    pattern: '该字段不是一个合法的字段',
+    required: '该字段是必填字段',
+    number: '该字段不是合法的数字',
+    integer: '该字段不是合法的整型数字',
+    url: '该字段不是合法的url',
+    email: '该字段不是合法的邮箱格式',
+    ipv6: '该字段不是合法的ipv6格式',
+    ipv4: '该字段不是合法的ipv4格式',
+    idcard: '该字段不是合法的身份证格式',
+    taodomain: '该字段不符合淘系域名规则',
+    qq: '该字段不符合QQ号格式',
+    phone: '该字段不是有效的手机号',
+    money: '该字段不是有效货币格式',
+    zh: '该字段不是合法的中文字符串',
+    date: '该字段不是合法的日期格式',
+    zip: '该字段不是合法的邮编格式',
+    len: '长度或条目数必须为{{len}}',
+    min: '长度或条目数不能小于{{min}}',
+    max: '长度或条目数不能大于{{max}}',
+    maximum: '数值不能大于{{maximum}}',
+    exclusiveMaximum: '数值必须小于{{exclusiveMaximum}}',
+    minimum: '数值不能小于{{minimum}}',
+    exclusiveMinimum: '数值必须大于{{exclusiveMinimum}}',
+    whitespace: '不能为纯空白字符串'
+  },
+  'zh-cn': {
+    pattern: '该字段不是一个合法的字段',
+    required: '该字段是必填字段',
+    number: '该字段不是合法的数字',
+    integer: '该字段不是合法的整型数字',
+    url: '该字段不是合法的url',
+    email: '该字段不是合法的邮箱格式',
+    ipv6: '该字段不是合法的ipv6格式',
+    ipv4: '该字段不是合法的ipv4格式',
+    idcard: '该字段不是合法的身份证格式',
+    taodomain: '该字段不符合淘系域名规则',
+    qq: '该字段不符合QQ号格式',
+    phone: '该字段不是有效的手机号',
+    money: '该字段不是有效货币格式',
+    zh: '该字段不是合法的中文字符串',
+    date: '该字段不是合法的日期格式',
+    zip: '该字段不是合法的邮编格式',
+    len: '长度或条目数必须为{{len}}',
+    min: '长度或条目数不能小于{{min}}',
+    max: '长度或条目数不能大于{{max}}',
+    maximum: '数值不能大于{{maximum}}',
+    exclusiveMaximum: '数值必须小于{{exclusiveMaximum}}',
+    minimum: '数值不能小于{{minimum}}',
+    exclusiveMinimum: '数值必须大于{{exclusiveMinimum}}',
+    whitespace: '不能为纯空白字符串'
+  },
+  'zh-tw': {
+    pattern: '該字段不是一個合法的字段',
+    required: '該字段是必填字段',
+    number: '該字段不是合法的數字',
+    integer: '該字段不是合法的整型數字',
+    url: '該字段不是合法的url',
+    email: '該字段不是合法的郵箱格式',
+    ipv6: '該字段不是合法的ipv6格式',
+    ipv4: '該字段不是合法的ipv4格式',
+    idcard: '該字段不是合法的身份證格式',
+    taodomain: '該字段不符合淘系域名規則',
+    qq: '該字段不符合QQ號格式',
+    phone: '該字段不是有效的手機號',
+    money: '該字段不是有效貨幣格式',
+    zh: '該字段不是合法的中文字符串',
+    date: '該字段不是合法的日期格式',
+    zip: '該字段不是合法的郵編格式',
+    len: '長度或條目數必須為{{len}}',
+    min: '長度或條目數不能小於{{min}}',
+    max: '長度或條目數不能大於{{max}}',
+    maximum: '數值不能大於{{maximum}}',
+    exclusiveMaximum: '數值必須小於{{exclusiveMaximum}}',
+    minimum: '數值不能小於{{minimum}}',
+    exclusiveMinimum: '數值必須大於{{exclusiveMinimum}}',
+    whitespace: '不能為純空白字符串'
+  },
+  ja: {
+    url: 'このフィールドは無効なURLです',
+    whitespace: 'このフィールドを空の文字列にすることはできません。',
+    zh: 'このフィールドは中国語の文字列ではありません',
+    zip: 'このフィールドはzip形式ではありません',
+    date: 'このフィールドは有効な日付形式ではありません',
+    email: 'このフィールドはメール形式ではありません',
+    exclusiveMaximum: '値は{{exclusiveMaximum}}未満である必要があります',
+    exclusiveMinimum: '値は{{exclusiveMinimum}}より大きい必要があります',
+    idcard: 'このフィールドはIDカード形式ではありません',
+    integer: 'このフィールドは整数ではありません',
+    ipv4: 'このフィールドはIPv4形式ではありません',
+    ipv6: 'このフィールドはIPv6形式ではありません',
+    len: 'エントリの長さまたは数は{{len}}でなければなりません',
+    max: 'エントリの長さまたは数は最大{{max}}でなければなりません',
+    maximum: '値は{{最大}}を超えることはできません',
+    min: 'エントリの長さまたは数は、少なくとも{{min}}である必要があります',
+    minimum: '値は{{minimum}}以上にする必要があります',
+    money: 'このフィールドは通貨形式ではありません',
+    number: 'このフィールドは数値ではありません',
+    pattern: 'このフィールドはどのパターンとも一致しません',
+    phone: 'このフィールドは電話番号の形式ではありません',
+    qq: 'このフィールドはqq数値形式ではありません',
+    required: 'この項目は必須です',
+    taodomain: 'このフィールドは淘宝網ドメイン形式ではありません'
+  }
+});
+
+/***/ }),
+
 /***/ 7716:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -61502,6 +62001,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PlayGroundLayout": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PlayGroundLayout),
 /* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.initConfigurator),
 /* harmony export */   "EditableContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.OP),
+/* harmony export */   "PageContainerContext": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.QU),
+/* harmony export */   "ProPageContainerFixedFooter": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Nc),
 /* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.$0),
 /* harmony export */   "usePageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Oy),
 /* harmony export */   "BaseSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.aM),
@@ -61562,7 +62063,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConf
 
 
 
-var version = '1.2.0';
+var version = '1.2.5';
 
 
 /***/ }),
@@ -61581,7 +62082,7 @@ var version = '1.2.0';
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(27872);
-var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor"];
+var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];
 
 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); }
 
@@ -61614,6 +62115,8 @@ var ProInfoGroup = function ProInfoGroup(props) {
       style = props.style,
       _props$backgroundColo = props.backgroundColor,
       backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
+      _props$context = props.context,
+      context = _props$context === void 0 ? {} : _props$context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -61639,7 +62142,8 @@ var ProInfoGroup = function ProInfoGroup(props) {
     onError: onError,
     formatParams: formatParams,
     beforeRequest: beforeRequest,
-    extendParams: extendParams
+    extendParams: extendParams,
+    context: context
   };
   var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()({
     'teamix-pro-info-group-item': true,
@@ -61689,7 +62193,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
-var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource"];
+var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource", "context"];
 
 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); }
 
@@ -61722,6 +62226,7 @@ var InfoValueItem = function InfoValueItem(props) {
       record = props.record,
       actionRef = props.actionRef,
       dataSource = props.dataSource,
+      context = props.context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var dataIndex = infoItem.dataIndex,
@@ -61742,7 +62247,7 @@ var InfoValueItem = function InfoValueItem(props) {
 
     if (typeof render === 'function') {
       return function () {
-        render(value, record);
+        return render(value, record);
       };
     }
 
@@ -61762,9 +62267,8 @@ var InfoValueItem = function InfoValueItem(props) {
           var k = _ref3[0],
               v = _ref3[1];
           return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
-            record: record,
             value: value
-          }))];
+          }, context))];
         }));
       });
     }
@@ -61800,9 +62304,7 @@ var InfoValueItem = function InfoValueItem(props) {
         style: {
           marginLeft: '8px'
         },
-        context: {
-          record: record
-        }
+        context: _objectSpread({}, context)
       });
     }
 
@@ -62103,7 +62605,8 @@ var ProBaseInfo = function ProBaseInfo(props) {
       result = props.result,
       actionRef = props.actionRef,
       layout = props.layout,
-      size = props.size;
+      size = props.size,
+      context = props.context;
   var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _size$width : 0)]; // 获取列内的布局参数
 
   var getFormItemLayout = function getFormItemLayout(colspan) {
@@ -62156,7 +62659,8 @@ var ProBaseInfo = function ProBaseInfo(props) {
           dataSource: item.dataSource,
           infoItem: item,
           record: dataSource != null ? dataSource : result,
-          actionRef: actionRef
+          actionRef: actionRef,
+          context: context
         }),
         baseInfoLayout: getFormItemLayout((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 0),
         tooltip: item.tooltip,
@@ -62461,7 +62965,8 @@ var ProTableInfo = function ProTableInfo(props) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80653);
 /* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26245);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42345);
-var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
+var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra", "context"],
+    _excluded2 = ["context"];
 
 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); }
 
@@ -62510,6 +63015,7 @@ var ProInfo = function ProInfo(props) {
       dataSource = props.dataSource,
       userLoading = props.loading,
       extra = props.extra,
+      infoContext = props.context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_utils__WEBPACK_IMPORTED_MODULE_5__/* .ProInfoGroupContext */ .TH),
@@ -62523,7 +63029,9 @@ var ProInfo = function ProInfo(props) {
       contextOnError = _useContext.onError,
       contextFormatParams = _useContext.formatParams,
       contextBeforeRequest = _useContext.beforeRequest,
-      contextExtendParams = _useContext.extendParams; // 获取容器宽度
+      contextExtendParams = _useContext.extendParams,
+      _useContext$context = _useContext.context,
+      contextContext = _useContext$context === void 0 ? {} : _useContext$context; // 获取容器宽度
 
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -62556,7 +63064,12 @@ var ProInfo = function ProInfo(props) {
     } else {
       setLoading(false);
     }
-  }, []); // 获取数据
+  }, []);
+  var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, infoContext), {}, {
+      record: dataSource != null ? dataSource : data
+    }, contextContext);
+  }, [dataSource, data]); // 获取数据
 
   var request = function request() {
     setLoading(true);
@@ -62589,10 +63102,13 @@ var ProInfo = function ProInfo(props) {
       return extra;
     }
 
-    return _objectSpread(_objectSpread({}, extra), {}, {
-      context: {
-        record: dataSource != null ? dataSource : data
-      }
+    var _ref2 = extra,
+        _ref2$context = _ref2.context,
+        actionContext = _ref2$context === void 0 ? {} : _ref2$context,
+        others = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
+    return _objectSpread(_objectSpread({}, others), {}, {
+      context: _objectSpread(_objectSpread({}, context), actionContext)
     });
   };
 
@@ -62613,7 +63129,8 @@ var ProInfo = function ProInfo(props) {
     loading: userLoading || loading,
     result: data,
     actionRef: actionRef,
-    layout: layout
+    layout: layout,
+    context: context
   }), type === 'header' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_headerInfo__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
     dataSource: dataSource,
     columns: columns,
@@ -62622,7 +63139,8 @@ var ProInfo = function ProInfo(props) {
     result: data,
     actionRef: actionRef,
     layout: layout,
-    size: size
+    size: size,
+    context: context
   }), type === 'base' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_baseInfo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
     dataSource: dataSource,
     columns: columns,
@@ -62630,7 +63148,8 @@ var ProInfo = function ProInfo(props) {
     result: data,
     actionRef: actionRef,
     layout: layout,
-    size: size
+    size: size,
+    context: context
   })));
 };
 
@@ -62809,6 +63328,14 @@ var schema = [{
           name: 'subTitle',
           title: '副标题',
           component: 'Input'
+        }, {
+          name: 'tooltip',
+          title: '介绍信息',
+          component: 'Input'
+        }, {
+          name: 'description',
+          title: '描述文字',
+          component: 'Input'
         }, {
           name: 'extra',
           title: '额外信息',
@@ -62837,10 +63364,6 @@ var schema = [{
           name: 'bordered',
           title: '边框',
           component: 'Switch'
-        }, {
-          name: 'hoveredShadow',
-          title: '悬浮阴影',
-          component: 'Switch'
         }, {
           name: 'divider',
           title: '头部分割线',
@@ -64311,6 +64834,8 @@ var PlayGround = function PlayGround(props) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "OP": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.OP),
+/* harmony export */   "QU": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.QU),
+/* harmony export */   "Nc": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Nc),
 /* harmony export */   "$0": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.$0),
 /* harmony export */   "Oy": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Oy),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -64987,7 +65512,7 @@ var Layout = function Layout(props) {
   var renderPanelFilter = function renderPanelFilter() {
     var _dataFilter$schema2;
 
-    if (dataFilter && (dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) > 0) {
+    if (dataFilter && (dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) >= 0) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('panel-filter'),
         style: {
@@ -65392,27 +65917,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
   (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
     setNewColumns(processColumns(columns));
-  }, [columns]); // useEffect(() => {
-  //   console.log("这个函数被触发");
-  //   setTimeout(() => {
-  //     setFullscreen(actionRef?.current?.getState?.().fullScreenState ?? false);
-  //   }, 0)
-  // }, [])
-  // // 销毁监听函数
-  // useEffect(() => {
-  //   return () => {
-  //     actionRef.current?.off?.('filterColumnIcon');
-  //   };
-  // }, []);
-  // // 监听全屏变化
-  // actionRef.current?.on?.(
-  //   (state: boolean) => {
-  //     setFullscreen(state);
-  //   },
-  //   'fullScreenState',
-  //   'filterColumnIcon',
-  // );
-  // 全选
+  }, [columns]); // 全选
 
   var onChangeAllColumns = function onChangeAllColumns(check) {
     setAllVisible(check);
@@ -65611,9 +66116,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       onOk: onChangeColumnsForDialog,
       onCancel: dialogOnClose,
       onClose: dialogOnClose,
-      style: {
-        width: '440px'
-      }
+      width: 480
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Row, {
       gutter: 20,
       wrap: true,
@@ -66006,7 +66509,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53277);
 /* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9458);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90450);
-/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(78964);
 /* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(98806);
 /* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23779);
 /* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21630);
@@ -66017,6 +66520,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2781);
 var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest"];
 
 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); }
@@ -66047,6 +66551,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-table');
 var toJS = _form__WEBPACK_IMPORTED_MODULE_11__/* .formilyReactive.toJS */ .SP.toJS;
 /**
@@ -66220,10 +66725,10 @@ var ProTable = function ProTable(props) {
 
   var dataFilterForm = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_form__WEBPACK_IMPORTED_MODULE_11__/* .createForm */ .Np)();
-  }, []); // 获取内容区是否超出一屏（仅支持全家桶）
+  }, []); // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
   var getFooterSuctionState = function getFooterSuctionState() {
-    var containerDom = document.querySelector('.teamix-pro-page-container');
+    var containerDom = document.querySelector('.teamix-pro-page-container-scroll-container');
 
     if (containerDom) {
       var offsetHeight = containerDom.offsetHeight;
@@ -66234,6 +66739,11 @@ var ProTable = function ProTable(props) {
       } else {
         setFooterSuctionState(false);
       }
+    } else {
+      // 非全家桶用户暂时不判断滚动条逻辑
+      if (footerSuction) {
+        setFooterSuctionState(true);
+      }
     }
   }; // rowSelection 相关
 
@@ -66350,7 +66860,9 @@ var ProTable = function ProTable(props) {
       return _request(params);
     },
     request: function request(params) {
-      return _request(params);
+      if (dataFilterForm.validate()) {
+        _request(params);
+      }
     },
     reset: function reset() {
       var _actionRef$current, _request2;
@@ -66633,19 +67145,19 @@ var ProTable = function ProTable(props) {
         ,
         maxBodyHeight: "calc(100vh - 84px - " + headerHeight + "px)" // 过滤出可以传到 Table 的 Props
 
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)(), otherProps))));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps))));
     } else {
       // 不传 columns 直接返回原始 Table
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
         className: cls()
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps)));
     }
   };
 
   var renderFooterAction = function renderFooterAction() {
     var _actions;
 
-    if (typeof footerAction === 'object' && (footerAction == null ? void 0 : (_actions = footerAction.actions) == null ? void 0 : _actions.length) > 0) {
+    if (typeof footerAction === 'object' && (footerAction == null ? void 0 : (_actions = footerAction.actions) == null ? void 0 : _actions.length) >= 0) {
       // 默认 context
       var defaultContext = {
         action: actionRef.current,
@@ -66750,11 +67262,11 @@ var ProTable = function ProTable(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls({
       '': true,
-      fullscreen: fullscreenState,
-      'footer-suction': footerSuctionState && footerSuction
+      fullscreen: fullscreenState // 'footer-suction': footerSuctionState && footerSuction,
+
     }),
     ref: tableRef
-  }, renderTable(), renderFooter()));
+  }, renderTable(), footerSuctionState && footerSuction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && renderFooter()));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -67812,7 +68324,9 @@ var Ellipsis = function Ellipsis(props) {
       visible = true;
     }
 
-    setTooltipVisible(visible);
+    if (tooltipVisible !== undefined) {
+      setTooltipVisible(visible);
+    }
   }, 300), [contentSize, children]);
   var renderContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
     ref: textRef,
@@ -68118,11 +68632,7 @@ var CustomContext = {}; // safe context by sandbox
 var CommonContext = {
   window: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(window),
   document: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(document),
-  location: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(location),
-  // TODO i18n
-  i18n: function i18n(s) {
-    return "666" + s;
-  }
+  location: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(location)
 };
 
 function getContext(context) {
@@ -68136,7 +68646,8 @@ function getContext(context) {
 
 
 function getParsedValue(param, context) {
-  var variable = param.substr(2, param.length - 4);
+  // 去掉前后的空白字符
+  var variable = param.substr(2, param.length - 4).replace(/^\s*/, '').replace(/\s*$/, '');
 
   try {
     return new Function("with(this){ return " + variable + " }").call(getContext(context));
@@ -68465,6 +68976,7 @@ function goToLink(link, history) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: 'Submit',
   search: 'Search',
   reset: 'Reset',
   notFound: 'Page not found',
@@ -68568,6 +69080,7 @@ function getMessage(id, data) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: '提交',
   search: '搜索',
   reset: '重置',
   notFound: '该页面不存在',
@@ -68619,6 +69132,7 @@ function getMessage(id, data) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: '提交',
   search: '搜索',
   reset: '重置',
   notFound: '該頁面不存在',