@teamix/pro 1.2.7 → 1.2.11

package/dist/pro.js

@@ -53820,7 +53820,7 @@ var Icon = function Icon(props) {
       return (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.color);
     }
 
-    return 'var(--color-fill1-6, #848484)';
+    return '';
   };
 
   if (typeof render.icon === 'string') {
@@ -53833,7 +53833,9 @@ var Icon = function Icon(props) {
       },
       className: cls({
         '': true,
-        number: isNumber()
+        number: isNumber(),
+        // 如果前缀图标配有link属性并且没有指定color。则hover变蓝
+        link: (render === null || render === void 0 ? void 0 : render.link) && !render.color
       }),
       size: (_render$iconSize = render.iconSize) !== null && _render$iconSize !== void 0 ? _render$iconSize : 'small'
     }), result);
@@ -56005,7 +56007,8 @@ var progressMapper = {
   process: 'normal',
   pause: 'pause',
   help: 'Y50',
-  warning: 'O50'
+  warning: 'O50',
+  mention: 'P50'
 };
 var statusIconMapper = {
   'cloud-running': {
@@ -56849,7 +56852,7 @@ var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
   react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
     registerFixedFooter && registerFixedFooter(children);
     return function () {
-      registerFixedFooter(null);
+      registerFixedFooter && registerFixedFooter(null);
     };
   }, [children]);
 
@@ -57296,73 +57299,192 @@ var BaseSkeleton = ProSkeletonRaw;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "UseRequestProvider": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.jQ),
-/* harmony export */   "configResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Py),
-/* harmony export */   "useAntdTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.X8),
-/* harmony export */   "useBoolean": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kt),
-/* harmony export */   "useClickAway": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Vd),
-/* harmony export */   "useControllableValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Gj),
-/* harmony export */   "useControlledValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OZ),
-/* harmony export */   "useCookieState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Dz),
-/* harmony export */   "useCountDown": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.hk),
-/* harmony export */   "useCounter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Cf),
-/* harmony export */   "useCreation": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Jg),
-/* harmony export */   "useDebounce": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Nr),
-/* harmony export */   "useDebounceEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.sH),
-/* harmony export */   "useDebounceFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.DI),
-/* harmony export */   "useDocumentVisibility": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.xK),
-/* harmony export */   "useDrag": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.c0),
-/* harmony export */   "useDrop": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.LW),
-/* harmony export */   "useDynamicList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.iv),
-/* harmony export */   "useEventEmitter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.x2),
-/* harmony export */   "useEventListener": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OR),
-/* harmony export */   "useEventTarget": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Rs),
-/* harmony export */   "useExternal": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Ce),
-/* harmony export */   "useFavicon": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.dF),
-/* harmony export */   "useFullscreen": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.O9),
-/* harmony export */   "useFusionTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.A_),
-/* harmony export */   "useHistoryTravel": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Xm),
-/* harmony export */   "useHover": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.XI),
-/* harmony export */   "useInViewport": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.NM),
-/* harmony export */   "useInterval": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Yz),
-/* harmony export */   "useKeyPress": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Kr),
-/* harmony export */   "useLocalStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Rr),
-/* harmony export */   "useLockFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.JO),
-/* harmony export */   "useMap": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Sx),
-/* harmony export */   "useMount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.b6),
-/* harmony export */   "useMouse": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.ii),
-/* harmony export */   "useNetwork": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.LN),
-/* harmony export */   "usePersistFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.tG),
-/* harmony export */   "usePrevious": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.D9),
-/* harmony export */   "useReactive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.qA),
-/* harmony export */   "useRequest": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.QT),
-/* harmony export */   "useResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Fs),
-/* harmony export */   "useSafeState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.FH),
-/* harmony export */   "useScroll": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.vO),
-/* harmony export */   "useSelections": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.a3),
-/* harmony export */   "useSessionStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Aq),
-/* harmony export */   "useSet": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.$X),
-/* harmony export */   "useSetState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.vA),
-/* harmony export */   "useSize": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.tH),
-/* harmony export */   "useTextSelection": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.td),
-/* harmony export */   "useThrottle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.fB),
-/* harmony export */   "useThrottleEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kL),
-/* harmony export */   "useThrottleFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Jh),
-/* harmony export */   "useTimeout": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.KS),
-/* harmony export */   "useTitle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.ZQ),
-/* harmony export */   "useToggle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OT),
-/* harmony export */   "useTrackedEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.dG),
-/* harmony export */   "useUnmount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kw),
-/* harmony export */   "useUnmountedRef": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.yL),
-/* harmony export */   "useUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.PQ),
-/* harmony export */   "useUpdateEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.rf),
-/* harmony export */   "useUpdateLayoutEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.is),
-/* harmony export */   "useVirtualList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Xd),
-/* harmony export */   "useWebSocket": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.sO),
-/* harmony export */   "useWhyDidYouUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.g)
+/* harmony export */   "useResponsiveProps": () => (/* reexport safe */ _useResponsiveProps_index__WEBPACK_IMPORTED_MODULE_0__.S),
+/* harmony export */   "UseRequestProvider": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.jQ),
+/* harmony export */   "configResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Py),
+/* harmony export */   "useAntdTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.X8),
+/* harmony export */   "useBoolean": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kt),
+/* harmony export */   "useClickAway": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Vd),
+/* harmony export */   "useControllableValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Gj),
+/* harmony export */   "useControlledValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OZ),
+/* harmony export */   "useCookieState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Dz),
+/* harmony export */   "useCountDown": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.hk),
+/* harmony export */   "useCounter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Cf),
+/* harmony export */   "useCreation": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Jg),
+/* harmony export */   "useDebounce": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Nr),
+/* harmony export */   "useDebounceEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.sH),
+/* harmony export */   "useDebounceFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.DI),
+/* harmony export */   "useDocumentVisibility": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.xK),
+/* harmony export */   "useDrag": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.c0),
+/* harmony export */   "useDrop": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.LW),
+/* harmony export */   "useDynamicList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.iv),
+/* harmony export */   "useEventEmitter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.x2),
+/* harmony export */   "useEventListener": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OR),
+/* harmony export */   "useEventTarget": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Rs),
+/* harmony export */   "useExternal": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Ce),
+/* harmony export */   "useFavicon": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.dF),
+/* harmony export */   "useFullscreen": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.O9),
+/* harmony export */   "useFusionTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.A_),
+/* harmony export */   "useHistoryTravel": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Xm),
+/* harmony export */   "useHover": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.XI),
+/* harmony export */   "useInViewport": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.NM),
+/* harmony export */   "useInterval": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Yz),
+/* harmony export */   "useKeyPress": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Kr),
+/* harmony export */   "useLocalStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Rr),
+/* harmony export */   "useLockFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.JO),
+/* harmony export */   "useMap": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Sx),
+/* harmony export */   "useMount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.b6),
+/* harmony export */   "useMouse": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.ii),
+/* harmony export */   "useNetwork": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.LN),
+/* harmony export */   "usePersistFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.tG),
+/* harmony export */   "usePrevious": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.D9),
+/* harmony export */   "useReactive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.qA),
+/* harmony export */   "useRequest": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.QT),
+/* harmony export */   "useResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Fs),
+/* harmony export */   "useSafeState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.FH),
+/* harmony export */   "useScroll": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.vO),
+/* harmony export */   "useSelections": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.a3),
+/* harmony export */   "useSessionStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Aq),
+/* harmony export */   "useSet": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.$X),
+/* harmony export */   "useSetState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.vA),
+/* harmony export */   "useSize": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.tH),
+/* harmony export */   "useTextSelection": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.td),
+/* harmony export */   "useThrottle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.fB),
+/* harmony export */   "useThrottleEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kL),
+/* harmony export */   "useThrottleFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Jh),
+/* harmony export */   "useTimeout": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.KS),
+/* harmony export */   "useTitle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.ZQ),
+/* harmony export */   "useToggle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OT),
+/* harmony export */   "useTrackedEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.dG),
+/* harmony export */   "useUnmount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kw),
+/* harmony export */   "useUnmountedRef": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.yL),
+/* harmony export */   "useUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.PQ),
+/* harmony export */   "useUpdateEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.rf),
+/* harmony export */   "useUpdateLayoutEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.is),
+/* harmony export */   "useVirtualList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Xd),
+/* harmony export */   "useWebSocket": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.sO),
+/* harmony export */   "useWhyDidYouUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.g)
 /* harmony export */ });
