@teamix/pro 1.2.14 → 1.2.15

package/dist/pro.js

@@ -48847,6 +48847,7 @@ var FieldMenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().
     setFieldVal(value);
   }, [value]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menuSelect__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+    className: "teamix-pro-field-layout-compact",
     ref: ref,
     value: fieldVal,
     dataSource: options
@@ -52651,6 +52652,49 @@ var Trigger = function Trigger(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
 /* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+var _excluded = ["dataSource", "col", "width", "value", "onChange", "showAll", "size", "hideTitle"];
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -52712,6 +52756,42 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 
 
 
@@ -52750,7 +52830,9 @@ var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
       showAll = props.showAll,
       size = props.size,
       _props$hideTitle = props.hideTitle,
-      hideTitle = _props$hideTitle === void 0 ? false : _props$hideTitle;
+      hideTitle = _props$hideTitle === void 0 ? false : _props$hideTitle,
+      others = _objectWithoutProperties(props, _excluded);
+
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(valueProp),
@@ -52892,7 +52974,7 @@ var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Popup, {
-    trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Input, {
+    trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Input, _objectSpread({
       ref: forwardRef,
       placeholder: "\u8BF7\u9009\u62E9",
       value: inputValue,
@@ -52905,7 +52987,7 @@ var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
       },
       size: size,
       hasClear: true
-    }),
+    }, others)),
     triggerType: "click",
     triggerClickKeycode: 40,
     offset: [0, 5],
@@ -57717,7 +57799,9 @@ function useDialogAction(action, actionContext) {
         className: "teamix-pro-dialog-before-content"
       }, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: "teamix-pro-dialog-message"
-      }, (0,_utils_message__WEBPACK_IMPORTED_MODULE_6__/* .renderProMessage */ .B)(message)), dialogContent, afterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      }, (0,_utils_message__WEBPACK_IMPORTED_MODULE_6__/* .renderProMessage */ .B)(message, {
+        type: 'notice'
+      })), dialogContent, afterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: "teamix-pro-dialog-after-content"
       }, addContextForReactNode(afterContent, dialogContext)), footerDescription && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
@@ -58464,8 +58548,8 @@ ProCardDivider.isProCardDivider = true;
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_12__._),
-/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_12__.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 */ });
@@ -58478,15 +58562,16 @@ ProCardDivider.isProCardDivider = true;
 /* 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 _skeleton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53277);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(20559);
-/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(66113);
-/* harmony import */ var _selectable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(80617);
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(56904);
-/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(18110);
+/* harmony import */ var _utils_message__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94891);
+/* 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", "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"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "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); }
 
@@ -58512,6 +58597,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-pro-card');
 
 var renderActionGroup = function renderActionGroup(extra, context) {
@@ -58526,7 +58612,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_7__/* .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"
@@ -58556,6 +58642,7 @@ var ProCard = function ProCard(props) {
       description = props.description,
       extra = props.extra,
       actions = props.actions,
+      message = props.message,
       style = props.style,
       className = props.className,
       image = props.image,
@@ -58585,7 +58672,7 @@ var ProCard = function ProCard(props) {
       innerCollapseState = _React$useState[0],
       setInnerCollapseState = _React$useState[1];
 
-  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatSpacing */ .A)(spacing),
+  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatSpacing */ .A)(spacing),
       horizonal = _formatSpacing.horizonal,
       vertical = _formatSpacing.vertical;
 
@@ -58631,7 +58718,7 @@ var ProCard = function ProCard(props) {
       containProCard = true;
       var col = element.props.col;
 
-      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .getColClassAndStyle */ .Q)(col),
+      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .getColClassAndStyle */ .Q)(col),
           colClassName = _getColClassAndStyle.className,
           colStyle = _getColClassAndStyle.style;
 
@@ -58704,7 +58791,7 @@ var ProCard = function ProCard(props) {
     component: "img",
     src: image
   }), (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_6__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
+    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_3__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Content, {
@@ -58712,7 +58799,7 @@ var ProCard = function ProCard(props) {
       padding: 0,
       margin: 0
     } : {}
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_6__/* .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
   }, empty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -58724,16 +58811,20 @@ var ProCard = function ProCard(props) {
     style: {
       padding: '50px 0 60px'
     }
-  })), !empty && childrenModified)));
+  })), !empty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, message && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls('content-message')
+  }, (0,_utils_message__WEBPACK_IMPORTED_MODULE_6__/* .renderProMessage */ .B)(message, {
+    type: 'notice'
+  })), childrenModified))));
 };
 ProCard.defaultProps = {
   bordered: true,
   spacing: 16,
   direction: 'row'
 };
-ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z;
-ProCard.Selectable = _selectable__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z;
-ProCard.Tab = _tab__WEBPACK_IMPORTED_MODULE_11__/* ["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);
 /**
@@ -59664,13 +59755,10 @@ AdvancedFilter.defaultProps = {
 /* harmony import */ var _fieldTypeMap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(59687);
 /* harmony import */ var _ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(28927);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(51344);
-var _excluded = ["schema", "triggerType", "onFilter"],
-    _excluded2 = ["schema", "triggerType", "onFilter"],
-    _excluded3 = ["form", "addonAfter", "addonBefore", "onFilter"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _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 _excluded = ["schema", "onChange", "onSubmit"],
+    _excluded2 = ["form", "schema", "onSubmit", "onChange"],
+    _excluded3 = ["schema", "onSubmit", "onChange", "onReset", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol"],
+    _excluded4 = ["addonAfter", "addonBefore", "onFilter", "mode", "expand"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -59678,7 +59766,9 @@ 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 _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; }
 
 
 
@@ -59691,41 +59781,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var getEventProps = function getEventProps(triggerType, onFilter) {
-  var keydownEvent = {
-    onSubmit: onFilter
-  };
-  var changeEvent = {
-    onChange: onFilter
-  };
-  var eventMap = {
-    keydown: keydownEvent,
-    change: _objectSpread(_objectSpread({}, keydownEvent), changeEvent),
-    submit: keydownEvent
-  };
-  return eventMap[triggerType];
-};
 
-var schemaTemp = [{
-  name: 'taskName',
-  title: '实例名称',
-  component: 'Input',
-  required: true,
-  props: {
-    style: {
-      width: 180
-    },
-    placeholder: '请输入'
-  }
-}];
 /**
  * 简单筛选
  */
 
 var SimpleFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
   var schema = props.schema,
-      triggerType = props.triggerType,
-      onFilter = props.onFilter,
+      onChange = props.onChange,
+      onSubmit = props.onSubmit,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
@@ -59737,48 +59801,87 @@ var SimpleFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(func
       props: {
         size: 8
       },
-      children: [].concat(schema, [{
-        type: 'void',
-        decorator: null,
-        component: 'Submit',
-        props: {
-          style: _objectSpread({}, triggerType === 'submit' ? {} : {
-            display: 'none'
-          })
+      children: schema
+    }, {
+      component: 'Submit',
+      props: {
+        style: {
+          display: 'none'
         }
-      }])
+      }
     }];
-  }, []);
-  var eventProps = getEventProps(triggerType, onFilter);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({
+  }, [schema]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({}, otherProps, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
+    schema: simpleSchema,
     feedbackLayout: "popover",
     breakpoints: [],
-    inset: true
-  }, otherProps, eventProps, {
+    inset: true,
+    onSubmit: onSubmit,
+    onChange: onChange
+  }));
+});
+/**
+ * 轻量筛选
+ */
+
+var LightFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+  var form = props.form,
+      schema = props.schema,
+      onSubmit = props.onSubmit,
+      onChange = props.onChange,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
+    prefix: 'teamix-pro-form-query-filter-light'
+  });
+  var LightSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return [{
+      component: 'LightFilter',
+      children: schema
+    }, {
+      component: 'Submit',
+      props: {
+        style: {
+          display: 'none'
+        }
+      }
+    }];
+  }, [schema]); // useEffect(() => {
+  //   form.addEffects('onChange', () => {
+  //     onFieldValueChange('',(field:any) => {
+  //       console.log(field.value);
+  //     });
+  //   });
+  // }, [form, onChange]);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({}, otherProps, {
+    form: form,
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
-    schema: simpleSchema
+    schema: LightSchema,
+    feedbackLayout: "popover",
+    breakpoints: [],
+    bordered: false,
+    onSubmit: onSubmit,
+    onChange: onChange
   }));
 });
-SimpleFilter.defaultProps = {
-  triggerType: 'change'
-};
 /**
  * 高级筛选
  */
 
 var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
-  var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return (props == null ? void 0 : props.form) || (0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.createForm)();
-  }, []);
   var schema = props.schema,
-      triggerType = props.triggerType,
-      onFilter = props.onFilter,
+      onSubmit = props.onSubmit,
+      onChange = props.onChange,
       onReset = props.onReset,
       layout = props.layout,
       labelAlign = props.labelAlign,
       wrapperAlign = props.wrapperAlign,
       labelCol = props.labelCol,
-      wrapperCol = props.wrapperCol;
+      wrapperCol = props.wrapperCol,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded3);
+
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form-query-filter-advanced'
   });