-/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92197);
- // export { default as useTable } from './useTable';
+/* harmony import */ var _useResponsiveProps_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26134);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92197);
+
+
+
+/***/ }),
+
+/***/ 26134:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "S": () => (/* binding */ useResponsiveProps)
+/* 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);
+
+
+
+var calcBreakpointIndex = function calcBreakpointIndex(breakpoints, width) {
+  for (var i = 0; i < breakpoints.length; i++) {
+    if (width <= breakpoints[i]) {
+      return i;
+    }
+  }
+};
+
+var calcFactor = function calcFactor(value, breakpointIndex) {
+  if (Array.isArray(value)) {
+    var _value$breakpointInde;
+
+    if (breakpointIndex === -1) return value[0];
+    return (_value$breakpointInde = value[breakpointIndex]) != null ? _value$breakpointInde : value[value.length - 1];
+  } else {
+    return value;
+  }
+};
+
+var factor = function factor(value, breakpointIndex) {
+  return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isValid)(value) ? calcFactor(value, breakpointIndex) : value;
+};
+
+var calculateProps = function calculateProps(target, breakpoints, props) {
+  var clientWidth = target.clientWidth;
+  var breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
+
+  if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(props)) {
+    return factor(props, breakpointIndex);
+  } else {
+    var responsiveProps = {};
+    Object.entries(props).map(function (_ref) {
+      var key = _ref[0],
+          value = _ref[1];
+      responsiveProps[key] = factor(value, breakpointIndex);
+    });
+    return responsiveProps;
+  }
+};
+/**
+ * @param breakpoints 断点数组
+ * @param props 接收一个根据断点响应的对象或数组
+ * @param defaultProps 响应前的默认值，默认为最后一个响应值
+ * @returns 返回一个对象，参数 ref 表示需要做断点响应 Dom 的 RefObject，responsiveProps 表示响应后的参数值
+ */
+
+
+var useResponsiveProps = function useResponsiveProps(breakpoints, props, defaultProps) {
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+
+  if (!(0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(breakpoints)) {
+    return {
+      ref: ref,
+      responsiveProps: props
+    };
+  }
+
+  var innerDefaultProps = {};
+
+  if (defaultProps) {
+    innerDefaultProps = defaultProps;
+  } else if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(props)) {
+    innerDefaultProps = props[props.length - 1];
+  } else {
+    Object.entries(props).map(function (_ref2) {
+      var key = _ref2[0],
+          value = _ref2[1];
+      innerDefaultProps[key] = value[value.length - 1];
+    });
+  }
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(innerDefaultProps),
+      responsiveProps = _useState[0],
+      setResponsiveProps = _useState[1];
+
+  var updateUI = function updateUI() {
+    setResponsiveProps(calculateProps(ref.current, breakpoints, props));
+  };
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var observer = function observer() {
+      updateUI();
+    };
+
+    var resizeObserver = new ResizeObserver(observer);
+
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
+    }
+
+    updateUI();
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return {
+    ref: ref,
+    responsiveProps: responsiveProps
+  };
+};
 
 /***/ }),
 
@@ -57373,25 +57495,80 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "$": () => (/* binding */ eventHandler)
 /* harmony export */ });
-function eventHandler(action, onTrigger) {
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+
+function eventHandler(action, actionContext, onTrigger) {
   var _ref;
 
   var _action$trigger = action.trigger,
       trigger = _action$trigger === void 0 ? 'onClick' : _action$trigger,
       preventDefault = action.preventDefault,
-      stopPropagation = action.stopPropagation;
-  return _ref = {}, _ref["" + trigger] = function _(e) {
-    if (preventDefault) {
-      e.preventDefault();
-    }
+      stopPropagation = action.stopPropagation,
+      beforeAction = action.beforeAction;
+  return _ref = {}, _ref["" + trigger] = function () {
+    var _2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+      var beforeActionContext;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (preventDefault) {
+                e.preventDefault();
+              }
 
-    if (stopPropagation) {
-      e.stopPropagation();
+              if (stopPropagation) {
+                e.stopPropagation();
+              }
+
+              if (!beforeAction) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.prev = 3;
+              _context.next = 6;
+              return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.resolveMaybePromiseMethod)(beforeAction, actionContext);
+
+            case 6:
+              beforeActionContext = _context.sent;
+              _context.next = 12;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](3);
+              beforeActionContext = false;
+
+            case 12:
+              if (!(beforeActionContext === false)) {
+                _context.next = 14;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 14:
+              onTrigger(Object.assign({}, beforeActionContext, actionContext));
+              action.onTrigger == null ? void 0 : action.onTrigger();
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 9]]);
+    }));
+
+    function _(_x) {
+      return _2.apply(this, arguments);
     }
 
-    onTrigger();
-    action.onTrigger == null ? void 0 : action.onTrigger();
-  }, _ref;
+    return _;
+  }(), _ref;
 }
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (eventHandler)));
 