@@ -59806,26 +59909,21 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
             component: 'Reset',
             props: {
               onResetValidateSuccess: onReset,
-              style: _objectSpread({}, triggerType === 'submit' ? {} : {
-                marginRight: -16
-              }),
               children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('reset')
             }
           }, {
             component: 'Submit',
             props: {
-              style: _objectSpread({}, triggerType === 'submit' ? {
+              style: {
                 marginRight: -8
-              } : {
-                display: 'none'
-              }),
+              },
               children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('search')
             }
           }]
         }]
       }])
     }];
-  }, []);
+  }, [schema, onReset]);
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       breakpoints: [990],
@@ -59836,61 +59934,39 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
       wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_10__/* .mergeArrayValue */ .UT)([24], wrapperCol)
     };
   }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
-  var eventProps = getEventProps(triggerType, onFilter);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({
-    feedbackLayout: "popover"
-  }, props, eventProps, getTeamixLayout, {
-    form: form,
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
     schema: gridSchema,
-    onSubmit: onFilter
+    feedbackLayout: "popover"
+  }, otherProps, getTeamixLayout, {
+    onSubmit: onSubmit
   }));
 });
 AdvancedFilter.defaultProps = {
-  triggerType: 'change',
   layout: 'horizontal',
   labelAlign: 'right',
   labelCol: 6,
   wrapperCol: 18
 };
 /**
- * 聚合筛选
+ * 查询筛选
  */
 
-var LightFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
-  var schema = props.schema,
-      triggerType = props.triggerType,
+var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+  var addonAfter = props.addonAfter,
+      addonBefore = props.addonBefore,
       onFilter = props.onFilter,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+      mode = props.mode,
+      expand = props.expand,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded4);
 
-  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-query-filter-light'
-  });
-  var LightSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return [{
-      component: 'LightFilter',
-      children: schema
-    }];
-  }, [schema]);
-  var eventProps = getEventProps(triggerType, onFilter);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({
-    feedbackLayout: "popover",
-    breakpoints: [],
-    bordered: false
-  }, otherProps, eventProps, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
-    schema: LightSchema
-  }));
-});
-LightFilter.defaultProps = {
-  triggerType: 'change'
-};
-/**
- * 查询筛选
- */
+  var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return props.form || (0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.createForm)({
+      validateFirst: true
+    });
+  }, []);
 
-var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(expand),
       advancedFilterVisible = _useState[0],
       setAdvancedFilterVisible = _useState[1];
 
@@ -59898,17 +59974,6 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
       tagDataSource = _useState2[0],
       setTagDataSource = _useState2[1];
 
-  var outerForm = props.form,
-      addonAfter = props.addonAfter,
-      addonBefore = props.addonBefore,
-      onFilter = props.onFilter,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded3);
-
-  var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.createForm)({
-      validateFirst: true
-    });
-  }, []);
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form-query-filter'
   }); // 展开收起高级筛选
@@ -59935,9 +60000,20 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     }).filter(function (item) {
       return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.isSignificative)(item.value);
     });
-  }, []); // 表单值变化
+  }, []); // 表单值提交
 
-  var onFormValueChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
+  var onFormSubmit = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
+    setTagDataSource(getTagDataSource(form));
+    onFilter && onFilter(values);
+  }, []); // 轻量表单onChange
+
+  var onLightValueChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
+    form.reset();
+    setTagDataSource(getTagDataSource(form));
+    onFilter && onFilter(values);
+  }, [form]); // 简单表单onChange
+
+  var onSimpleValueChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
     setTagDataSource(getTagDataSource(form));
     onFilter && onFilter(values);
   }, []); // 关闭标签清空表单字段值
@@ -59957,11 +60033,12 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     className: prefixCls + "-left"
   }, addonBefore ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: prefixCls + "-addonBefore"
-  }, addonBefore) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: prefixCls + "-light-wrap"
+  }, addonBefore) : null, mode === 'panel' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-inline-form"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LightFilter, _extends({}, otherProps, {
     form: form,
-    onFilter: onFormValueChange
+    onFilter: onLightValueChange,
+    onSubmit: onFormSubmit
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: prefixCls + "-toggle"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Badge, {
@@ -59978,9 +60055,15 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     type: "up-line"
   }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
     type: "filter-line"