@@ -57589,18 +57766,18 @@ function useDialogFormAction(action, context) {
       _onFinish = action.onFinish,
       others = _objectWithoutPropertiesLoose(action, _excluded2);
 
-  var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var formRef = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createRef)();
   return (0,_dialog__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(Object.assign({
     size: size,
     closeable: true,
-    content: function content() {
+    content: function content(contentContext) {
       var dialogFormProps = {
         initialValues: initialValues,
         initialRequest: initialRequest,
         schema: schema,
         size: size,
         formProps: formProps,
-        context: context
+        context: contentContext
       };
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DialogForm, _extends({
         formRef: formRef
@@ -57703,18 +57880,11 @@ 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_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);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54842);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(67096);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __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"];
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
 
 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; }
 
@@ -57722,6 +57892,12 @@ 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 _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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 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; }
 
 
@@ -57765,7 +57941,7 @@ function getFooterAlignClass(isDrawer, align) {
 } // 弹窗 -> 请求（点击确认，发送数据请求）
 
 
-function useDialogAction(action, context) {
+function useDialogAction(action, actionContext) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
       setLoading = _useState[1];
@@ -57773,7 +57949,7 @@ function useDialogAction(action, context) {
   var footerDescriptionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useHistory)();
 
-  var onActionStart = function onActionStart() {
+  var onActionStart = function onActionStart(context) {
     var url = action.url,
         method = action.method,
         params = action.params,
@@ -57805,28 +57981,21 @@ function useDialogAction(action, context) {
         message = _getTargetValue.message,
         footerDescription = _getTargetValue.footerDescription,
         footerAlign = _getTargetValue.footerAlign,
-        _getTargetValue$overl = _getTargetValue.overlayProps,
-        overlayProps = _getTargetValue$overl === void 0 ? {} : _getTargetValue$overl,
+        className = _getTargetValue.className,
         containerProps = _objectWithoutPropertiesLoose(_getTargetValue, _excluded2);
 
     var isDrawer = dialogType === 'drawer';
     var container = isDrawer ? _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Drawer : _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Dialog;
-
-    var overlayClassName = overlayProps.className,
-        overlayOtherProps = _objectWithoutPropertiesLoose(overlayProps, _excluded3);
-
     var dialogOnlyProps = {
       type: dialogQuickShowType,
       messageProps: {
         type: messageType
-      },
-      overlayProps: _objectSpread({
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', overlayClassName, {
-          'has-footer-description': !!footerDescription
-        })
-      }, overlayOtherProps)
+      }
     };
-    var containerOtherProps = isDrawer ? {} : dialogOnlyProps;
+    var containerOtherProps = isDrawer ? {
+      okText: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('ok'),
+      cancelText: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('cancel')
+    } : dialogOnlyProps;
 
     var renderDialogFooterDescription = function renderDialogFooterDescription(footer) {
       if (footer instanceof Array || footer.component) {
@@ -57876,7 +58045,7 @@ function useDialogAction(action, context) {
                     footer: footerDescriptionValues
                   }, context);
                   _context.next = 11;
-                  return (0,_request__WEBPACK_IMPORTED_MODULE_7__/* .doRequest */ .NE)(action, requestContext, history, footerDescriptionValues);
+                  return (0,_request__WEBPACK_IMPORTED_MODULE_8__/* .doRequest */ .NE)(action, requestContext, history, footerDescriptionValues);
 
                 case 11:
                   onFinish && onFinish();
@@ -57919,7 +58088,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)()
-    }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
+    }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
 
     var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
@@ -57935,14 +58104,17 @@ function useDialogAction(action, context) {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
       }, renderDialogFooterDescription(footerDescription))),
       closeable: !loading,
-      footerAlign: footerAlign
+      footerAlign: footerAlign,
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', {
+        'has-footer-description': !!footerDescription
+      })
     }, containerOtherProps), containerProps);
 
     var ret = container.show(quickShowProps);
     store.hide = ret.hide;
   };
 
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_9__/* .eventHandler */ .$)(action, onActionStart));
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_7__/* .eventHandler */ .$)(action, actionContext, onActionStart));
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDialogAction);
 
@@ -58239,13 +58411,15 @@ var ProActionButton = function ProActionButton(props) {
   }, buttonProps), buttonContent(children, icon, iconSize, context));
 };
 
-function renderMenuButtonItem(item, key, context) {
-  var config = item.config,
-      btnContext = item.context,
-      _onClick2 = item.onClick,
-      children = item.children,
-      icon = item.icon,
-      disabled = item.disabled;
+var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
+  var action = props.action,
+      context = props.context;
+  var config = action.config,
+      btnContext = action.context,
+      _onClick2 = action.onClick,
+      children = action.children,
+      icon = action.icon,
+      disabled = action.disabled;
   var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
@@ -58254,30 +58428,33 @@ function renderMenuButtonItem(item, key, context) {
       loading = _useAction.loading,
       menuItemProps = _objectWithoutPropertiesLoose(_useAction, _excluded3);
 
-  var buttonProps = _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
+  var buttonProps = disabled ? {} : _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
     onClick: function onClick(e) {
       return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.MenuButton.Item, _extends({
-    key: key,
-    disabled: disabled
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-menu-item', 'next-menu-item', {
+      'next-disabled': disabled
+    })
   }, buttonProps), buttonContent(children, icon, undefined, context));
-}
+};
 
-function renderCommonActionButtonMenuItem(action, key, context) {
+function renderCommonActionButtonMenuItem(action, context) {
   var menuBtn = action;
 
   if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.SubMenu, {
-      key: key,
       label: menuBtn.label || menuBtn.children
     }, menuBtn.actions.map(function (a, j) {
-      return renderCommonActionButtonMenuItem(a, j, context);
+      return renderCommonActionButtonMenuItem(a, context);
     }));
   }
 
-  return renderMenuButtonItem(action, key, context);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionMenuButtonItem, {
+    action: action,
+    context: context
+  });
 }
 
 var ProActionMenuButton = function ProActionMenuButton(props) {
@@ -58293,6 +58470,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.MenuButton, _extends({
     popupTriggerType: "hover",
+    autoWidth: false,
     menuProps: {
       mode: 'popup',
       triggerType: 'hover'
@@ -58302,8 +58480,8 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)
-  }, others), actions.map(function (action, i) {
-    return renderCommonActionButtonMenuItem(action, i, context);
+  }, others), actions.map(function (action) {
+    return renderCommonActionButtonMenuItem(action, context);
   }));
 };
 
@@ -58410,9 +58588,7 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
-      key: i
-    }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
       direction: "ver"
     }));
   }));
@@ -58464,9 +58640,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-function useLinkAction(action, context) {
+function useLinkAction(action, actionContext) {
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_2__/* .eventHandler */ .$)(action, function () {
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_2__/* .eventHandler */ .$)(action, actionContext, function (context) {
     var linkAction = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context);
     (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)(linkAction, history);
   }));
@@ -58537,7 +58713,7 @@ function doRequest(action, context, history, extraParams) {
     method: method
   }, others), context, history, extraParams);
 }
-function useRequestAction(action, context) {
+function useRequestAction(action, actionContext) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
       setLoading = _useState[1];
@@ -58547,7 +58723,7 @@ function useRequestAction(action, context) {
   var onFinish = action.onFinish,
       others = _objectWithoutPropertiesLoose(action, _excluded2);
 
-  return _objectSpread(_objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_3__/* .eventHandler */ .$)(action, function () {
+  return _objectSpread(_objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_3__/* .eventHandler */ .$)(action, actionContext, function (context) {
     setLoading(true);
     doRequest(_objectSpread({}, others), context, history).then(function () {
       setLoading(false);
@@ -58665,8 +58841,8 @@ ProCardDivider.isProCardDivider = true;
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* 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 */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_13__._),
+/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_13__.l),
 /* harmony export */   "QW": () => (/* binding */ ProCard),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
@@ -58674,17 +58850,21 @@ ProCardDivider.isProCardDivider = true;
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
 /* 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_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);
+/* harmony import */ var _teamix_result__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77226);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
+/* harmony import */ var _utils_components_tags__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91936);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53277);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(28758);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20559);
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(66113);
+/* harmony import */ var _selectable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(80617);
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(56904);
+/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_13__ = __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"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "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); }
 
@@ -58707,7 +58887,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-card');
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-pro-card');
 
 var renderActionGroup = function renderActionGroup(extra, context) {
   if (!extra) {
@@ -58721,7 +58905,7 @@ var renderActionGroup = function renderActionGroup(extra, context) {
 
     var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_8__/* .ProActionGroup */ .d5, _extends({
       context: mergedContext
     }, others, {
       type: "text"
@@ -58740,24 +58924,28 @@ var getFlexDirectionClassName = function getFlexDirectionClassName(direction, sp
 };
 
 var ProCard = function ProCard(props) {
-  var _classnames;
+  var _classnames, _classnames2;
 
   var children = props.children,
       title = props.title,
       subTitle = props.subTitle,
       tooltip = props.tooltip,
       tooltipIcon = props.tooltipIcon,
+      tags = props.tags,
       description = props.description,
       extra = props.extra,
       actions = props.actions,
       style = props.style,
       className = props.className,
       image = props.image,
+      hoveredShadow = props.hoveredShadow,
       divider = props.divider,
       bordered = props.bordered,
       compacted = props.compacted,
       centered = props.centered,
       loading = props.loading,
+      empty = props.empty,
+      borderColor = props.borderColor,
       backgroundColor = props.backgroundColor,
       contentClassName = props.contentClassName,
       contentStyle = props.contentStyle,
@@ -58776,7 +58964,7 @@ var ProCard = function ProCard(props) {
       innerCollapseState = _React$useState[0],
       setInnerCollapseState = _React$useState[1];
 
-  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .formatSpacing */ .A)(spacing),
+  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatSpacing */ .A)(spacing),
       horizonal = _formatSpacing.horizonal,
       vertical = _formatSpacing.vertical;
 
@@ -58822,7 +59010,7 @@ var ProCard = function ProCard(props) {
       containProCard = true;
       var col = element.props.col;
 
-      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getColClassAndStyle */ .Q)(col),
+      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .getColClassAndStyle */ .Q)(col),
           colClassName = _getColClassAndStyle.className,
           colStyle = _getColClassAndStyle.style;
 
@@ -58834,7 +59022,6 @@ var ProCard = function ProCard(props) {
     }
 
     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
       });
@@ -58842,13 +59029,12 @@ var ProCard = function ProCard(props) {
 
     return element;
   });
-  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 = {
+  var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className, backgroundColor, (_classnames = {
+    'border-none': !bordered
+  }, _classnames["border-" + borderColor] = borderColor, _classnames.compacted = compacted, _classnames.hoverable = hoveredShadow, _classnames));
+  var cardContentClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames2 = {
     'contain-pro-card': containProCard
-  }, _classnames["split-" + split] = split, _classnames['flex-wrap'] = wrap, _classnames.centered = centered, _classnames));
+  }, _classnames2["split-" + split] = split, _classnames2['flex-wrap'] = wrap, _classnames2.centered = centered || empty, _classnames2));
   var cardContentMargin = containProCard && !split ? {
     marginRight: -horizonal,
     marginLeft: -horizonal,
@@ -58860,7 +59046,7 @@ var ProCard = function ProCard(props) {
 
   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, {
+    var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
       size: "small",
       type: icon
     }) : icon;
@@ -58871,7 +59057,7 @@ var ProCard = function ProCard(props) {
         collapsed: collapseState
       }),
       onClick: onCollapseChanged
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
       size: "small",
       type: "down-fill"
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -58880,42 +59066,53 @@ var ProCard = function ProCard(props) {
       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, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Balloon.Tooltip, {
       align: "t",
       trigger: tooltipTrigger
-    }, tooltip)), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    }, tooltip)), tags && (0,_utils_components_tags__WEBPACK_IMPORTED_MODULE_6__/* .renderTags */ .a)(tags, 'small'), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('title-description')
     }, description));
   };
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card, _extends({
     free: true,
     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, {
+  }, others), !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.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_5__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
+  }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Header, {
+    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
     subTitle: !loading && subTitle,
     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, {
+  }), hasDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.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", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
-  }, childrenModified)));
+  }, empty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls('empty')
+  }, childrenModified ? childrenModified : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_result__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    theme: "hybridcloud-container",
+    img: "noData",
+    title: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('noData'),
+    style: {
+      padding: '50px 0 60px'
+    }
+  })), !empty && childrenModified)));
 };
 ProCard.defaultProps = {
   bordered: true,
   spacing: 16,
   direction: 'row'
 };
-ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z;
+ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z;
+ProCard.Selectable = _selectable__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z;
+ProCard.Tab = _tab__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z;
 ProCard.isProCard = true;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCard);
 /**
@@ -58924,6 +59121,99 @@ ProCard.isProCard = true;
 
 /***/ }),
 
+/***/ 80617:
+/***/ ((__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__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39465);
+var _excluded = ["selected", "onSelect", "className", "onClick"];
+
+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 _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; }
+
+
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-card-selectable');
+
+var ProCardSelectable = function ProCardSelectable(props) {
+  var selected = props.selected,
+      onSelect = props.onSelect,
+      className = props.className,
+      _onClick = props.onClick,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_4__/* .ProCard */ .QW, _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className),
+    borderColor: selected ? 'blue' : 'grey',
+    extra: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+      className: cls('icon', selected ? 'icon-selected' : 'icon-unselected'),
+      type: selected ? 'success-fill' : 'circle-line'
+    }),
+    onClick: function onClick(e) {
+      _onClick && _onClick(e);
+      onSelect && onSelect(!selected);
+    }
+  }, others));
+};
+
+ProCardSelectable.defaultProps = {
+  hoveredShadow: true
+};
+ProCardSelectable.isProCard = true;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCardSelectable);
+
+/***/ }),
+
+/***/ 56904:
+/***/ ((__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__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
+/* 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__);
+var _excluded = ["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 _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; }
+
+
+
+
+
+var ProCardTab = function ProCardTab(props) {
+  var className = props.className,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-card-tab', className)
+  }, others));
+};
+
+ProCardTab.Item = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCardTab);
+
+/***/ }),
+
 /***/ 20559:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -59636,7 +59926,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var searchText = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('search');
 
 var getEventProps = function getEventProps(triggerType, onFilter) {
   var keydownEvent = {
@@ -59784,7 +60073,8 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
               onResetValidateSuccess: onReset,
               style: _objectSpread({}, triggerType === 'submit' ? {} : {
                 marginRight: -16
-              })
+              }),
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('reset')
             }
           }, {
             component: 'Submit',
@@ -59793,9 +60083,9 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
                 marginRight: -8
               } : {
                 display: 'none'
-              })
-            },
-            content: searchText
+              }),
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('search')
+            }
           }]
         }]
       }])