-  }), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('advancedFilter'))))), addonAfter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('advancedFilter'))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-inline-form"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SimpleFilter, _extends({}, otherProps, {
+    form: form,
+    onFilter: onSimpleValueChange,
+    onSubmit: onFormSubmit
+  })))), addonAfter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: prefixCls + "-addonAfter"
-  }, addonAfter) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, addonAfter) : null), mode === 'panel' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: prefixCls + "-panel"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls + "-tag", advancedFilterVisible ? prefixCls + "-tag-hidden" : '')
@@ -60006,9 +60089,13 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls + "-advanced-wrap", !advancedFilterVisible ? prefixCls + "-advanced-wrap-hidden" : '')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AdvancedFilter, _extends({}, otherProps, {
     form: form,
-    onFilter: onFormValueChange
-  })))));
+    onSubmit: onFormSubmit
+  })))) : null);
 });
+QueryFilter.defaultProps = {
+  mode: 'inline',
+  expand: false
+};
 
 
 /***/ }),
@@ -61546,11 +61633,7 @@ var $dataSource = function $dataSource(services, onComplete, context) {
       readOnly: true
     });
     return services(field, context).then(function (res) {
-      var _res$map;
-
-      var isValueInDataSource = res == null ? void 0 : (_res$map = res.map(function (v) {
-        return v.value;
-      })) == null ? void 0 : _res$map.includes(field.value);
+      var isValueInDataSource = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getValueByValue)(res, field.value);
       var clearValue = isValueInDataSource ? {} : {
         value: undefined
       };
@@ -62270,7 +62353,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConf
 
  // export * from './sidebar';
 
-var version = '1.2.13';
+var version = '1.2.14';
 
 
 /***/ }),
@@ -65169,21 +65252,12 @@ var renderActionGroup = function renderActionGroup(group, defaultProps, buttonTy
   return group;
 };
 
-var isPresetColor = function isPresetColor(color) {
-  if (!color) {
-    return false;
-  }
-
-  var PRESET_COLOR_REG = /blue|green|orange|red|yellow/;
-  return PRESET_COLOR_REG.test(color);
-};
-
 var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgroundType) {
   var _classnames;
 
-  var isColorPresetColor = isPresetColor(color);
-  var isBgColorPresetColor = isPresetColor(backgroundColor);
-  var className = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_classnames = {}, _classnames["" + cls("color-" + color)] = isColorPresetColor, _classnames["" + cls("bg-color-" + backgroundColor)] = isBgColorPresetColor, _classnames["" + cls("bg-type-" + backgroundType)] = !!backgroundType, _classnames));
+  var isColorPresetColor = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.isPresetColor)(color);
+  var isBgColorPresetColor = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.isPresetColor)(backgroundColor);
+  var className = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_classnames = {}, _classnames["" + (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getColorClassName)(color)] = isColorPresetColor, _classnames["" + (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getBackgroundColorClassName)(backgroundColor)] = isBgColorPresetColor, _classnames["" + cls("bg-type-" + backgroundType)] = !!backgroundType, _classnames));
   var styleColor = isColorPresetColor ? undefined : color;
   var styleBgColor = isBgColorPresetColor ? undefined : backgroundColor;
   var style = {
@@ -66181,10 +66255,23 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
 
   var moveUp = function moveUp(e, dataIndex) {
+    var _newColumns$filter, _newColumns$filter2;
+
     e.stopPropagation();
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns);
-    var index = keyNewColumns.findIndex(function (_ref) {
-      var index = _ref.dataIndex;
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns).filter(function (_ref) {
+      var lock = _ref.lock;
+      return !lock;
+    });
+    var headLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)((_newColumns$filter = newColumns.filter(function (_ref2) {
+      var lock = _ref2.lock;
+      return lock === true || lock === 'left';
+    })) != null ? _newColumns$filter : []);
+    var tailLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)((_newColumns$filter2 = newColumns.filter(function (_ref3) {
+      var lock = _ref3.lock;
+      return lock === 'right';
+    })) != null ? _newColumns$filter2 : []);
+    var index = keyNewColumns.findIndex(function (_ref4) {
+      var index = _ref4.dataIndex;
       return index === dataIndex;
     });
 
@@ -66194,15 +66281,28 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       keyNewColumns.push(keyNewColumns.shift());
     }
 
-    notifyTableRender(keyNewColumns);
+    notifyTableRender([].concat(headLock, keyNewColumns, tailLock));
   }; // 向下
 
 
   var moveDown = function moveDown(e, dataIndex) {
+    var _newColumns$filter3, _newColumns$filter4;
+
     e.stopPropagation();
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns);
-    var index = keyNewColumns.findIndex(function (_ref2) {
-      var index = _ref2.dataIndex;
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns).filter(function (_ref5) {
+      var lock = _ref5.lock;
+      return !lock;
+    });
+    var headLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)((_newColumns$filter3 = newColumns.filter(function (_ref6) {
+      var lock = _ref6.lock;
+      return lock === true || lock === 'left';
+    })) != null ? _newColumns$filter3 : []);
+    var tailLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)((_newColumns$filter4 = newColumns.filter(function (_ref7) {
+      var lock = _ref7.lock;
+      return lock === 'right';
+    })) != null ? _newColumns$filter4 : []);
+    var index = keyNewColumns.findIndex(function (_ref8) {
+      var index = _ref8.dataIndex;
       return index === dataIndex;
     });
 