@@ -59912,7 +60202,8 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       context: context
     });
   }, [scope, context]);
-  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit);
+  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit); // todo 需要formily支持断点下的属性更新
+
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return breakpoints ? {
       breakpoints: breakpoints,
@@ -59964,28 +60255,7 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
     schema: schema,
     scope: mergedScope,
     components: components
-  }), 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>
-  // );
+  }), children);
 });
 ProForm.defaultProps = {
   colon: false,
@@ -60360,6 +60630,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
+  // 创建 SchemaField
   var SchemaField = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.createSchemaField)({
       components: _objectSpread(_objectSpread({}, _Components_ProField__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z), {}, {
@@ -60390,15 +60661,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         Text: _Components_Text_index__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z
       })
     });
-  }, []); // 合并schema中request的scope
+  }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return _objectSpread({}, scope);
-  }, [scope]); // 格式化schema
+  }, [scope]); // 格式化 schema
 
   var formatSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (schema) {
     var schemaProperties = {};
-    schema.forEach(function (item) {
+    schema == null ? void 0 : schema.forEach(function (item) {
       var newItem = (0,_warning__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -60532,15 +60803,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     });
     return schemaProperties;
   }, [mergedScope]);
-  var schemaPro = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  var proFormSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, []); // console.log(schemaPro);
+  }, []); // console.log(proFormSchema);
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SchemaField, {
-    schema: schemaPro,
+    schema: proFormSchema,
     components: components,
     scope: mergedScope
   });
@@ -61993,52 +62264,52 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "registerValidateLocale": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.Qe),
 /* harmony export */   "setValidateLanguage": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.dI),
 /* harmony export */   "useForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.cI),
-/* harmony export */   "ComponentConfiguratorMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.ComponentConfiguratorMap),
-/* harmony export */   "PageContainer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageContainer),
-/* harmony export */   "PageDefaultInitialValues": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageDefaultInitialValues),
-/* harmony export */   "PageEditor": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageEditor),
-/* harmony export */   "PageMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageMap),
-/* harmony export */   "PagePlayground": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PagePlayground),
-/* harmony export */   "PageRenderer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageRenderer),
-/* harmony export */   "PlayGround": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PlayGround),
-/* 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),
-/* harmony export */   "ProSkeletonRaw": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.vR),
+/* harmony export */   "ComponentConfiguratorMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.ComponentConfiguratorMap),
+/* harmony export */   "PageContainer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageContainer),
+/* harmony export */   "PageDefaultInitialValues": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageDefaultInitialValues),
+/* harmony export */   "PageEditor": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageEditor),
+/* harmony export */   "PageMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageMap),
+/* harmony export */   "PagePlayground": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PagePlayground),
+/* harmony export */   "PageRenderer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageRenderer),
+/* harmony export */   "PlayGround": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PlayGround),
+/* harmony export */   "PlayGroundLayout": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PlayGroundLayout),
+/* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.initConfigurator),
+/* harmony export */   "EditableContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.OP),
+/* harmony export */   "PageContainerContext": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.QU),
+/* harmony export */   "ProPageContainerFixedFooter": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.Nc),
+/* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.$0),
+/* harmony export */   "usePageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.Oy),
+/* harmony export */   "BaseSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.aM),
+/* harmony export */   "ProSkeletonRaw": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.vR),
 /* harmony export */   "version": () => (/* binding */ version),
 /* harmony export */   "ProAction": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_0__.ZP),
 /* harmony export */   "ProCard": () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_1__.ZP),
 /* harmony export */   "ProField": () => (/* reexport safe */ _field__WEBPACK_IMPORTED_MODULE_2__.Z),
 /* harmony export */   "ProForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.ZP),
-/* harmony export */   "ProInfo": () => (/* reexport safe */ _info__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "ProPageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.ZP),
-/* harmony export */   "ProPageHeader": () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_6__.Z),
-/* harmony export */   "ProSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.ZP),
-/* harmony export */   "ProTable": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_7__.Z),
-/* harmony export */   "hooks": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "nocode": () => (/* reexport module object */ _nocode__WEBPACK_IMPORTED_MODULE_10__),
-/* harmony export */   "templates": () => (/* reexport module object */ _templates__WEBPACK_IMPORTED_MODULE_11__),
-/* harmony export */   "utils": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_9__.Z)
+/* harmony export */   "ProInfo": () => (/* reexport safe */ _info__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "ProPageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.ZP),
+/* harmony export */   "ProPageHeader": () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_7__.Z),
+/* harmony export */   "ProSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.ZP),
+/* harmony export */   "ProTable": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_8__.Z),
+/* harmony export */   "hooks": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "nocode": () => (/* reexport module object */ _nocode__WEBPACK_IMPORTED_MODULE_11__),
+/* harmony export */   "templates": () => (/* reexport module object */ _templates__WEBPACK_IMPORTED_MODULE_12__),
+/* harmony export */   "utils": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Z)
 /* harmony export */ });
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28758);
 /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39465);
 /* harmony import */ var _field__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75241);
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89417);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(28621);
-/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27872);
-/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2781);
-/* harmony import */ var _page_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79257);
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18119);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53277);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(28570);
-/* harmony import */ var _nocode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(59047);
-/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(3397);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(89227);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28621);
+/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27872);
+/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2781);
+/* harmony import */ var _page_header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(79257);
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18119);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(53277);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(28570);
+/* harmony import */ var _nocode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(59047);
+/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(3397);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(89227);
 
 
 
@@ -62050,12 +62321,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+ // import ProSidebar from './sidebar'
 
 
 
  // 设置图标源
 
-_teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConfig(_utils__WEBPACK_IMPORTED_MODULE_9__/* ["default"].getTeamixIconConfig */ .Z.getTeamixIconConfig());
+_teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConfig(_utils__WEBPACK_IMPORTED_MODULE_10__/* ["default"].getTeamixIconConfig */ .Z.getTeamixIconConfig());
 
 
 
@@ -62065,8 +62337,9 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConf
 
 
 
+ // export * from './sidebar';
 
-var version = '1.2.6';
+var version = '1.2.10';
 
 
 /***/ }),