@@ -66212,7 +66312,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       keyNewColumns.unshift(keyNewColumns.splice(index, 1)[0]);
     }
 
-    notifyTableRender(keyNewColumns);
+    notifyTableRender([].concat(headLock, keyNewColumns, tailLock));
   }; // 通知表格渲染
 
 
@@ -66280,23 +66380,24 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       type: "primary"
     }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('reset'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu.Divider, {
       key: "divider"
-    }), newColumns.map(function (_ref3, index) {
+    }), newColumns.map(function (_ref9, index) {
       var _newColumns$find;
 
-      var dataIndex = _ref3.dataIndex,
-          title = _ref3.title,
-          columnFiltersDisabled = _ref3.columnFiltersDisabled;
+      var dataIndex = _ref9.dataIndex,
+          title = _ref9.title,
+          columnFiltersDisabled = _ref9.columnFiltersDisabled,
+          lock = _ref9.lock;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(CheckboxItem, {
         key: index,
-        checked: (_newColumns$find = newColumns.find(function (_ref4) {
-          var key = _ref4.dataIndex;
+        checked: (_newColumns$find = newColumns.find(function (_ref10) {
+          var key = _ref10.dataIndex;
           return key === dataIndex;
         })) == null ? void 0 : _newColumns$find.columnFilters,
         onChange: function onChange(check) {
           return onChangeColumns(check, dataIndex);
         },
         disabled: columnFiltersDisabled
-      }, title, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
+      }, title, !lock && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
         className: cls({
           sort: true
         })
@@ -66353,8 +66454,8 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
         key: index,
         className: cls('col')
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Checkbox, {
-        checked: (_newColumns$find2 = newColumns.find(function (_ref5) {
-          var key = _ref5.dataIndex;
+        checked: (_newColumns$find2 = newColumns.find(function (_ref11) {
+          var key = _ref11.dataIndex;
           return key === dataIndex;
         })) == null ? void 0 : _newColumns$find2.columnFilters,
         onChange: function onChange(check) {
@@ -67276,7 +67377,11 @@ var ProTable = function ProTable(props) {
   }
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    // 监听 浏览器变化 更吸底状态
+    var _actionRef$current5;
+
+    // 初始化 state 状态
+    actionRef == null ? void 0 : (_actionRef$current5 = actionRef.current) == null ? void 0 : _actionRef$current5.initState == null ? void 0 : _actionRef$current5.initState(); // 监听 浏览器变化 更吸底状态
+
     if (footerSuction) {
       getFooterSuctionState();
 
@@ -67297,6 +67402,8 @@ var ProTable = function ProTable(props) {
       if (window.onresize) {
         window.onresize = null;
       }
+
+      actionRef.current = undefined;
     };
   }, []);
 
@@ -67551,10 +67658,10 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
   var filterMode = item.filterMode,
       filters = item.filters,
       dataIndex = item.dataIndex,
-      dataSource = item.dataSource;
+      dataSource = item.dataSource; // 为列过滤添加状态标题
 
-  var getItemLable = function getItemLable() {
-    if (filterMode !== 'multiple') {
+  var getItemLabel = function getItemLabel() {
+    if (filters && filterMode !== 'multiple') {
       var _actionRef$current$ge, _actionRef$current;
 
       var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.getState == null ? void 0 : _actionRef$current.getState().filterRules) != null ? _actionRef$current$ge : {};
@@ -67579,16 +67686,37 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
 
             return item.value === ((_selectedItem2 = selectedItem[dataIndex]) == null ? void 0 : _selectedItem2.params);
           })) == null ? void 0 : _targetFilters$find.label;
-          return item.title + " (" + label + ")";
+          var value = item.title + " (" + label + ")";
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+            style: {
+              display: 'inline-flex'
+            },
+            value: value,
+            type: "text",
+            render: {
+              ellipsis: true,
+              color: 'var(--table-th-color,#848484)'
+            }
+          });
         }
       }
     }
 
-    return item.title;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      style: {
+        display: 'inline-flex'
+      },
+      value: item.title,
+      type: "text",
+      render: {
+        ellipsis: true,
+        color: 'var(--table-th-color,#848484)'
+      }
+    });
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.LabelIconTip, {
-    label: getItemLable(),
+    label: getItemLabel(),
     tooltip: item.tooltip,
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Filter__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
@@ -67877,7 +68005,10 @@ var state = {
   fullScreenState: false,
   filterRules: {},
   filterColumns: []
-}; // 组件内全局监听事件
+};
+
+var _initState = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(state); // 组件内全局监听事件
+
 
 var callback = {
   fullScreenState: {}
@@ -67895,6 +68026,9 @@ var mutations = {
       mutations[key] = value;
     }
   },
+  initState: function initState() {
+    state = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(_initState);
+  },
   filterColumns: state.filterColumns,
   setFullScreenState: function setFullScreenState(fullScreenState) {
     state.fullScreenState = fullScreenState;
@@ -68220,16 +68354,16 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var renderProMessage = function renderProMessage(message) {
+var renderProMessage = function renderProMessage(message, defaultProps) {
+  if (!message) {
+    return null;
+  }
+
   if (typeof message === 'string') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message, {
-      type: "notice"
-    }, message);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message, defaultProps, message);
   }
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message, _extends({
-    type: "notice"
-  }, message));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message, _extends({}, defaultProps, message));
 };
 
 /***/ }),
@@ -68314,17 +68448,22 @@ var isSignificative = function isSignificative(val) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "Pz": () => (/* binding */ backGroundColorMap),
+/* harmony export */   "DM": () => (/* binding */ borderColorMap),
+/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-var brandColor = [['snow', 'var(--color-white, #fff)'], ['b0', 'var(--color-brand1-1, #f0f7ff)'], ['b10', 'var(--color-brand1-2, #cae3fd)'], ['b20', 'var(--color-brand1-3, #90c0ef)'], ['b30', 'var(--color-brand1-4, #589ad8)'], ['b40', 'var(--color-brand1-5, #2a7dd1)'], ['b50', 'var(--color-brand1-6, #0064c8)'], ['b60', 'var(--color-brand1-7, #0057ad)'], ['b70', 'var(--color-brand1-8, #003e7c)'], ['b80', '#003263'], ['b90', '#002953']];
-var grey = [['g0', 'var(--color-fill1-2, #f7f7f7)'], ['g10', 'var(--color-line1-1, #eaeaea)'], ['g20', 'var(--color-line1-2, #d9d9d9)'], ['g30', 'var(--color-line1-3, #ccc)'], ['g40', 'var(--color-line1-5, #ababab)'], ['g50', 'var(--color-fill1-6, #848484)'], ['g60', 'var(--color-text1-2, #5a5a5a)'], ['g70', 'var(--color-text1-3, #333333)'], ['g80', 'var(--color-text1-5, #292929)'], ['g90', 'var(--color-text1-4, #1a1a1a)'], ['black', 'var(--color-black, #000)']];
+var brandColor = [['b0', 'var(--color-brand1-1, #f0f7ff)'], ['b10', 'var(--color-brand1-2, #cae3fd)'], ['b20', 'var(--color-brand1-3, #90c0ef)'], ['b30', 'var(--color-brand1-4, #589ad8)'], ['b40', 'var(--color-brand1-5, #2a7dd1)'], ['b50', 'var(--color-brand1-6, #0064c8)'], ['b60', 'var(--color-brand1-7, #0057ad)'], ['b70', 'var(--color-brand1-8, #003e7c)'], ['b80', '#003263'], ['b90', '#002953']];
+var grey = [['g0', 'var(--color-fill1-2, #f7f7f7)'], ['g10', 'var(--color-line1-1, #eaeaea)'], ['g20', 'var(--color-line1-2, #d9d9d9)'], ['g30', 'var(--color-line1-3, #ccc)'], ['g40', 'var(--color-line1-5, #ababab)'], ['g50', 'var(--color-fill1-6, #848484)'], ['g60', 'var(--color-text1-2, #5a5a5a)'], ['g70', 'var(--color-text1-3, #333333)'], ['g80', 'var(--color-text1-5, #292929)'], ['g90', 'var(--color-text1-4, #1a1a1a)']];
 var error = [['r0', 'var(--color-error-1, #fff1f0)'], ['r10', 'var(--color-error-2, #fcceca)'], ['r20', 'var(--color-error-3, #f7aaa3)'], ['r30', 'var(--color-error-7, #f2887e)'], ['r40', 'var(--color-error-4, #ed675a)'], ['r50', 'var(--color-error-5, #e84738)'], ['r60', 'var(--color-error-6, #c43123)'], ['r70', '#A11F13'], ['r80', '#7D1207'], ['r90', '#520700']];
 var success = [['gn0', 'var(--color-success-1, #f0fff7)'], ['gn10', 'var(--color-success-2, #cdf8e1)'], ['gn20', 'var(--color-success-3, #90deb5)'], ['gn30', 'var(--color-success-7, #67cf98)'], ['gn40', 'var(--color-success-4, #43bf7d)'], ['gn50', 'var(--color-success-5, #22b066)'], ['gn60', 'var(--color-success-6, #159953)'], ['gn70', '#098243'], ['gn80', '#026B34'], ['gn90', '#005420']];
 var warning = [['o0', 'var(--color-warning-1, #fff8f0)'], ['o10', 'var(--color-warning-2, #ffe0bf)'], ['o20', 'var(--color-warning-3, #ffcd96)'], ['o30', 'var(--color-warning-7, #ffb96e)'], ['o40', 'var(--color-warning-4, #ffa544)'], ['o50', 'var(--color-warning-5, #f98e1a)'], ['o60', 'var(--color-warning-6, #cf7412)'], ['o70', '#A35A0A'], ['o80', '#774106'], ['o90', '#522A00']];
 var help = [['y0', 'var(--color-help-1, #fffcf0)'], ['y10', 'var(--color-help-2, #fff5c2)'], ['y20', 'var(--color-help-3, #ffee96)'], ['y30', 'var(--color-help-7, #ffe66b)'], ['y40', 'var(--color-help-4, #ffdf40)'], ['y50', 'var(--color-help-5, #fad414)'], ['y60', 'var(--color-help-6, #d1b10d)'], ['y70', '#A88E07'], ['y80', '#796702'], ['y90', '#524400']];
 var mention = [['p0', 'var(--color-mention-1, #f0f0ff)'], ['p10', 'var(--color-mention-2, #c9cbf5)'], ['p20', 'var(--color-mention-3, #afb2f0)'], ['p30', 'var(--color-mention-4, #969aeb)'], ['p40', 'var(--color-mention-5, #7e83e6)'], ['p50', 'var(--color-mention-6, #666ce0)'], ['p60', 'var(--color-mention-7, #4046bd)'], ['p70', 'var(--color-mention-8, #232999)'], ['p80', 'var(--color-mention-9, #0e1375)'], ['p90', 'var(--color-mention-10, #000452)']];