@@ -62081,10 +62354,10 @@ var version = '1.2.6';
 /* 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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(90557);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26245);
-/* 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);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27872);
 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); }
@@ -62123,7 +62396,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  var size = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(ref);
+  var size = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useSize)(ref);
   var infoType = 'infoDom';
 
   if (Array.isArray(children)) {
@@ -62148,7 +62421,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
     extendParams: extendParams,
     context: context
   };
-  var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()({
+  var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()({
     'teamix-pro-info-group-item': true,
     'teamix-pro-info-group-item-divider': divider
   });
@@ -62167,7 +62440,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: proInfoClassName,
       key: index
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _extends({
       compacted: compacted
     }, item)));
   })), infoType === 'infoDom' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -62813,8 +63086,9 @@ var ProTableInfo = function ProTableInfo(props) {
       _ref$labelGutter = _ref.labelGutter,
       labelGutter = _ref$labelGutter === void 0 ? '80px' : _ref$labelGutter;
 
-  var newColumns = function newColumns() {
-    return [].concat(new Array(colNum)).map(function (_, index) {
+  var getNewColumns = function getNewColumns() {
+    // 需要 fill 填充 否则有可能不执行
+    return [].concat(new Array(colNum)).fill(1).map(function (_, index) {
       return [{
         dataIndex: "label_" + index,
         align: 'left',
@@ -62859,9 +63133,7 @@ var ProTableInfo = function ProTableInfo(props) {
           var needCol = 1 + ((_columnsItem$colSpan = columnsItem == null ? void 0 : columnsItem.colSpan) != null ? _columnsItem$colSpan : 1); // 如果剩余的col能满足下一组数据那么就放在这一组
 
           if (needCol <= col) {
-            var _columnsItem$colSpan2;
-
-            col = col - 1 - ((_columnsItem$colSpan2 = columnsItem == null ? void 0 : columnsItem.colSpan) != null ? _columnsItem$colSpan2 : 1);
+            col = col - needCol;
             filterColumns.push(columnsItem);
           } else {
             var _filterColumns$0$colS;
@@ -62874,6 +63146,11 @@ var ProTableInfo = function ProTableInfo(props) {
             col = 0;
           }
         }
+
+        if (columnsCopy.length === 0) {
+          // 如果剩余仍有列数并且已经没有columns分配了
+          col = 0;
+        }
       }
 
       var itemData = filterColumns.map(function (item, index) {
@@ -62940,7 +63217,7 @@ var ProTableInfo = function ProTableInfo(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, {
     className: "teamix-pro-info-table",
     cellProps: setCellProps,
-    columns: newColumns(),
+    columns: getNewColumns(),
     hasHeader: false,
     hasBorder: true,
     dataSource: newDataSource
@@ -62966,8 +63243,8 @@ var ProTableInfo = function ProTableInfo(props) {
 /* harmony import */ var _components_InfoGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7703);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
 /* 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);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42341);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(42345);
 var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra", "context"],
     _excluded2 = ["context"];
 
@@ -63038,7 +63315,7 @@ var ProInfo = function ProInfo(props) {
 
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  var size = contextVisible ? contextSize : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(ref);
+  var size = contextVisible ? contextSize : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_7__.useSize)(ref);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
@@ -63119,7 +63396,7 @@ var ProInfo = function ProInfo(props) {
     ref: ref,
     className: "teamix-pro-info " + (className != null ? className : ''),
     style: style
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_7__.ProCard, _extends({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_8__.ProCard, _extends({
     compacted: true,
     hoveredShadow: false,
     bordered: false,
@@ -63311,9 +63588,7 @@ function getLayout(width) {
 var initialValues = {
   title: '卡片标题',
   children: '卡片内容卡片内容卡片内容',
-  extra: '操作',
-  bordered: true,
-  hoveredShadow: true
+  extra: '操作'
 };
 var schema = [{
   component: 'FormTab',
@@ -63364,10 +63639,6 @@ var schema = [{
       children: [{
         title: '整体样式',
         children: [{
-          name: 'bordered',
-          title: '边框',
-          component: 'Switch'
-        }, {
           name: 'divider',
           title: '头部分割线',
           component: 'Switch'
@@ -63382,7 +63653,36 @@ var schema = [{
             label: '蓝色',
             value: 'blue'
           }, {
-            label: '绿生',
+            label: '绿色',
+            value: 'green'
+          }, {
+            label: '红色',
+            value: 'red'
+          }, {
+            label: '橙色',
+            value: 'orange'
+          }, {
+            label: '黄色',
+            value: 'yellow'
+          }, {
+            label: '灰色',
+            value: 'grey'
+          }, {
+            label: '透明',
+            value: 'transparent'
+          }]
+        }, {
+          name: 'borderColor',
+          title: '边框色',
+          component: 'Select',
+          dataSource: [{
+            label: '无边框',
+            value: 'none'
+          }, {
+            label: '蓝色',
+            value: 'blue'
+          }, {
+            label: '绿色',
             value: 'green'
           }, {
             label: '红色',
@@ -64508,14 +64808,14 @@ var PageDefaultInitialValues = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23602);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
-/* harmony import */ var _teamix_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10377);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28758);
-/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91782);
-/* harmony import */ var _configurators_map__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12320);
-/* harmony import */ var _playground__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(51036);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10377);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
+/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91782);
+/* harmony import */ var _configurators_map__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12320);
+/* harmony import */ var _playground__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(51036);
 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); }
 
 
@@ -64528,7 +64828,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-nocode');
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-nocode');
 var PagePlayground = function PagePlayground(props) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),
       selectedComponent = _useState[0],
@@ -64543,7 +64843,7 @@ var PagePlayground = function PagePlayground(props) {
       pageProps = _useState2[0],
       setPageProps = _useState2[1];
 
-  var setterAction = (0,_actions__WEBPACK_IMPORTED_MODULE_5__/* .useAction */ .BH)({
+  var setterAction = (0,_actions__WEBPACK_IMPORTED_MODULE_6__/* .useAction */ .BH)({
     type: 'drawer-form',
     initialValues: {
       pageProps: pageProps
@@ -64580,10 +64880,10 @@ var PagePlayground = function PagePlayground(props) {
     },
     pageProps: pageProps
   };
-  var maper = Object.assign({}, _configurators_map__WEBPACK_IMPORTED_MODULE_7__/* .ComponentConfiguratorMap */ .L, configuratorMap);
+  var maper = Object.assign({}, _configurators_map__WEBPACK_IMPORTED_MODULE_8__/* .ComponentConfiguratorMap */ .L, configuratorMap);
   var configurator = maper[selectedComponent == null ? void 0 : selectedComponent.component];
 
-  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(function (values) {
+  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useDebounceFn)(function (values) {
     var newValues = {};
     newValues[selectedComponent == null ? void 0 : selectedComponent.id] = Object.assign({}, values);
     var newPageProps = Object.assign({}, pageProps, newValues);
@@ -64599,12 +64899,12 @@ var PagePlayground = function PagePlayground(props) {
       return;
     }
 
-    return (0,_configurators__WEBPACK_IMPORTED_MODULE_6__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues, configurator.defaultValues);
+    return (0,_configurators__WEBPACK_IMPORTED_MODULE_7__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues, configurator.defaultValues);
   }, [configurator]);
   var pageKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return "page-" + Math.random();
   }, [pageProps]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_playground__WEBPACK_IMPORTED_MODULE_8__/* .PlayGroundLayout */ .a, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_playground__WEBPACK_IMPORTED_MODULE_9__/* .PlayGroundLayout */ .a, {
     component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageContainer, _extends({
       key: pageKey
     }, pageContainerProps)),
@@ -64614,13 +64914,13 @@ var PagePlayground = function PagePlayground(props) {
       onValuesChange: onConfiguratorValuesChange
     }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('empty')
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"].NoData */ .Z.NoData, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"].NoData */ .Z.NoData, {
       width: 160,
       height: 160
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "\u8BF7\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u7F16\u8F91")),
     tools: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Balloon, {
       align: "l",
-      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
+      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({
         type: "set-line",
         size: "large"
       }, setterAction)),
@@ -64775,8 +65075,8 @@ var PageRenderer = function PageRenderer(props) {
 /* 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 _teamix_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23602);
-/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91782);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(91782);
 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); }
 
 
@@ -64808,10 +65108,10 @@ var PlayGround = function PlayGround(props) {
     return "component-" + Math.random();
   }, [componentState]);
   var Configurator = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return (0,_configurators__WEBPACK_IMPORTED_MODULE_2__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues);
+    return (0,_configurators__WEBPACK_IMPORTED_MODULE_3__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues);
   }, [configurator]);
 
-  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (values) {
+  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useDebounceFn)(function (values) {
     setComponentState(values);
   }, {
     wait: 500
@@ -64867,13 +65167,13 @@ var PlayGround = function PlayGround(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53277);
-/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27872);
+/* harmony import */ var _utils_components_tags__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91936);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53277);
+/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(27872);
 var _excluded = ["text", "children"],
-    _excluded2 = ["text", "children", "closable"],
-    _excluded3 = ["color", "title", "num", "className"],
-    _excluded4 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+    _excluded2 = ["color", "title", "num", "className"],
+    _excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
 
 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; }
 
@@ -64895,6 +65195,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-pro-page-header');
 
 var renderNav = function renderNav(breadcrumbs) {
@@ -64930,7 +65231,7 @@ var renderActionGroup = function renderActionGroup(group, defaultProps, buttonTy
         type: buttonType
       }, item);
     });
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({}, defaultProps, actionGroup, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_7__/* .ProActionGroup */ .d5, _extends({}, defaultProps, actionGroup, {
       actions: actions
     }));
   }