-var text = [['blue', 'var(--color-notice-5)'], ['green', 'var(--color-success-5)'], ['orange', 'var(--color-warning-5)'], ['red', 'var(--color-error-5)'], ['yellow', 'var(--color-help-5)'], ['purple', 'var(--color-mention-5)']];
-var colorMap = new Map([].concat(brandColor, grey, error, success, warning, help, mention, text));
+var text = [['white', 'var(--color-white, #fff)'], ['blue', 'var(--color-notice-5)'], ['green', 'var(--color-success-5)'], ['orange', 'var(--color-warning-5)'], ['red', 'var(--color-error-5)'], ['yellow', 'var(--color-help-5)'], ['purple', 'var(--color-mention-5)'], ['black', 'var(--color-black, #000)'], ['transparent', 'transparent']];
+var status = [['fail', 'var(--color-error-5, #e84738)'], ['success', 'var(--color-success-5, #22b066)'], ['warning', 'var(--color-warning-5, #f98e1a)'], ['pause', 'var(--color-fill1-6, #848484)'], ['help', 'var(--color-warning-5, #f98e1a)'], ['mention', 'var(--color-mention-6, #666ce0)'], ['process', 'var(--color-brand1-6, #0064c8)']];
+var backGroundColorMap = new Map([['blue', 'B0'], ['grey', 'G0'], ['red', 'R0'], ['green', 'GN0'], ['yellow', 'Y0'], ['orange', 'O0'], ['purple', 'P0']]);
+var borderColorMap = new Map([['blue', 'B10'], ['grey', 'G20'], ['red', 'R10'], ['green', 'GN10'], ['yellow', 'Y10'], ['orange', 'O10'], ['purple', 'P10']]);
+var colorMap = new Map([].concat(brandColor, grey, error, success, warning, help, mention, text, status));
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (colorMap);
 
 /***/ }),
@@ -68334,8 +68473,14 @@ var colorMap = new Map([].concat(brandColor, grey, error, success, warning, help
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "L": () => (/* binding */ getColor),
-/* harmony export */   "v": () => (/* binding */ getTagColor)
+/* harmony export */   "o2": () => (/* binding */ isPresetColor),
+/* harmony export */   "Iz": () => (/* binding */ isPresetBackgroundColor),
+/* harmony export */   "q0": () => (/* binding */ isPresetBorderColor),
+/* harmony export */   "Lq": () => (/* binding */ getColor),
+/* harmony export */   "Gd": () => (/* binding */ getColorClassName),
+/* harmony export */   "jM": () => (/* binding */ getBackgroundColorClassName),
+/* harmony export */   "h2": () => (/* binding */ getBorderColorClassName),
+/* harmony export */   "vm": () => (/* binding */ getTagColor)
 /* harmony export */ });
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
 /* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84678);
@@ -68343,22 +68488,96 @@ var colorMap = new Map([].concat(brandColor, grey, error, success, warning, help
 
 
 
-/** 全局 color props */
+/** 获取全部颜色：pro 内置的 + 用户全局注册的 */
+
+function getAllColors() {
+  var _getGlobalConfig;
+
+  // 全局 color
+  var globalColor = new Map(Object.entries((_getGlobalConfig = (0,___WEBPACK_IMPORTED_MODULE_0__.getGlobalConfig)('color')) != null ? _getGlobalConfig : {}));
+  var allColorMap = new Map([].concat(globalColor, _color__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .ZP));
+  return allColorMap;
+} // 是否是内置的颜色
+
+
+function isPresetColor(color) {
+  if (!color) {
+    return false;
+  }
+
+  var colors = getAllColors();
+  return colors.has(color.toLowerCase());
+} // 是否是内置的背景色
+
+function isPresetBackgroundColor(color) {
+  if (!color) {
+    return false;
+  }
+
+  return _color__WEBPACK_IMPORTED_MODULE_1__/* .backGroundColorMap.has */ .Pz.has(color.toLocaleLowerCase());
+} // 是否是内置的边框色
 
+function isPresetBorderColor(color) {
+  if (!color) {
+    return false;
+  }
+
+  return _color__WEBPACK_IMPORTED_MODULE_1__/* .borderColorMap.has */ .DM.has(color.toLocaleLowerCase());
+}
 /**
  * 获取颜色
  * @param symbol 颜色色值
  * @returns
  */
-function getColor(symbol) {
-  var _getGlobalConfig;
 
-  // 全局 color
-  var globalColor = new Map(Object.entries((_getGlobalConfig = (0,___WEBPACK_IMPORTED_MODULE_0__.getGlobalConfig)('color')) != null ? _getGlobalConfig : {}));
-  var allColorMap = new Map([].concat(globalColor, _color__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z));
+function getColor(symbol) {
+  var allColorMap = getAllColors();
   var value = allColorMap.get((symbol != null ? symbol : '').toLocaleLowerCase());
   return value != null ? value : symbol;
 }
+/**
+ * 获取文字颜色 className
+ * @param symbol 颜色代号
+ * @returns
+ */
+
+function getColorClassName(symbol) {
+  if (!symbol) {
+    return '';
+  }
+
+  return "teamix-pro-color-" + symbol.toLocaleLowerCase();
+}
+/**
+ * 获取背景颜色 className
+ * @param symbol 颜色代号
+ * @returns
+ */
+
+function getBackgroundColorClassName(symbol) {
+  var targetColor = _color__WEBPACK_IMPORTED_MODULE_1__/* .backGroundColorMap.get */ .Pz.get(symbol != null ? symbol : '');
+
+  if (!targetColor) {
+    return '';
+  }
+
+  return "teamix-pro-background-color-" + targetColor.toLocaleLowerCase();
+}
+/**
+ * 获取边框颜色 className
+ * @param symbol 颜色代号
+ * @returns
+ */
+
+function getBorderColorClassName(symbol) {
+  var targetColor = _color__WEBPACK_IMPORTED_MODULE_1__/* .borderColorMap.get */ .DM.get(symbol != null ? symbol : '');
+
+  if (!targetColor) {
+    return '';
+  }
+
+  return "teamix-pro-hover-background-color-" + targetColor.toLocaleLowerCase();
+}
 /**
  * 获取标签配置
  * @param color 标签色值、状态
@@ -69682,8 +69901,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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),
-/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.L),
-/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.v),
+/* harmony export */   "getBackgroundColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.jM),
+/* harmony export */   "getBorderColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.h2),
+/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.Lq),
+/* harmony export */   "getColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.Gd),
+/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.vm),
+/* harmony export */   "isPresetBackgroundColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.Iz),
+/* harmony export */   "isPresetBorderColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.q0),
+/* harmony export */   "isPresetColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.o2),
 /* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Cb),
 /* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Hf),
 /* harmony export */   "dateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.vc),
@@ -69749,6 +69974,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 function baseClass(perfix) {