@@ -64938,40 +65239,6 @@ var renderActionGroup = function renderActionGroup(group, defaultProps, buttonTy
   return group;
 };
 
-var renderTags = function renderTags(tags) {
-  if (!tags) {
-    return null;
-  }
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Group, {
-    className: cls('tags')
-  }, tags.map(function (tag, i) {
-    // @ts-ignore
-    var text = tag.text,
-        children = tag.children,
-        closable = tag.closable,
-        others = _objectWithoutPropertiesLoose(tag, _excluded2);
-
-    if (closable) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Closeable, _extends({
-        key: i,
-        size: "large",
-        style: {
-          marginBottom: 0
-        }
-      }, others), text || children);
-    }
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag, _extends({
-      key: i,
-      size: "large",
-      style: {
-        marginBottom: 0
-      }
-    }, others), text || children);
-  }));
-};
-
 var isPresetColor = function isPresetColor(color) {
   if (!color) {
     return false;
@@ -65009,7 +65276,7 @@ var renderData = function renderData(data) {
         title = item.title,
         num = item.num,
         customClassName = item.className,
-        others = _objectWithoutPropertiesLoose(item, _excluded3);
+        others = _objectWithoutPropertiesLoose(item, _excluded2);
 
     var _getColorAndStyle = getColorAndStyle(color),
         className = _getColorAndStyle.className,
@@ -65029,7 +65296,7 @@ var renderData = function renderData(data) {
 
 var renderInfo = function renderInfo(info) {
   if (info != null && info.columns) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_info__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_info__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, _extends({
       type: "header"
     }, info));
   }
@@ -65057,7 +65324,7 @@ var ProPageHeader = function ProPageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
-      others = _objectWithoutPropertiesLoose(props, _excluded4);
+      others = _objectWithoutPropertiesLoose(props, _excluded3);
 
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
   var backgroundImage = image ? "url('" + image + "')" : undefined;
@@ -65075,12 +65342,22 @@ var ProPageHeader = function ProPageHeader(props) {
         iconClass = _getColorAndStyle2.className,
         iconStyle = _getColorAndStyle2.style;
 
-    var onBack = function onBack() {
+    var onBack = function onBack(e) {
+      if (!goback) {
+        return;
+      }
+
+      if (typeof goback === 'function') {
+        goback(e);
+        return;
+      }
+
       if (goback === true) {
         history.go(-1);
-      } else if (typeof goback === 'string') {
-        history.push && history.push(goback);
+        return;
       }
+
+      (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.goToLink)(goback, history);
     };
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, goback && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
@@ -65088,14 +65365,14 @@ var ProPageHeader = function ProPageHeader(props) {
       onClick: onBack,
       type: "return-line",
       size: "large"
-    }), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    }), icon && (typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
       className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(iconClass, cls('title-icon')),
       style: iconStyle,
       type: icon,
       size: "large"
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, icon)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       className: cls('title-name')
-    }, title), renderTags(tags));
+    }, title), (0,_utils_components_tags__WEBPACK_IMPORTED_MODULE_6__/* .renderTags */ .a)(tags, 'large'));
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", _extends({
@@ -65107,7 +65384,7 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('section')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("nav", {
     className: cls('nav')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Nav */ .vR.Header.Nav, null), !loading && renderNav(breadcrumb)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Nav */ .vR.Header.Nav, null), !loading && renderNav(breadcrumb)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('extra')
   }, !loading && renderActionGroup(extra, {
     type: 'text',
@@ -65120,9 +65397,9 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('left')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('title')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Title */ .vR.Header.Title, null), !loading && renderTitle()), description !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Title */ .vR.Header.Title, null), !loading && renderTitle()), description !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('description')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Description */ .vR.Header.Description, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, description))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Description */ .vR.Header.Description, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, description))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('right')
   }, data && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('data')
@@ -65130,7 +65407,7 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('operation')
   }, !loading && renderActionGroup(operation)))), info && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('section'), cls('info'))
-  }, !loading && renderInfo(info), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Info.Header */ .vR.Info.Header, null)), children);
+  }, !loading && renderInfo(info), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Info.Header */ .vR.Info.Header, null)), children);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageHeader);
@@ -65386,7 +65663,7 @@ var Filter = function Filter(props) {
       (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.resetPage == null ? void 0 : _actionRef$current7.resetPage();
       setVisible(false);
     }
-  }, "\u786E\u5B9A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('ok')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
     type: "normal",
     size: "small",
     className: cls({
@@ -65403,7 +65680,7 @@ var Filter = function Filter(props) {
       }, _objectSpread4)));
       (_actionRef$current10 = actionRef.current) == null ? void 0 : _actionRef$current10.filterDataSource == null ? void 0 : _actionRef$current10.filterDataSource(column.dataIndex); // setVisible(!visible);
     }
-  }, "\u91CD\u7F6E")))));
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('reset'))))));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
@@ -66524,7 +66801,7 @@ var ToolBar = function ToolBar(props) {
 /* 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"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "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); }
 
@@ -66601,6 +66878,7 @@ var ProTable = function ProTable(props) {
       getRowSelection = props.getRowSelection,
       primaryKey = props.primaryKey,
       footerAction = props.footerAction,
+      footer = props.footer,
       url = props.url,
       pageKey = props.pageKey,
       pageSizeKey = props.pageSizeKey,
@@ -67227,7 +67505,7 @@ var ProTable = function ProTable(props) {
       }
     }
 
-    if (showPagination || footerAction) {
+    if (showPagination) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer', {
           'footer-has-rowSelection': rowSelection
@@ -67256,6 +67534,14 @@ var ProTable = function ProTable(props) {
           return onChangePaginationSize(number);
         }
       }, props.paginationProps))));
+    } else if (!showPagination) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('footer', {
+          'footer-has-rowSelection': rowSelection
+        })
+      }, renderRowSelection(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('footer-right-wrapper')
+      }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : footer));
     }
   };
 
@@ -67269,7 +67555,7 @@ var ProTable = function ProTable(props) {
 
     }),
     ref: tableRef
-  }, 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()));
+  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -67900,6 +68186,65 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ 91936:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "a": () => (/* binding */ renderTags)
+/* 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 _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
+var _excluded = ["text", "children", "closable"];
+
+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 _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; }
+
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-tags');
+var renderTags = function renderTags(tags, size) {
+  if (!tags || !tags.length) {
+    return null;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    // @ts-ignore
+    var text = tag.text,
+        children = tag.children,
+        closable = tag.closable,
+        others = _objectWithoutPropertiesLoose(tag, _excluded);
+
+    if (closable) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Closeable, _extends({
+        key: i,
+        size: size,
+        style: {
+          marginBottom: 0
+        }
+      }, others), text || children);
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _extends({
+      key: i,
+      size: size,
+      style: {
+        marginBottom: 0
+      }
+    }, others), text || children);
+  }));
+};
+
 /***/ }),
 
 /***/ 28570:
@@ -68020,6 +68365,7 @@ var isHTMLElement = function isHTMLElement(target) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "$": () => (/* binding */ resolveMaybePromiseMethod),
 /* harmony export */   "H": () => (/* binding */ doCommonRequest)
 /* harmony export */ });
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
@@ -68035,13 +68381,12 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 
 
-
-function resolveMaybePromiseMethod(fun) {
-  return new Promise(function (resolve) {
-    var res = fun();
+function resolveMaybePromiseMethod(fun, context) {
+  return new Promise(function (resolve, reject) {
+    var res = fun(context);
 
     if (res instanceof Promise) {
-      res.then(resolve);
+      res.then(resolve)["catch"](reject);
     } else {
       resolve(res);
     }
@@ -68151,25 +68496,34 @@ function doCommonRequest(config, context, history, extraParams) {
           switch (_context2.prev = _context2.next) {
             case 0:
               if (!beforeRequest) {
-                _context2.next = 7;
+                _context2.next = 13;
                 break;
               }
 
-              _context2.next = 3;
-              return resolveMaybePromiseMethod(beforeRequest);
+              _context2.prev = 1;
+              _context2.next = 4;
+              return resolveMaybePromiseMethod(beforeRequest, context);
 
-            case 3:
+            case 4:
               beforeRequestContext = _context2.sent;
+              _context2.next = 10;
+              break;
+
+            case 7:
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](1);
+              beforeRequestContext = false;
 
+            case 10:
               if (!(beforeRequestContext === false)) {
-                _context2.next = 7;
+                _context2.next = 13;
                 break;
               }
 
               reject(false);
               return _context2.abrupt("return");
 
-            case 7:
+            case 13:
               requestContext = Object.assign({}, context, typeof beforeRequestContext === 'object' ? beforeRequestContext : {});
               paramsWithContext = Object.assign({}, extraParams, handleExtendParmas(extendParams, requestContext), params, data);
               reuqestParams = (0,_getTargetValue__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(paramsWithContext, requestContext);
@@ -68238,12 +68592,12 @@ function doCommonRequest(config, context, history, extraParams) {
                 reject(error);
               });
 
-            case 14:
+            case 20:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2);
+      }, _callee2, null, [[1, 7]]);
     }));
 
     return function (_x, _x2) {
@@ -68826,6 +69180,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "setRequestConfig": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_9__.LF),
 /* harmony export */   "useRequest": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_9__.QT),
 /* harmony export */   "doCommonRequest": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_10__.H),
+/* harmony export */   "resolveMaybePromiseMethod": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_10__.$),
 /* harmony export */   "getLanguage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.G3),
 /* harmony export */   "getMessage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.FC),
 /* harmony export */   "getSourceLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.xL),
@@ -68850,6 +69205,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getValueByValue": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.BN),
 /* harmony export */   "listToTree": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.OH),
 /* harmony export */   "paramMap": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.ur),
+/* harmony export */   "treeToList": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.iU),
 /* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Hi),
 /* harmony export */   "setGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Qb),
 /* harmony export */   "updateGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Hl),
@@ -69018,7 +69374,9 @@ function goToLink(link, history) {
   collapseAdvancedFilter: 'Collapse Advanced Filter',
   press: 'Press',
   toExitFullScreen: 'to exit fullscreen mode',
-  filter: 'Filter'
+  filter: 'Filter',
+  ok: 'OK',
+  cancel: 'Cancel'
 });
 
 /***/ }),
@@ -69122,7 +69480,9 @@ function getMessage(id, data) {
   collapseAdvancedFilter: '收起高级筛选',
   press: '按',
   toExitFullScreen: '即可退出全屏模式',
-  filter: '过滤器'
+  filter: '过滤器',
+  ok: '确定',
+  cancel: '取消'
 });
 
 /***/ }),
@@ -69174,7 +69534,9 @@ function getMessage(id, data) {
   collapseAdvancedFilter: '收起高級篩選',
   press: '按',
   toExitFullScreen: '即可退出全屏模式',
-  filter: '過濾器'
+  filter: '過濾器',
+  ok: '確定',
+  cancel: '取消'
 });
 
 /***/ }),
@@ -69186,7 +69548,8 @@ function getMessage(id, data) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ur": () => (/* binding */ paramMap),
 /* harmony export */   "OH": () => (/* binding */ listToTree),
-/* harmony export */   "BN": () => (/* binding */ getValueByValue)
+/* harmony export */   "BN": () => (/* binding */ getValueByValue),
+/* harmony export */   "iU": () => (/* binding */ treeToList)
 /* harmony export */ });
 /* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77981);
 /* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2273);
@@ -69278,6 +69641,31 @@ var listToTree = function listToTree(list, root, aliasMap) {
 
   return treeList;
 };
+/**
+ * tree 扁平化
+ * @param dataSource tree 数据源
+ * @param childrenKey children key
+ * @returns
+ */
+
+
+var treeToList = function treeToList(dataSource, childrenKey) {
+  if (childrenKey === void 0) {
+    childrenKey = 'children';
+  }
+
+  var res = [];
+
+  var fn = function fn(dataSource) {
+    dataSource.forEach(function (item) {
+      res.push(item);
+      item[childrenKey] && item[childrenKey].length > 0 ? fn(item[childrenKey]) : '';
+    });
+  };
+
+  fn(dataSource);
+  return res;
+};
 /**
  * 从对象数组中根据输入key的值获取输出key的值
  * @param array: 目标数组