@teamix/pro 1.2.21 → 1.2.22

package/dist/pro.js

@@ -51550,7 +51550,8 @@ var FieldSearch = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
       filterValue: fieldVal === null || fieldVal === void 0 ? void 0 : fieldVal[0],
       onFilterChange: function onFilterChange(filter) {
         setFieldVal([filter, '']);
-        (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .bindRefValue */ .Dd)([filter, ''], ref); // onChange?.(formatterOnchangeValue([filter, '']), 'onChange');
+        (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .bindRefValue */ .Dd)([filter, ''], ref);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .formatterOnchangeValue */ .WO)([filter, '']), 'onChange');
       },
       onChange: function onChange(filter) {
         setFieldVal([fieldVal === null || fieldVal === void 0 ? void 0 : fieldVal[0], filter]);
@@ -51782,6 +51783,214 @@ var FieldSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
 
 /***/ }),
 
+/***/ 98203:
+/***/ ((__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 _output__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(90405);
+/* harmony import */ var _selectGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47363);
+var _excluded = ["dataSource", "type", "value", "onChange", "mode", "render"];
+
+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();
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+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;
+}
+
+
+
+
+
+var FieldSelectGroup = function FieldSelectGroup(props) {
+  var dataSource = props.dataSource,
+      type = props.type,
+      value = props.value,
+      _onChange = props.onChange,
+      mode = props.mode,
+      render = props.render,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      fieldVal = _useState2[0],
+      setFieldVal = _useState2[1];
+
+  if (mode === 'edit') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_selectGroup__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z // trigger={<Button>标签筛选</Button>}
+    , _objectSpread({
+      // trigger={<Button>标签筛选</Button>}
+      className: "teamix-pro-field-layout-compact",
+      dataSource: dataSource,
+      placeholder: "\u8BF7\u9009\u62E9\u6216\u8F93\u5165\u6807\u7B7E\u952E\u6216\u6807\u7B7E\u503C",
+      leftLabelTooltipProps: {
+        label: '标签键',
+        tooltip: '键之间“与”运算，筛选出所选键的交集对象'
+      },
+      rightLabelTooltipProps: {
+        label: '标签值',
+        tooltip: '值之间“或”运算，筛选出所选值的并集对象'
+      },
+      value: fieldVal,
+      onChange: function onChange(value) {
+        setFieldVal(value);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
+      }
+    }, others));
+  }
+
+  var outputRender = render;
+
+  if (typeof render !== 'function') {
+    outputRender = _objectSpread(_objectSpread({}, render !== null && render !== void 0 ? render : {}), {}, {
+      type: 'tagGroup',
+      color: 'filter-tag'
+    });
+  }
+
+  return (0,_output__WEBPACK_IMPORTED_MODULE_1__/* .formatterOutput */ .h)(fieldVal, outputRender, fieldVal);
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSelectGroup);
+
+/***/ }),
+
 /***/ 33685:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -51979,7 +52188,7 @@ var FieldSwitch = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
 
 /***/ }),
 
-/***/ 90908:
+/***/ 82836:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -51989,7 +52198,7 @@ var FieldSwitch = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
 /* 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 _output__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(90405);
-/* harmony import */ var _components_tagFilter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(37314);
+/* harmony import */ var _tagPicker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81979);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(72326);
 var _excluded = ["value", "mode", "onChange", "inputProps", "layout", "size", "render", "disabled", "dataSource", "state", "type"];
 
@@ -52136,7 +52345,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-var FieldTagFilter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var FieldTagPicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var value = props.value,
       mode = props.mode,
       _onChange = props.onChange,
@@ -52161,7 +52370,7 @@ var FieldTagFilter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().f
   }, [value]);
 
   if (mode === 'edit') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_tagFilter__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z // @ts-ignore
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tagPicker__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z // @ts-ignore
     , _objectSpread({
       // @ts-ignore
       ref: ref,
@@ -52179,7 +52388,7 @@ var FieldTagFilter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().f
 
   return (0,_output__WEBPACK_IMPORTED_MODULE_1__/* .formatterOutput */ .h)(fieldVal, render, dataSource);
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldTagFilter);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldTagPicker);
 
 /***/ }),
 
@@ -53098,7 +53307,12 @@ var FieldTreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().
     onChange: function onChange(val) {
       setFieldVal(val);
       (0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .bindRefValue */ .Dd)(val, ref);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .formatterOnchangeValue */ .WO)(val), null);
+
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange.apply(void 0, [(0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .formatterOnchangeValue */ .WO)(val)].concat(args));
     },
     showSearch: true,
     dataSource: dataSource,
@@ -54165,6 +54379,8 @@ var Copy = function Copy(props) {
 /* 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 _Copy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(52925);
+/* harmony import */ var _Edit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15122);
+
 
 
 
@@ -54172,7 +54388,8 @@ var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-f
 
 var Description = function Description(props) {
   var result = props.result,
-      render = props.render;
+      render = props.render,
+      value = props.value;
   var copyText = typeof render.descriptionCopy === 'string' ? render.descriptionCopy : render.description;
   var description = typeof (render === null || render === void 0 ? void 0 : render.descriptionEllipsis) === 'string' ? render.descriptionEllipsis : render === null || render === void 0 ? void 0 : render.description;
 
@@ -54192,7 +54409,7 @@ var Description = function Description(props) {
   var renderDescriptionEllipsis = function renderDescriptionEllipsis() {
     var _render$descriptionRo, _ref2, _render$description2;
 
-    var ellipsis = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.Ellipsis, {
+    var result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.Ellipsis, {
       className: cls({
         tooltip: true
       }),
@@ -54204,13 +54421,25 @@ var Description = function Description(props) {
     }, (_ref2 = (_render$description2 = render === null || render === void 0 ? void 0 : render.description) !== null && _render$description2 !== void 0 ? _render$description2 : render.emptyText) !== null && _ref2 !== void 0 ? _ref2 : '');
 
     if (render.descriptionCopy) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Copy__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-        result: ellipsis,
+      result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Copy__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        result: result,
         value: copyText
       });
     }
 
-    return ellipsis;
+    if (render.descriptionEdit) {
+      var _render$description3;
+
+      result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Edit__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+        result: result,
+        value: (_render$description3 = render.description) === null || _render$description3 === void 0 ? void 0 : _render$description3.toString(),
+        renderEdit: render.descriptionRenderEdit,
+        editPopConfirmProps: render.descriptionEditPopConfirmProps,
+        editOnClick: render.descriptionEditOnClick
+      });
+    }
+
+    return result;
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -54241,6 +54470,49 @@ var Description = function Description(props) {
 /* harmony import */ var _teamix_pop_confirm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(82599);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* 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__);
+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();
 }
@@ -54306,21 +54578,11 @@ function _arrayWithHoles(arr) {
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-field-output-edit');
 
 var Edit = function Edit(props) {
-  var renderContent = function renderContent() {
-    return 'cnm'; // <ProForm
-    //   schema={[
-    //     {
-    //       name: 'input',
-    //       component: 'Input',
-    //       required: true,
-    //     },
-    //   ]}
-    //   onSubmit={console.log}
-    // />
-  }; // 浮层的显隐状态
+  var _editPopConfirmProps; // 浮层的显隐状态
 
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),
@@ -54332,63 +54594,74 @@ var Edit = function Edit(props) {
   var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       editVisible = _useState4[0],
-      setEditVisible = _useState4[1]; // TODO 待 form 文档补齐
-
+      setEditVisible = _useState4[1];
 
   var result = props.result,
-      render = props.render;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-    className: cls(),
-    onMouseEnter: function onMouseEnter() {
-      setEditVisible(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      setEditVisible(false);
-    }
-  }, result, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_teamix_pop_confirm__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-    visible: popConfirmVisible,
-    content: renderContent(),
-    triggerType: "click",
-    popupClassName: cls('pop-confirm'),
-    onConfirm: function onConfirm(e) {
-      var _render$editOnOk;
-
-      render === null || render === void 0 ? void 0 : (_render$editOnOk = render.editOnOk) === null || _render$editOnOk === void 0 ? void 0 : _render$editOnOk.call(render, e);
+      value = props.value,
+      renderEdit = props.renderEdit,
+      editPopConfirmProps = props.editPopConfirmProps,
+      editOnClick = props.editOnClick; // 设置浮层打开关闭 暴露给外层组件
 
-      if (popConfirmVisible) {
-        setEditVisible(false);
-      }
+  var setPopConfirmVisibleFunc = function setPopConfirmVisibleFunc(status) {
+    if (!status) {
+      setEditVisible(false);
+    }
 
-      setPopConfirmVisible(!popConfirmVisible);
-    },
-    onCancel: function onCancel(e) {
-      var _render$editOnCancel;
+    setPopConfirmVisible(status);
+  }; // 渲染触发小笔
 
-      render === null || render === void 0 ? void 0 : (_render$editOnCancel = render.editOnCancel) === null || _render$editOnCancel === void 0 ? void 0 : _render$editOnCancel.call(render, e);
 
-      if (popConfirmVisible) {
-        setEditVisible(false);
-      }
-
-      setPopConfirmVisible(!popConfirmVisible);
-    },
+  var renderTrigger = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Balloon.Tooltip, {
+    align: "t",
     trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z, {
       type: "edit-line",
       size: "small",
       className: cls('icon'),
-      // 这里使用 opacity 是为了占位
       style: {
         opacity: editVisible || popConfirmVisible ? 1 : 0
       },
-      onClick: function onClick() {
+      onClick: function onClick(e) {
+        if (editOnClick) {
+          editOnClick === null || editOnClick === void 0 ? void 0 : editOnClick(value, e);
+          return;
+        }
+
         if (popConfirmVisible) {
           setEditVisible(false);
         }
 
-        setPopConfirmVisible(!popConfirmVisible);
+        setPopConfirmVisibleFunc(!popConfirmVisible);
       }
     })
-  }));
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getMessage)('edit')); // 渲染 popConfirm
+
+  var renderPopConfirm = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_teamix_pop_confirm__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+    visible: popConfirmVisible,
+    content: renderEdit === null || renderEdit === void 0 ? void 0 : renderEdit(setPopConfirmVisibleFunc),
+    triggerType: "click",
+    popupClassName: cls('pop-confirm'),
+    trigger: renderTrigger,
+    onCancel: function onCancel() {
+      setPopConfirmVisibleFunc(false);
+    }
+  }, (_editPopConfirmProps = editPopConfirmProps === null || editPopConfirmProps === void 0 ? void 0 : editPopConfirmProps(setPopConfirmVisibleFunc)) !== null && _editPopConfirmProps !== void 0 ? _editPopConfirmProps : {}));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
+    className: cls(),
+    onMouseEnter: function onMouseEnter() {
+      if (popConfirmVisible) {
+        return;
+      }
+
+      setEditVisible(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      if (popConfirmVisible) {
+        return;
+      }
+
+      setEditVisible(false);
+    }
+  }, result, editOnClick && renderTrigger, !editOnClick && renderPopConfirm);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Edit);
@@ -54742,13 +55015,25 @@ function individualization(dom, render, value, fieldValue) {
       result: result,
       value: copyText
     });
+  } // 主文本 编辑
+
+
+  if (render === null || render === void 0 ? void 0 : render.edit) {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Edit__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+      result: result,
+      value: value,
+      renderEdit: render.renderEdit,
+      editPopConfirmProps: render.editPopConfirmProps,
+      editOnClick: render.editOnClick
+    });
   } // 多行描述文本
 
 
   if (render === null || render === void 0 ? void 0 : render.description) {
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Description__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
       result: result,
-      render: render
+      render: render,
+      value: value
     });
   } // 前缀图标
 
@@ -54796,15 +55081,6 @@ function individualization(dom, render, value, fieldValue) {
         }
       }
     }, render === null || render === void 0 ? void 0 : render.tooltip);
-  } // 是否编辑
-
-
-  if (render === null || render === void 0 ? void 0 : render.isEdit) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Edit__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-      result: result,
-      render: render,
-      value: value
-    });
   }
 
   return result;
@@ -54915,9 +55191,10 @@ var Link = function Link(props) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "F": () => (/* binding */ getOptionsValue),
-/* harmony export */   "x": () => (/* binding */ mappingOptions)
+/* harmony export */   "FQ": () => (/* binding */ getOptionsValue),
+/* harmony export */   "xw": () => (/* binding */ mappingOptions)
 /* harmony export */ });
+/* unused harmony export renderArrayNodes */
 /* 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);
@@ -55279,6 +55556,11 @@ function mappingOptions(fieldVal, render, options, beforeFormatter, customOption
 
   if (render && (render === null || render === void 0 ? void 0 : render.type) === 'progress') {
     return getNodeForRender(value, targetOptions, render, renderProgress);
+  } // 输出 tagFilter
+
+
+  if (render && (render === null || render === void 0 ? void 0 : render.type) === 'tagGroup') {
+    return renderTagFilter(fieldVal, render);
   }
   /** 多项不显示逗号 */
 
@@ -55574,18 +55856,12 @@ var processHidden = function processHidden(valueOptions, render, component, befo
 
     return index < ((_render$maxShowNumber = render === null || render === void 0 ? void 0 : render.maxShowNumber) !== null && _render$maxShowNumber !== void 0 ? _render$maxShowNumber : 0);
   });
-  var result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, renderVals.map(function (item) {
+  var arrayNodes = renderVals.map(function (item) {
     var _ref8, _item$label;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_6___default()({
-        'teamix-pro-field-field-checkbox-tag-fold': true,
-        'teamix-pro-field-field-checkbox-tag-over-line': render === null || render === void 0 ? void 0 : render.wrap,
-        'teamix-pro-field-field-checkbox-tag-over-line-tag': render === null || render === void 0 ? void 0 : render.wrap
-      }),
-      key: item
-    }, component === null || component === void 0 ? void 0 : component((_ref8 = (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item.toString()) !== null && _ref8 !== void 0 ? _ref8 : render.emptyText, render, beforeFormatter));
-  }));
+    return component === null || component === void 0 ? void 0 : component((_ref8 = (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item.toString()) !== null && _ref8 !== void 0 ? _ref8 : render.emptyText, render, beforeFormatter);
+  });
+  var result = renderArrayNodes(arrayNodes, render);
   var remainVals = valueOptions.filter(function (item, index) {
     var _render$maxShowNumber2;
 
@@ -55605,8 +55881,103 @@ var processHidden = function processHidden(valueOptions, render, component, befo
       })
     }, component === null || component === void 0 ? void 0 : component((_render$foldText = render === null || render === void 0 ? void 0 : render.foldText) !== null && _render$foldText !== void 0 ? _render$foldText : "+".concat(remainVals.length), render, beforeFormatter))
   }, remainVals.join('，')));
+  return result;
+}; // 渲染 TagFilter
+
+
+var renderTagFilter = function renderTagFilter(value, render) {
+  // 渲染直接显示的 tag
+  var renderVals = value.filter(function (item, index) {
+    var _render$maxShowNumber3;
+
+    return index < ((_render$maxShowNumber3 = render === null || render === void 0 ? void 0 : render.maxShowNumber) !== null && _render$maxShowNumber3 !== void 0 ? _render$maxShowNumber3 : 0);
+  });
+
+  var getTagProps = function getTagProps(props) {
+    var _ref10, _props$key;
+
+    return {
+      children: "".concat((_ref10 = (_props$key = props === null || props === void 0 ? void 0 : props.key) !== null && _props$key !== void 0 ? _props$key : props.label) !== null && _ref10 !== void 0 ? _ref10 : render.emptyText, " : ").concat(Array.isArray(props.value) ? props.value.join(', ') : props.value),
+      color: render.color
+    };
+  };
+
+  var result = renderArrayNodes(renderVals.map(function (item) {
+    return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_7__.renderTags)(getTagProps(item));
+  }), render); // 剩余标签
+
+  var remainVals = value.filter(function (item, index) {
+    var _render$maxShowNumber4;
+
+    return index + 1 > ((_render$maxShowNumber4 = render === null || render === void 0 ? void 0 : render.maxShowNumber) !== null && _render$maxShowNumber4 !== void 0 ? _render$maxShowNumber4 : 0);
+  });
+
+  if ((render === null || render === void 0 ? void 0 : render.type) === 'tagGroup') {
+    var _render$foldText2;
+
+    var tagsProps = value.map(function (item) {
+      return getTagProps(item);
+    });
+    var balloonLeft = 0;
+    var balloonDom = null;
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, result, remainVals.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Balloon, {
+      align: "t",
+      closable: false,
+      // visible={true}
+      v2: true,
+      className: "teamix-pro-field-output-tag-filter-balloon",
+      popupProps: {
+        onPosition: function onPosition(config, node) {
+          var _childDom$getBounding;
+
+          var parDom = document.querySelector('.teamix-pro-field-output-tag-filter-balloon');
+          var childDom = parDom === null || parDom === void 0 ? void 0 : parDom.querySelector('.teamix-pro-tags');
+          var width = ((_childDom$getBounding = childDom === null || childDom === void 0 ? void 0 : childDom.getBoundingClientRect().width) !== null && _childDom$getBounding !== void 0 ? _childDom$getBounding : 0) + 46;
+          var left = config.style.left + (300 - width) / 2;
+          balloonLeft = left;
+          balloonDom = parDom;
+
+          if (parDom && width) {
+            parDom.style.maxWidth = 'unset';
+            parDom.style.width = width + 'px';
+            parDom.style.left = left + 'px';
+          }
+        },
+        onClose: function onClose() {
+          if (balloonDom && balloonLeft) {
+            balloonDom.style.maxWidth = 'unset';
+            balloonDom.style.left = balloonLeft + 'px';
+          }
+        }
+      },
+      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_6___default()({
+          'teamix-pro-field-output-fold-tag': true
+        })
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_7__.renderTags)({
+        children: (_render$foldText2 = render === null || render === void 0 ? void 0 : render.foldText) !== null && _render$foldText2 !== void 0 ? _render$foldText2 : "+".concat(remainVals.length),
+        color: render.color
+      }))
+    }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_7__.renderTags)(tagsProps, undefined, render.extra)));
+  }
+
   return result;
 };
+/** 渲染多项 */
+
+
+function renderArrayNodes(nodes, render) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, nodes.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_6___default()({
+        'teamix-pro-field-field-checkbox-tag-fold': true,
+        'teamix-pro-field-field-checkbox-tag-over-line': render === null || render === void 0 ? void 0 : render.wrap,
+        'teamix-pro-field-field-checkbox-tag-over-line-tag': render === null || render === void 0 ? void 0 : render.wrap
+      }),
+      key: index
+    }, item);
+  }));
+}
 
 /***/ }),
 
@@ -55697,95 +56068,667 @@ var Rank = function Rank(props) {
   }, "Top ", result));
 };
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rank);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rank);
+
+/***/ }),
+
+/***/ 72235:
+/***/ ((__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 _teamix_icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
+/* harmony import */ var _utils_color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94877);
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-filed-output-suffix-icon');
+
+var SuffixIcon = function SuffixIcon(props) {
+  var result = props.result,
+      render = props.render; // 如果是文字链需要修改大小
+
+  var getSize = function getSize() {
+    var _render$suffixIconSiz;
+
+    if ((render === null || render === void 0 ? void 0 : render.suffixIcon) === 'share-line') {
+      return 'xs';
+    }
+
+    return (_render$suffixIconSiz = render === null || render === void 0 ? void 0 : render.suffixIconSize) !== null && _render$suffixIconSiz !== void 0 ? _render$suffixIconSiz : 'small';
+  };
+
+  if (typeof render.suffixIcon === 'string') {
+    var _getColor;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, result, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+      type: render.suffixIcon,
+      style: {
+        color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.suffixIconColor)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-fill1-6, #848484)'
+      },
+      // 如果是文字链需要修改间距
+      className: cls({
+        '': true,
+        'share-line': (render === null || render === void 0 ? void 0 : render.suffixIcon) === 'share-line'
+      }),
+      size: getSize()
+    }));
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, result, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+    className: cls()
+  }, render === null || render === void 0 ? void 0 : render.suffixIcon));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SuffixIcon);
+
+/***/ }),
+
+/***/ 9844:
+/***/ ((__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 _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass)('teamix-pro-field-output-unit');
+
+var Unit = function Unit(props) {
+  var result = props.result,
+      render = props.render;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls()
+  }, result, render === null || render === void 0 ? void 0 : render.unit);
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Unit);
+
+/***/ }),
+
+/***/ 47363:
+/***/ ((__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 _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* 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);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52308);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_5__);
+var _excluded = ["trigger", "triggerType", "showSearch", "searchValue", "defaultSearchValue", "onSearchChange", "searchProps", "renderSearch", "leftLabelTooltipProps", "rightLabelTooltipProps", "renderLeftLabel", "renderRightLabel", "dataSource", "value", "defaultValue", "showFooter", "renderFooter", "onFooterClick", "footerBtnText", "footerBtnProps", "onChange", "popupProps", "className", "placeholder"];
+
+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();
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+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;
+}
+
+
+
+
+
+
+
+
+
+var Popup = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Overlay.Popup;
+var CheckboxItem = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu.CheckboxItem;
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-select-group');
+
+var SelectGroup = function SelectGroup(props) {
+  var _dataSource$0$value, _dataSource$;
+
+  var trigger = props.trigger,
+      _props$triggerType = props.triggerType,
+      triggerType = _props$triggerType === void 0 ? 'click' : _props$triggerType,
+      _props$showSearch = props.showSearch,
+      showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
+      searchValueProp = props.searchValue,
+      defaultSearchValue = props.defaultSearchValue,
+      onSearchChange = props.onSearchChange,
+      searchProps = props.searchProps,
+      renderSearch = props.renderSearch,
+      _props$leftLabelToolt = props.leftLabelTooltipProps,
+      leftLabelTooltipProps = _props$leftLabelToolt === void 0 ? {} : _props$leftLabelToolt,
+      _props$rightLabelTool = props.rightLabelTooltipProps,
+      rightLabelTooltipProps = _props$rightLabelTool === void 0 ? {} : _props$rightLabelTool,
+      renderLeftLabel = props.renderLeftLabel,
+      renderRightLabel = props.renderRightLabel,
+      dataSourceProp = props.dataSource,
+      valueProp = props.value,
+      defaultValue = props.defaultValue,
+      _props$showFooter = props.showFooter,
+      showFooter = _props$showFooter === void 0 ? true : _props$showFooter,
+      renderFooter = props.renderFooter,
+      onFooterClick = props.onFooterClick,
+      _props$footerBtnText = props.footerBtnText,
+      footerBtnText = _props$footerBtnText === void 0 ? '标签管理' : _props$footerBtnText,
+      footerBtnProps = props.footerBtnProps,
+      _onChange = props.onChange,
+      popupProps = props.popupProps,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      placeholder = props.placeholder,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1]; // 搜索框绑定值
+
+
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultSearchValue),
+      _useState4 = _slicedToArray(_useState3, 2),
+      searchValue = _useState4[0],
+      setSearchValue = _useState4[1]; // dataSource 数据源
+
+
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
+      _useState6 = _slicedToArray(_useState5, 2),
+      dataSource = _useState6[0],
+      setDataSource = _useState6[1]; // 右侧 values 列表 展示当前的 key
+
+
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((_dataSource$0$value = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.value) !== null && _dataSource$0$value !== void 0 ? _dataSource$0$value : ''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      activeKey = _useState8[0],
+      setActiveKey = _useState8[1]; // 获取 select 中展示的标签
+
+
+  var getTagList = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var totalValues = 0;
+    var selectValues = 0;
+
+    if (value && (value === null || value === void 0 ? void 0 : value.length) > 0) {
+      value.forEach(function (item) {
+        if (item.value && item.value.length > 0) {
+          selectValues = selectValues + item.value.length;
+        }
+      });
+    }
+
+    if (dataSourceProp && (dataSourceProp === null || dataSourceProp === void 0 ? void 0 : dataSourceProp.length) > 0) {
+      dataSourceProp.forEach(function (item) {
+        if (item.children && item.children.length > 0) {
+          totalValues = totalValues + item.children.length;
+        }
+      });
+    }
+
+    if (selectValues > 0) {
+      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.renderTags)({
+        children: "\u5DF2\u9009\u62E9".concat(selectValues, "/").concat(totalValues),
+        color: 'process'
+      });
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);
+  }, [value]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    setSearchValue(searchValueProp);
+  }, [searchValueProp]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    setValue(valueProp);
+  }, [valueProp]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
+  }, [dataSourceProp]); // 搜索值变化回调 过滤数据
+
+  var onSearch = function onSearch(value) {
+    setSearchValue(value);
+    var searchHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default()(function () {
+      var _newDataSource, _newDataSource$0$valu, _newDataSource2, _newDataSource2$;
+
+      if (!value) {
+        var _dataSourceProp$0$val, _dataSourceProp$;
+
+        setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
+        setActiveKey((_dataSourceProp$0$val = dataSourceProp === null || dataSourceProp === void 0 ? void 0 : (_dataSourceProp$ = dataSourceProp[0]) === null || _dataSourceProp$ === void 0 ? void 0 : _dataSourceProp$.value) !== null && _dataSourceProp$0$val !== void 0 ? _dataSourceProp$0$val : '');
+        onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
+        return;
+      }
+
+      var newDataSource = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
+      (_newDataSource = newDataSource) === null || _newDataSource === void 0 ? void 0 : _newDataSource.forEach(function (item) {
+        if (!(item.label && item.label.toString().includes(value.toString()))) {
+          var _item$children$filter, _item$children;
+
+          item.children = (_item$children$filter = item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.filter(function (valueItem) {
+            var _valueItem$label;
+
+            return ((_valueItem$label = valueItem.label) !== null && _valueItem$label !== void 0 ? _valueItem$label : '').toString().includes(value.toString());
+          })) !== null && _item$children$filter !== void 0 ? _item$children$filter : [];
+        }
+      });
+      newDataSource = newDataSource.filter(function (item) {
+        return item.children && item.children.length > 0;
+      });
+      setDataSource(newDataSource);
+      setActiveKey((_newDataSource$0$valu = (_newDataSource2 = newDataSource) === null || _newDataSource2 === void 0 ? void 0 : (_newDataSource2$ = _newDataSource2[0]) === null || _newDataSource2$ === void 0 ? void 0 : _newDataSource2$.value) !== null && _newDataSource$0$valu !== void 0 ? _newDataSource$0$valu : '');
+      onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
+    }, 100);
+    searchHandle();
+  }; // key 值 checkbox 是否选中
+
+
+  var hasChecked = function hasChecked(keyItem) {
+    var _dataSourceValues$chi, _values$value;
+
+    var dataSourceValues = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+      return item.value === keyItem.value;
+    });
+    var values = value === null || value === void 0 ? void 0 : value.find(function (item) {
+      return item.key === keyItem.value;
+    });
+    return (dataSourceValues === null || dataSourceValues === void 0 ? void 0 : (_dataSourceValues$chi = dataSourceValues.children) === null || _dataSourceValues$chi === void 0 ? void 0 : _dataSourceValues$chi.length) === (values === null || values === void 0 ? void 0 : (_values$value = values.value) === null || _values$value === void 0 ? void 0 : _values$value.length);
+  }; // key 值 checkbox 全选状态改变
+
+
+  var onKeyCheckboxChange = function onKeyCheckboxChange(keyItem, status) {
+    if (status) {
+      var _cloneDeep$filter, _cloneDeep;
+
+      var allValues = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+        return item.value === keyItem.value;
+      });
+      var newValues = (_cloneDeep$filter = (_cloneDeep = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(value)) === null || _cloneDeep === void 0 ? void 0 : _cloneDeep.filter(function (item) {
+        return item.key !== keyItem.value;
+      })) !== null && _cloneDeep$filter !== void 0 ? _cloneDeep$filter : [];
+
+      if ((allValues === null || allValues === void 0 ? void 0 : allValues.children) && allValues.children.length > 0) {
+        var childrenValues = allValues.children.map(function (item) {
+          var _item$value;
+
+          return (_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : '';
+        });
+        newValues === null || newValues === void 0 ? void 0 : newValues.push({
+          key: allValues.value,
+          value: childrenValues
+        });
+      }
+
+      setValue(newValues);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(newValues);
+    } else {
+      var _cloneDeep$filter2, _cloneDeep2;
 
-/***/ }),
+      var _newValues = (_cloneDeep$filter2 = (_cloneDeep2 = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(value)) === null || _cloneDeep2 === void 0 ? void 0 : _cloneDeep2.filter(function (item) {
+        return item.key !== keyItem.value;
+      })) !== null && _cloneDeep$filter2 !== void 0 ? _cloneDeep$filter2 : [];
 
-/***/ 72235:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+      setValue(_newValues);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(_newValues);
+    }
+  }; // key 值 checkbox 点击切换 value
 
-"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 _teamix_icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89227);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
-/* harmony import */ var _utils_color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94877);
 
+  var onKeyCheckboxClick = function onKeyCheckboxClick(keyItem, event) {
+    event.stopPropagation();
+    setActiveKey(keyItem.value);
+  }; // 获取 key 对应的 values
 
 
+  var getKeyValues = function getKeyValues(key) {
+    var _dataSource$find$chil, _dataSource$find;
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-filed-output-suffix-icon');
+    if (!key) {
+      return [];
+    }
 
-var SuffixIcon = function SuffixIcon(props) {
-  var result = props.result,
-      render = props.render; // 如果是文字链需要修改大小
+    return (_dataSource$find$chil = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$find = dataSource.find(function (item) {
+      return item.value === key;
+    })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.children) !== null && _dataSource$find$chil !== void 0 ? _dataSource$find$chil : [];
+  }; // 获取 key 对应的中间态
 
-  var getSize = function getSize() {
-    var _render$suffixIconSiz;
 
-    if ((render === null || render === void 0 ? void 0 : render.suffixIcon) === 'share-line') {
-      return 'xs';
-    }
+  var getKeyIndeterminate = function getKeyIndeterminate(keyItem) {
+    var _value$find$value, _value$find, _dataSource$find$chil2, _dataSource$find2, _dataSource$find2$chi;
 
-    return (_render$suffixIconSiz = render === null || render === void 0 ? void 0 : render.suffixIconSize) !== null && _render$suffixIconSiz !== void 0 ? _render$suffixIconSiz : 'small';
-  };
+    var valueItem = (_value$find$value = value === null || value === void 0 ? void 0 : (_value$find = value.find(function (item) {
+      return item.key === keyItem.value;
+    })) === null || _value$find === void 0 ? void 0 : _value$find.value) !== null && _value$find$value !== void 0 ? _value$find$value : [];
+    var dataSourceValueItem = (_dataSource$find$chil2 = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$find2 = dataSource.find(function (item) {
+      return item.value === keyItem.value;
+    })) === null || _dataSource$find2 === void 0 ? void 0 : (_dataSource$find2$chi = _dataSource$find2.children) === null || _dataSource$find2$chi === void 0 ? void 0 : _dataSource$find2$chi.map(function (item) {
+      return item.value;
+    })) !== null && _dataSource$find$chil2 !== void 0 ? _dataSource$find$chil2 : [];
+    return valueItem.length !== 0 && valueItem.length < dataSourceValueItem.length;
+  }; // 获取 value 对应的 checkbox 选中状态
 
-  if (typeof render.suffixIcon === 'string') {
-    var _getColor;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, result, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
-      type: render.suffixIcon,
-      style: {
-        color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.suffixIconColor)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-fill1-6, #848484)'
-      },
-      // 如果是文字链需要修改间距
-      className: cls({
-        '': true,
-        'share-line': (render === null || render === void 0 ? void 0 : render.suffixIcon) === 'share-line'
-      }),
-      size: getSize()
-    }));
-  }
+  var getValueCheckboxStatus = function getValueCheckboxStatus(key, valueItem) {
+    var _value$find$value2, _value$find2;
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, result, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: cls()
-  }, render === null || render === void 0 ? void 0 : render.suffixIcon));
-};
+    var values = (_value$find$value2 = value === null || value === void 0 ? void 0 : (_value$find2 = value.find(function (item) {
+      return item.key === key;
+    })) === null || _value$find2 === void 0 ? void 0 : _value$find2.value) !== null && _value$find$value2 !== void 0 ? _value$find$value2 : [];
+    return values === null || values === void 0 ? void 0 : values.includes(valueItem.value);
+  }; // value 对应的 checkbox 状态修改
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SuffixIcon);
 
-/***/ }),
+  var onValueItemChange = function onValueItemChange(key, valueItem, status) {
+    var _cloneDeep$filter3, _cloneDeep3, _cloneDeep4;
 
-/***/ 9844:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+    var newValues = (_cloneDeep$filter3 = (_cloneDeep3 = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(value)) === null || _cloneDeep3 === void 0 ? void 0 : _cloneDeep3.filter(function (item) {
+      return item.key !== key;
+    })) !== null && _cloneDeep$filter3 !== void 0 ? _cloneDeep$filter3 : [];
+    var activeKeyItem = (_cloneDeep4 = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(value === null || value === void 0 ? void 0 : value.find(function (item) {
+      return item.key === key;
+    }))) !== null && _cloneDeep4 !== void 0 ? _cloneDeep4 : {};
 
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+    if (status) {
+      var _activeKeyItem$value, _activeKeyItem, _activeKeyItem2;
 
+      var keyValues = (_activeKeyItem$value = (_activeKeyItem = activeKeyItem) === null || _activeKeyItem === void 0 ? void 0 : _activeKeyItem.value) !== null && _activeKeyItem$value !== void 0 ? _activeKeyItem$value : [];
+      keyValues.push(valueItem.value);
+      var newKeyValues = Array.from(new Set(keyValues));
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass)('teamix-pro-field-output-unit');
+      if (!((_activeKeyItem2 = activeKeyItem) === null || _activeKeyItem2 === void 0 ? void 0 : _activeKeyItem2.key)) {
+        var dataSourceActiveKeyItem = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+          return item.value === key;
+        }));
+        activeKeyItem = {
+          key: dataSourceActiveKeyItem === null || dataSourceActiveKeyItem === void 0 ? void 0 : dataSourceActiveKeyItem.value
+        };
+      }
 
-var Unit = function Unit(props) {
-  var result = props.result,
-      render = props.render;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+      activeKeyItem.value = newKeyValues;
+      newValues.push(activeKeyItem);
+      setValue(newValues);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(newValues);
+    } else {
+      var _activeKeyItem$value2, _activeKeyItem3, _activeKeyItem4;
+
+      var _keyValues = ((_activeKeyItem$value2 = (_activeKeyItem3 = activeKeyItem) === null || _activeKeyItem3 === void 0 ? void 0 : _activeKeyItem3.value) !== null && _activeKeyItem$value2 !== void 0 ? _activeKeyItem$value2 : []).filter(function (item) {
+        return item !== valueItem.value;
+      });
+
+      if (!((_activeKeyItem4 = activeKeyItem) === null || _activeKeyItem4 === void 0 ? void 0 : _activeKeyItem4.key)) {
+        var _dataSourceActiveKeyItem = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default()(dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+          return item.value === key;
+        }));
+
+        activeKeyItem = {
+          key: _dataSourceActiveKeyItem === null || _dataSourceActiveKeyItem === void 0 ? void 0 : _dataSourceActiveKeyItem.value
+        };
+      }
+
+      if (_keyValues.length > 0) {
+        activeKeyItem.value = _keyValues;
+        newValues.push(activeKeyItem);
+      }
+
+      setValue(newValues);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(newValues);
+    }
+  }; // 渲染弹层
+
+
+  var renderPopup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: cls()
-  }, result, render === null || render === void 0 ? void 0 : render.unit);
+  }, showSearch && !renderSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('search')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Input, _objectSpread({
+    innerBefore: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Icon, {
+      type: "search",
+      style: {
+        margin: 4
+      }
+    }),
+    className: cls('search-input'),
+    placeholder: "\u641C\u7D22\u6807\u7B7E\u952E\u6216\u6807\u7B7E\u503C",
+    value: searchValue,
+    onChange: onSearch,
+    hasClear: true,
+    trim: true
+  }, searchProps))), !!renderSearch && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('search')
+  }, renderSearch), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('container')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('container-box', 'container-left')
+  }, !!renderLeftLabel && renderLeftLabel, !renderLeftLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.LabelIconTip, _objectSpread({
+    label: "\u6807\u7B7E\u952E",
+    tooltip: "\u6807\u7B7E\u952E"
+  }, leftLabelTooltipProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu, {
+    className: cls('checkbox-group')
+  }, dataSource && dataSource.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxItem, {
+      className: cls({
+        checkbox: true,
+        'checkbox-active': item.value === activeKey
+      }),
+      key: index,
+      checked: hasChecked(item),
+      indeterminate: getKeyIndeterminate(item),
+      onChange: function onChange(status) {
+        onKeyCheckboxChange(item, status);
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+      className: cls('checkbox-content'),
+      onClick: function onClick(e) {
+        onKeyCheckboxClick(item, e);
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      type: "label-line",
+      className: cls('checkbox-before-icon'),
+      size: "small"
+    }), item.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      type: "right-line",
+      className: cls('checkbox-after-icon'),
+      size: "small"
+    }))));
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('container-box', 'container-right')
+  }, !!renderRightLabel && renderRightLabel, !renderRightLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.LabelIconTip, _objectSpread({
+    label: "\u6807\u7B7E\u503C",
+    tooltip: "\u6807\u7B7E\u503C"
+  }, rightLabelTooltipProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu, {
+    className: cls('checkbox-group')
+  }, getKeyValues(activeKey).map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxItem, {
+      className: cls('checkbox'),
+      key: index,
+      checked: getValueCheckboxStatus(activeKey, item),
+      onChange: function onChange(status) {
+        onValueItemChange(activeKey, item, status);
+      }
+    }, item.label);
+  })))), (showFooter || renderFooter) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Divider, {
+    className: cls('divider')
+  }), showFooter && !renderFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('footer'),
+    onClick: onFooterClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Button, _objectSpread({
+    type: "primary",
+    text: true
+  }, footerBtnProps), footerBtnText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls('footer-icon')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    type: "share-line",
+    size: "xs"
+  }))), !!renderFooter && renderFooter);
+
+  if (!trigger) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Select, _objectSpread({
+      className: "".concat(cls({
+        select: true
+      }), " ").concat(className),
+      placeholder: value && (value === null || value === void 0 ? void 0 : value.length) > 0 ? ' ' : placeholder !== null && placeholder !== void 0 ? placeholder : '请选择',
+      label: getTagList,
+      popupContent: renderPopup,
+      hasClear: true,
+      value: value,
+      onChange: function onChange(value) {
+        if (!value) {
+          setValue(undefined);
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(undefined);
+        }
+      }
+    }, others));
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Popup, _objectSpread({
+    trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, trigger),
+    triggerType: triggerType
+  }, popupProps), renderPopup);
 };
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Unit);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectGroup);
 
 /***/ }),
 
-/***/ 37314:
+/***/ 81979:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -55799,7 +56742,7 @@ var Unit = function Unit(props) {
 /* 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 _useDataSource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15267);
+/* harmony import */ var _useDataSource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66623);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
 var _excluded = ["hasAll", "value", "onChange", "disabled", "dataSource", "className", "defaultValue", "icon", "selectMode"];
 
@@ -56179,7 +57122,7 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 
 /***/ }),
 
-/***/ 15267:
+/***/ 66623:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -56245,8 +57188,9 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 /* harmony import */ var _components_FieldPassword__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(30774);
 /* harmony import */ var _components_FieldSearch__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(53987);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(72326);
-/* harmony import */ var _components_FieldTagFilter__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(90908);
+/* harmony import */ var _components_FieldTagPicker__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(82836);
 /* harmony import */ var _components_FieldMenuSelect__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(26229);
+/* harmony import */ var _components_FieldSelectGroup__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(98203);
 var _excluded = ["dataSource", "state", "tooltip", "tooltipLabel", "tooltipIcon", "tooltipIconSize"];
 
 function ownKeys(object, enumerableOnly) {
@@ -56413,6 +57357,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 
 
 var externalComponents = {};
@@ -56455,9 +57400,10 @@ var innerComponents = {
   range: _components_FieldRange__WEBPACK_IMPORTED_MODULE_21__/* ["default"] */ .Z,
   password: _components_FieldPassword__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z,
   search: _components_FieldSearch__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .Z,
-  tagpicker: _components_FieldTagFilter__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z,
-  multipletagpicker: _components_FieldTagFilter__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z,
-  menuselect: _components_FieldMenuSelect__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z
+  tagpicker: _components_FieldTagPicker__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z,
+  multipletagpicker: _components_FieldTagPicker__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z,
+  menuselect: _components_FieldMenuSelect__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z,
+  selectgroup: _components_FieldSelectGroup__WEBPACK_IMPORTED_MODULE_27__/* ["default"] */ .Z
 }; // export interface IProField extends React.FC<ProFieldProps> {
 //   registerComponent: (components: IComponent) => void;
 // }
@@ -56593,10 +57539,10 @@ ProField.registerComponent = registerComponent;
 function formatterOutput(val, render, options, beforeFormatter, customOptionSearch) {
   var newRender = render; // 先处理 options 映射关系
 
-  var formatterDom = (0,_components_output_MappingOptions__WEBPACK_IMPORTED_MODULE_1__/* .mappingOptions */ .x)(val, newRender, options || [], beforeFormatter, customOptionSearch);
+  var formatterDom = (0,_components_output_MappingOptions__WEBPACK_IMPORTED_MODULE_1__/* .mappingOptions */ .xw)(val, newRender, options || [], beforeFormatter, customOptionSearch);
 
   if (typeof newRender !== 'function') {
-    var value = (0,_components_output_MappingOptions__WEBPACK_IMPORTED_MODULE_1__/* .getOptionsValue */ .F)(val, newRender, options, customOptionSearch, beforeFormatter).value; // 个性化输出
+    var value = (0,_components_output_MappingOptions__WEBPACK_IMPORTED_MODULE_1__/* .getOptionsValue */ .FQ)(val, newRender, options, customOptionSearch, beforeFormatter).value; // 个性化输出
 
     formatterDom = (0,_components_output_Individualization__WEBPACK_IMPORTED_MODULE_2__/* .individualization */ .V)(formatterDom, newRender, value, val);
   }
@@ -56650,7 +57596,8 @@ var mention = [['p0', 'var(--color-mention-1, #f0f0ff)'], ['p10', 'var(--color-m
 var tagMapper = {
   fail: 'error',
   process: 'prompt',
-  pause: 'pause'
+  pause: 'pause',
+  'filter-tag': 'filter-tag'
 };
 var progressMapper = {
   fail: 'error',
@@ -58684,45 +59631,34 @@ function useDialogAction(action, actionContext) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  if (!link) {
-                    _context.next = 5;
-                    break;
-                  }
-
-                  (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.goToLink)(link, history);
-                  onFinish && onFinish();
-                  resolve(true);
-                  return _context.abrupt("return");
-
-                case 5:
                   setLoading(true);
                   footerDescriptionValues = Object.assign({}, footerDescriptionRef == null ? void 0 : (_footerDescriptionRef = footerDescriptionRef.current) == null ? void 0 : _footerDescriptionRef.values);
-                  _context.prev = 7;
+                  _context.prev = 2;
                   requestContext = Object.assign({
                     footer: footerDescriptionValues
                   }, context);
-                  _context.next = 11;
+                  _context.next = 6;
                   return (0,_request__WEBPACK_IMPORTED_MODULE_9__/* .doRequest */ .NE)(action, requestContext, history, footerDescriptionValues);
 
-                case 11:
+                case 6:
                   onFinish && onFinish();
                   resolve(true);
-                  _context.next = 20;
+                  _context.next = 15;
                   break;
 
-                case 15:
-                  _context.prev = 15;
-                  _context.t0 = _context["catch"](7);
+                case 10:
+                  _context.prev = 10;
+                  _context.t0 = _context["catch"](2);
                   setLoading(false);
                   resolve(false);
                   return _context.abrupt("return");
 
-                case 20:
+                case 15:
                 case "end":
                   return _context.stop();
               }
             }
-          }, _callee, null, [[7, 15]]);
+          }, _callee, null, [[2, 10]]);
         }));
 
         return function (_x) {
@@ -58912,7 +59848,7 @@ var _excluded = ["type"],
     _excluded5 = ["context", "text"],
     _excluded6 = ["key", "actions"],
     _excluded7 = ["key", "config"],
-    _excluded8 = ["type", "divider", "max", "moreText", "context", "actions", "className"];
+    _excluded8 = ["type", "divider", "max", "moreText", "more", "context", "actions", "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); }
 
@@ -59183,25 +60119,19 @@ function renderCommonActionButton(button, context, isTypeText) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionMenuButton, buttonProps);
 }
 
-function getDefaultMoreButton(type, moreText) {
-  if (type === 'button') {
-    return {
-      label: moreText || (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('more')
-    };
-  }
-
-  if (moreText) {
-    return {
-      label: moreText
-    };
-  }
-
-  return {
+function getDefaultMoreButton(type, more) {
+  var moreConfig = typeof more === 'string' ? {
+    children: more
+  } : more;
+  var defaultConfig = type === 'button' ? {
+    children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('more')
+  } : {
     icon: 'more-line',
     // iconSize: 'small',
     autoWidth: false,
     className: 'teamix-pro-actions-text-menu-btn-no-arrow'
   };
+  return Object.assign(defaultConfig, moreConfig);
 }
 
 var MAX_ACTTIONS = 4;
@@ -59248,6 +60178,7 @@ function ProActionGroup(props) {
       _props$max = props.max,
       max = _props$max === void 0 ? MAX_ACTTIONS : _props$max,
       moreText = props.moreText,
+      more = props.more,
       context = props.context,
       _props$actions = props.actions,
       actions = _props$actions === void 0 ? [] : _props$actions,
@@ -59260,7 +60191,7 @@ function ProActionGroup(props) {
   }).filter(function (action) {
     return action.visible !== false;
   });
-  var formatedActions = formatGroupActions(filteredActions, max, getDefaultMoreButton(type, moreText));
+  var formatedActions = formatGroupActions(filteredActions, max, getDefaultMoreButton(type, more || moreText));
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-actions', "teamix-pro-actions-type-" + type, className, {
       'teamix-pro-actions-divider': type === 'button' ? false : divider
@@ -60609,6 +61540,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
       props: {
         breakpoints: [480, 720, 990, 1200, Infinity],
         maxColumns: [1, 2, 3, 3, 4],
+        maxWidth: [480, 360, 330, 330, 300],
         columnGap: 16,
         rowGap: 12
       },
@@ -63722,7 +64654,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConf
 
  // export * from './sidebar';
 
-var version = '1.2.20';
+var version = '1.2.21';
 
 
 /***/ }),
@@ -67145,7 +68077,7 @@ var Layout = function Layout(props) {
       rowSelection = props.rowSelection,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
-  var mode = (dataFilter == null ? void 0 : dataFilter.mode) || 'inline';
+  var mode = dataFilter == null ? void 0 : dataFilter.mode;
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((dataFilter == null ? void 0 : dataFilter.expand) || false),
       expand = _useState[0],
@@ -67202,17 +68134,26 @@ var Layout = function Layout(props) {
 
 
   var renderPanelFilter = function renderPanelFilter() {
-    var _dataFilter$schema2;
+    if (dataFilter) {
+      var _dataFilter$schema2;
 
-    if (dataFilter && (dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) >= 0) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        className: cls('panel-filter'),
-        style: {
-          display: expand ? 'block' : 'none'
-        }
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_5__/* .AdvancedFilter */ .h4, _extends({
-        form: dataFilterForm
-      }, dataFilter)));
+      if ( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(dataFilter == null ? void 0 : dataFilter.content)) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: cls('panel-filter'),
+          style: {
+            display: expand ? 'block' : 'none'
+          }
+        }, dataFilter == null ? void 0 : dataFilter.content);
+      } else if ((dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) >= 0) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: cls('panel-filter'),
+          style: {
+            display: expand ? 'block' : 'none'
+          }
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_5__/* .AdvancedFilter */ .h4, _extends({
+          form: dataFilterForm
+        }, dataFilter)));
+      }
     }
   }; // 渲染过滤器按钮
 
@@ -67608,13 +68549,33 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       dropdownVisible = _useState5[0],
       setDropdownVisible = _useState5[1];
 
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
+    _utils__WEBPACK_IMPORTED_MODULE_4__.on == null ? void 0 : (0,_utils__WEBPACK_IMPORTED_MODULE_4__.on)(function (stateFilterColumns) {
+      if (stateFilterColumns && stateFilterColumns.length > 0) {
+        var showDataIndex = stateFilterColumns.map(function (item) {
+          return item.dataIndex;
+        });
+        var stateColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(processColumns(columns)).map(function (item) {
+          if (!showDataIndex.includes(item.dataIndex)) {
+            item.columnFilters = false;
+          }
+
+          return item;
+        });
+        setNewColumns(stateColumns);
+      }
+    }, 'refreshFilterState');
+    return function () {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .off */ .S1)('refreshFilterState');
+    };
+  });
   (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
     setNewColumns(processColumns(columns));
   }, [columns]); // 全选
 
   var onChangeAllColumns = function onChangeAllColumns(check) {
     setAllVisible(check);
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns);
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(newColumns);
     keyNewColumns.map(function (item) {
       var _item$columnFiltersDi;
 
@@ -67633,7 +68594,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
 
   var onChangeColumns = function onChangeColumns(check, dataIndex) {
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns);
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(newColumns);
     keyNewColumns.map(function (item) {
       if (item.dataIndex === dataIndex) {
         item.columnFilters = check;
@@ -67646,7 +68607,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
 
   var onChangeColumnsForDialog = function onChangeColumnsForDialog() {
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns);
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(newColumns);
     notifyTableRender(keyNewColumns);
     setDropdownVisible(false);
   }; // 向上
@@ -67656,15 +68617,15 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
     var _newColumns$filter, _newColumns$filter2;
 
     e.stopPropagation();
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns).filter(function (_ref) {
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(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 headLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)((_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 tailLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)((_newColumns$filter2 = newColumns.filter(function (_ref3) {
       var lock = _ref3.lock;
       return lock === 'right';
     })) != null ? _newColumns$filter2 : []);
@@ -67687,15 +68648,15 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
     var _newColumns$filter3, _newColumns$filter4;
 
     e.stopPropagation();
-    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns).filter(function (_ref5) {
+    var keyNewColumns = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(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 headLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)((_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 tailLock = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)((_newColumns$filter4 = newColumns.filter(function (_ref7) {
       var lock = _ref7.lock;
       return lock === 'right';
     })) != null ? _newColumns$filter4 : []);
@@ -67719,7 +68680,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
     calculateSelectAllState(columns);
     setNewColumns(columns);
-    (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.setColumn == null ? void 0 : _actionRef$current.setColumn(columns);
+    (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.setColumn == null ? void 0 : _actionRef$current.setColumn(columns, false);
   }; // 计算全选状态
 
 
@@ -67840,7 +68801,8 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       onOk: onChangeColumnsForDialog,
       onCancel: dialogOnClose,
       onClose: dialogOnClose,
-      width: 480
+      width: 480,
+      className: cls('dialog')
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Row, {
       gutter: 20,
       wrap: true,
@@ -67861,7 +68823,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
           return key === dataIndex;
         })) == null ? void 0 : _newColumns$find2.columnFilters,
         onChange: function onChange(check) {
-          var columnsList = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .X)(newColumns).map(function (item) {
+          var columnsList = (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .cloneDeep */ .Xh)(newColumns).map(function (item) {
             if (item.dataIndex === dataIndex) {
               item.columnFilters = check;
             }
@@ -68299,6 +69261,8 @@ var processColumns = function processColumns(columns, initialColumns) {
   }); // 处理只剩一列批量选择的情况下宽度错乱问题
 
   if (filterColumns != null && filterColumns.length) {
+    var _initialColumns$;
+
     if ((filterColumns == null ? void 0 : filterColumns.length) === 1) {
       var _filterColumns$, _filterColumns$2;
 
@@ -68309,14 +69273,14 @@ var processColumns = function processColumns(columns, initialColumns) {
       if ((_filterColumns$2 = filterColumns[0]) != null && _filterColumns$2.lock) {
         filterColumns[0].lock = false;
       }
-    } else {
-      var _initialColumns$, _initialColumns$2;
+    } else if (((_initialColumns$ = initialColumns[0]) == null ? void 0 : _initialColumns$.columnFilters) !== false) {
+      var _initialColumns$2, _initialColumns$3;
 
-      if ((_initialColumns$ = initialColumns[0]) != null && _initialColumns$.width) {
+      if ((_initialColumns$2 = initialColumns[0]) != null && _initialColumns$2.width) {
         filterColumns[0].width = initialColumns[0].width;
       }
 
-      if ((_initialColumns$2 = initialColumns[0]) != null && _initialColumns$2.lock) {
+      if ((_initialColumns$3 = initialColumns[0]) != null && _initialColumns$3.lock) {
         filterColumns[0].lock = initialColumns[0].lock;
       }
     }
@@ -68430,8 +69394,10 @@ var ProTable = function ProTable(props) {
 
   var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true),
       customTableLoading = _useState7[0],
-      setCustomTableLoading = _useState7[1];
+      setCustomTableLoading = _useState7[1]; // 用于存放 Search 组件之前值的 ref
+
 
+  var searchValueRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var actionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // 传给 table 的过滤后的 columns
 
@@ -68612,7 +69578,7 @@ var ProTable = function ProTable(props) {
     }
   }, [propsDataSource]); // 绑定 Actions
 
-  (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .useActionType */ .t)(actionRef, {
+  (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .useActionType */ .tx)(actionRef, {
     fullScreen: function fullScreen() {
       var state = !fullscreenState; // 全屏时需要重新计算header高度
 
@@ -68622,12 +69588,20 @@ var ProTable = function ProTable(props) {
       setFullscreenState(state);
       return state;
     },
-    setColumn: function setColumn(newColumns) {
+    setColumn: function setColumn(newColumns, update) {
       var _actionRef$current2;
 
+      if (update === void 0) {
+        update = true;
+      }
+
       var columns = processColumns(newColumns, propsColumns);
       setFilteredColumns(columns);
       (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.setState == null ? void 0 : _actionRef$current2.setState('filterColumns', columns);
+
+      if (update) {
+        (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .emit */ .j8)('refreshFilterState', newColumns);
+      }
     },
     setSize: function setSize(mode) {
       _setSize(mode);
@@ -68833,10 +69807,8 @@ 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(); // 监听 浏览器变化 更吸底状态
+    // 初始化 actionRef state、callback 此时 actionRef 已初始化完成
+    (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .initActionRef */ .rf)(); // 监听 浏览器变化 更吸底状态
 
     if (footerSuction) {
       getFooterSuctionState();
@@ -68850,6 +69822,14 @@ var ProTable = function ProTable(props) {
       _request();
     }
 
+    var searchName = getSearchName();
+
+    if (searchName) {
+      // 如果有初始值，需要赋值
+      var initialValues = toJS(dataFilterForm.initialValues);
+      searchValueRef.current = initialValues[searchName][1];
+    }
+
     return function () {
       if (autoRefreshTimerRef.current) {
         clearTimeout(autoRefreshTimerRef.current);
@@ -68870,18 +69850,54 @@ var ProTable = function ProTable(props) {
     setSort(nextSort);
 
     _request(targetFormatSort(nextSort));
-  } // 处理 dataFilter 中的 onFilter、onReset
+  } // 找到 Search 组件对应的 name
+
+
+  var getSearchName = function getSearchName() {
+    var _dataFilter$schema;
+
+    if (dataFilter != null && dataFilter.schema && ((_dataFilter$schema = dataFilter.schema) == null ? void 0 : _dataFilter$schema.length) > 0) {
+      var searchSchema = dataFilter.schema.find(function (item) {
+        return item.component === 'Search';
+      });
+
+      if (searchSchema) {
+        var searchName = searchSchema.name;
+        return searchName;
+      }
+    }
+  }; // 处理 dataFilter 中的 onFilter、onReset
 
 
-  var dataFilter = _objectSpread(_objectSpread({}, propsDataFilter), {}, {
-    onFilter: lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default()(function () {
-      (propsDataFilter == null ? void 0 : propsDataFilter.onFilter) && (propsDataFilter == null ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
+  var dataFilter = _objectSpread(_objectSpread({
+    mode: 'inline'
+  }, propsDataFilter), {}, {
+    onFilter: lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default()(function (values) {
+      (propsDataFilter == null ? void 0 : propsDataFilter.onFilter) && (propsDataFilter == null ? void 0 : propsDataFilter.onFilter(values));
 
       if (dataFilterForm.validate()) {
-        var _actionRef$current6, _request3;
+        var _actionRef$current5, _request3;
+
+        /**
+         * 针对 inline 模式下的 Search 组件做特殊处理
+         * 当切换条件且输入内容为空的时候，类似[a, ''] => [b, ''] 不触发请求
+         */
+        if (dataFilter.mode === 'inline') {
+          var searchName = getSearchName();
 
-        // 搜索变化时，暂时先清空选择
-        (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.clearRowSelection == null ? void 0 : _actionRef$current6.clearRowSelection();
+          if (searchName) {
+            var searchValue = values[searchName][1];
+
+            if (searchValue === (searchValueRef == null ? void 0 : searchValueRef.current)) {
+              return;
+            }
+
+            searchValueRef.current = searchValue;
+          }
+        } // 搜索变化时，暂时先清空选择
+
+
+        (_actionRef$current5 = actionRef.current) == null ? void 0 : _actionRef$current5.clearRowSelection == null ? void 0 : _actionRef$current5.clearRowSelection();
         setCurrentPage(1);
 
         _request((_request3 = {}, _request3[targetPageKey] = 1, _request3));
@@ -68979,24 +69995,24 @@ var ProTable = function ProTable(props) {
 
   var renderFooter = function renderFooter() {
     function onChangePagination(currentPage, params) {
-      var _actionRef$current7, _objectSpread3;
+      var _actionRef$current6, _objectSpread3;
 
       if (params === void 0) {
         params = {};
       }
 
       // 翻页暂时先清空选择
-      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.clearRowSelection == null ? void 0 : _actionRef$current7.clearRowSelection();
+      (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.clearRowSelection == null ? void 0 : _actionRef$current6.clearRowSelection();
       setCurrentPage(currentPage);
 
       _request(_objectSpread((_objectSpread3 = {}, _objectSpread3[targetPageKey] = currentPage, _objectSpread3), params));
     }
 
     function onChangePaginationSize(currentPageSize) {
-      var _actionRef$current8, _request5;
+      var _actionRef$current7, _request5;
 
       // 翻页暂时先清空选择
-      (_actionRef$current8 = actionRef.current) == null ? void 0 : _actionRef$current8.clearRowSelection == null ? void 0 : _actionRef$current8.clearRowSelection();
+      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.clearRowSelection == null ? void 0 : _actionRef$current7.clearRowSelection();
       setPageSize(currentPageSize);
       setCurrentPage(1);
 
@@ -69280,7 +70296,8 @@ var processRenderFunction = function processRenderFunction(render, value, index,
     render = {};
   }
 
-  var external = ['linkOnClick', 'link', 'value'];
+  // 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
+  var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick'];
   return Object.fromEntries(Object.entries(render).map(function (_ref4) {
     var k = _ref4[0],
         v = _ref4[1];
@@ -69448,8 +70465,12 @@ showSkeleton, actionRef) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "t": () => (/* binding */ useActionType),
-/* harmony export */   "X": () => (/* binding */ cloneDeep)
+/* harmony export */   "rf": () => (/* binding */ initActionRef),
+/* harmony export */   "on": () => (/* binding */ on),
+/* harmony export */   "S1": () => (/* binding */ off),
+/* harmony export */   "j8": () => (/* binding */ emit),
+/* harmony export */   "tx": () => (/* binding */ useActionType),
+/* harmony export */   "Xh": () => (/* binding */ cloneDeep)
 /* harmony export */ });
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(52308);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0__);
@@ -69460,19 +70481,23 @@ 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; }
 
 
-// 组件内全局状态
+// 组件内全局状态 每次初始化 ActionRef 会重新深拷贝对象
 var state = {
   fullScreenState: false,
   filterRules: {},
   filterColumns: []
 };
 
-var _initState = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(state); // 组件内全局监听事件
+var _initState = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(state); // state监听事件 每次初始化 ActionRef 会重新深拷贝对象
 
 
 var callback = {
   fullScreenState: {}
-}; // 组件内对全局状态的更改
+};
+var initCallback = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(callback); // 所有 ProTable 组件公用一套组件内事件转发机制
+
+var tableCallback = {}; // 组件内监听事件
+// 组件内对全局状态的更改
 
 var mutations = {
   getState: function getState() {
@@ -69567,8 +70592,38 @@ var useOn = function useOn(state) {
       }
     });
   }
-};
+}; // 初始化 actionRef
+
+
+function initActionRef() {
+  state = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(_initState);
+  callback = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default()(initCallback);
+}
+/** table 组件内监听 不对外暴露 */
+
+function on(fun, key) {
+  tableCallback[key] = fun;
+}
+/** table 组件内销毁监听 不对外暴露 */
+
+function off(key) {
+  if (tableCallback[key]) {
+    delete tableCallback[key];
+  }
+}
+/** table 组件内触发事件 不对外暴露 */
 
+function emit(key) {
+  var fun = tableCallback[key];
+
+  if (fun) {
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
+
+    fun.apply(void 0, args);
+  }
+}
 function useActionType(ref, action) {
   // 合并自定义事件
   var userAction = _objectSpread(_objectSpread({}, action), mutations);
@@ -70115,6 +71170,12 @@ var statusIconMapper = {
 /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(91516);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75159);
 /* harmony import */ var _getTargetValue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24618);
+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 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); }); }; }
@@ -70198,15 +71259,6 @@ function getFormatter(formatter, context) {
     return objOrMethod;
   };
 }
-/**
- * 通用的数据请求配置
- * 统一处理常见业务场景的数据请求
- * 完整数据请求的生命周期如下：
- *   1. 请求参数格式化
- *   2. 发送请求
- *   3. 处理请求结果（成功|失败）：格式化（返回内容|错误） -> 消息提示 -> 回调函数
- */
-
 
 /** 通用数据请求能力，用来统一不同组件之间发送请求的能力，支持一些统一的配置项和请求处理过程 */
 function doCommonRequest(config, context, history, extraParams) {
@@ -70225,14 +71277,15 @@ function doCommonRequest(config, context, history, extraParams) {
       errorMsg = config.errorMsg,
       onSuccess = config.onSuccess,
       onError = config.onError,
-      link = config.link;
+      link = config.link,
+      requestConfig = config.requestConfig;
   var dataMethods = ['delete', 'post', 'put', 'patch'];
   var paramsKey = dataMethods.indexOf((method == null ? void 0 : method.toLowerCase()) || '') >= 0 ? 'data' : 'params';
   return new Promise( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(resolve, reject) {
-      var _requestConfig;
+      var _config;
 
-      var beforeRequestContext, requestContext, paramsWithContext, reuqestParams, requestConfig, onRequestSuccess, onRequestError;
+      var beforeRequestContext, requestContext, paramsWithContext, reuqestParams, config, onRequestSuccess, onRequestError;
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -70267,21 +71320,25 @@ function doCommonRequest(config, context, history, extraParams) {
 
             case 13:
               if (url) {
-                _context2.next = 16;
+                _context2.next = 17;
                 break;
               }
 
+              if (link) {
+                (0,_link__WEBPACK_IMPORTED_MODULE_1__/* .goToLink */ .i)(link, history);
+              }
+
               resolve(true);
               return _context2.abrupt("return");
 
-            case 16:
+            case 17:
               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);
-              requestConfig = (_requestConfig = {
+              config = (_config = {
                 url: (0,_getTargetValue__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(url, requestContext),
                 method: (0,_getTargetValue__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(method, requestContext)
-              }, _requestConfig["" + paramsKey] = getFormatter(formatParams, requestContext)(reuqestParams, requestContext), _requestConfig);
+              }, _config["" + paramsKey] = getFormatter(formatParams, requestContext)(reuqestParams, requestContext), _config);
 
               onRequestSuccess = function onRequestSuccess(response) {
                 var responseContext = Object.assign({
@@ -70313,7 +71370,7 @@ function doCommonRequest(config, context, history, extraParams) {
                 }, requestContext));
               };
 
-              (0,_request__WEBPACK_IMPORTED_MODULE_2__/* .request */ .WY)(requestConfig).then( /*#__PURE__*/function () {
+              (0,_request__WEBPACK_IMPORTED_MODULE_2__/* .request */ .WY)(_objectSpread(_objectSpread({}, config), requestConfig)).then( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(response) {
                   var res;
                   return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -70343,7 +71400,7 @@ function doCommonRequest(config, context, history, extraParams) {
                 reject(error);
               });
 
-            case 23:
+            case 24:
             case "end":
               return _context2.stop();
           }
@@ -70649,6 +71706,110 @@ var LabelIconTip = function LabelIconTip(_ref) {
 
 /***/ }),
 
+/***/ 69324:
+/***/ ((__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 ahooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26245);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(864);
+
+
+
+
+
+
+var ProTagGroup = function ProTagGroup(props) {
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var size = (0,ahooks__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(ref);
+  var _props$tag = props.tag,
+      tagProp = _props$tag === void 0 ? [] : _props$tag,
+      renderMore = props.renderMore,
+      _props$maxShowNumber = props.maxShowNumber,
+      maxShowNumber = _props$maxShowNumber === void 0 ? 'auto' : _props$maxShowNumber;
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(tagProp),
+      tag = _useState[0],
+      setTag = _useState[1];
+
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(maxShowNumber === 'auto' ? 0 : maxShowNumber),
+      count = _useState2[0],
+      setCount = _useState2[1];
+
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    setTag([].concat(tagProp));
+  }, [tagProp]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {
+    if (maxShowNumber === 'auto') {
+      var _ref$current$scrollWi, _ref$current, _ref$current$offsetWi, _ref$current2;
+
+      var scrollWidth = (_ref$current$scrollWi = ref == null ? void 0 : (_ref$current = ref.current) == null ? void 0 : _ref$current.scrollWidth) != null ? _ref$current$scrollWi : 0;
+      var offsetWidth = (_ref$current$offsetWi = ref == null ? void 0 : (_ref$current2 = ref.current) == null ? void 0 : _ref$current2.offsetWidth) != null ? _ref$current$offsetWi : 0;
+
+      if (offsetWidth < scrollWidth) {
+        var _ref$current$querySel, _ref$current3, _tagsDom$children;
+
+        var tagsDom = (_ref$current$querySel = (_ref$current3 = ref.current) == null ? void 0 : _ref$current3.querySelector('.teamix-pro-tags')) != null ? _ref$current$querySel : null;
+        var tagList = (_tagsDom$children = tagsDom == null ? void 0 : tagsDom.children) != null ? _tagsDom$children : [];
+        var width = 0;
+        var _count = 0;
+
+        for (var i = 0; i < tagList.length; i++) {
+          var tagItem = tagList[i];
+          width = width + tagItem.clientWidth + 8;
+
+          if (width > offsetWidth - 50) {
+            break;
+          }
+
+          _count++;
+        }
+
+        setCount(_count);
+      } else {
+        setCount(tag.length);
+      }
+    }
+  }, 100), [size, tagProp]);
+  var renderRealTag = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    if (count === 0 && tag.length > 0) {
+      var countTag = {
+        children: "+" + tag.length
+      };
+      return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)([countTag]);
+    }
+
+    if (tag.length > count) {
+      var _countTag = {
+        children: "+" + (tag.length - count)
+      };
+      var customRenderMore = renderMore == null ? void 0 : renderMore(count, tag);
+      var remainTags = tag.filter(function (_item, index) {
+        return index < count;
+      });
+      return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)([].concat(remainTags, [customRenderMore != null ? customRenderMore : _countTag]));
+    }
+
+    return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)(tag);
+  }, [count, tag]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: "teamix-pro-tag-group",
+    ref: ref
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: "teamix-pro-tag-group-hidden"
+  }, (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)(tag)), renderRealTag);
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTagGroup);
+
+/***/ }),
+
 /***/ 864:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -70672,7 +71833,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var cls = (0,___WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-tags');
-var renderTags = function renderTags(tags, size) {
+var renderTags = function renderTags(tags, size, extra) {
   if (!tags || Array.isArray(tags) && !tags.length) {
     return null;
   } // 获取全局 tag
@@ -70747,7 +71908,9 @@ var renderTags = function renderTags(tags, size) {
     }
 
     return renderTag(tag, i);
-  }));
+  }), !!extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+    className: cls('extra')
+  }, extra));
 };
 
 /***/ }),
@@ -71337,67 +72500,68 @@ function getGlobalConfig(key) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "goToLink": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_8__.i),
-/* harmony export */   "request": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_9__.WY),
-/* 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),
-/* harmony export */   "setLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.i_),
-/* harmony export */   "getType": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.oL),
-/* harmony export */   "isArr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.H1),
-/* harmony export */   "isBool": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Bl),
-/* harmony export */   "isFn": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.LQ),
-/* harmony export */   "isHTMLElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Re),
-/* harmony export */   "isMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__._N),
-/* harmony export */   "isNum": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.e9),
-/* harmony export */   "isNumberLike": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.sI),
-/* harmony export */   "isObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.BP),
-/* harmony export */   "isPlainObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Uk),
-/* harmony export */   "isReactElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.vZ),
-/* harmony export */   "isRegExp": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Kj),
-/* harmony export */   "isSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.DM),
-/* harmony export */   "isSignificative": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Vq),
-/* harmony export */   "isStr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.d8),
-/* harmony export */   "isValid": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.JY),
-/* harmony export */   "isWeakMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.yn),
-/* harmony export */   "isWeakSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.uD),
-/* 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),
-/* 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),
-/* harmony export */   "getDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.mh),
-/* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Ui),
-/* harmony export */   "renderTags": () => (/* reexport safe */ _components_Tags__WEBPACK_IMPORTED_MODULE_17__.a),
-/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_18__.Z),
+/* harmony export */   "goToLink": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_9__.i),
+/* harmony export */   "request": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_10__.WY),
+/* harmony export */   "setRequestConfig": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_10__.LF),
+/* harmony export */   "useRequest": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_10__.QT),
+/* harmony export */   "doCommonRequest": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_11__.H),
+/* harmony export */   "resolveMaybePromiseMethod": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_11__.$),
+/* harmony export */   "getLanguage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_12__.G3),
+/* harmony export */   "getMessage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_12__.FC),
+/* harmony export */   "getSourceLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_12__.xL),
+/* harmony export */   "setLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_12__.i_),
+/* harmony export */   "getType": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.oL),
+/* harmony export */   "isArr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.H1),
+/* harmony export */   "isBool": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.Bl),
+/* harmony export */   "isFn": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.LQ),
+/* harmony export */   "isHTMLElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.Re),
+/* harmony export */   "isMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__._N),
+/* harmony export */   "isNum": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.e9),
+/* harmony export */   "isNumberLike": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.sI),
+/* harmony export */   "isObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.BP),
+/* harmony export */   "isPlainObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.Uk),
+/* harmony export */   "isReactElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.vZ),
+/* harmony export */   "isRegExp": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.Kj),
+/* harmony export */   "isSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.DM),
+/* harmony export */   "isSignificative": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.Vq),
+/* harmony export */   "isStr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.d8),
+/* harmony export */   "isValid": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.JY),
+/* harmony export */   "isWeakMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.yn),
+/* harmony export */   "isWeakSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_13__.uD),
+/* harmony export */   "getValueByValue": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_14__.BN),
+/* harmony export */   "listToTree": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_14__.OH),
+/* harmony export */   "paramMap": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_14__.ur),
+/* harmony export */   "treeToList": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_14__.iU),
+/* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_15__.Hi),
+/* harmony export */   "setGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_15__.Qb),
+/* harmony export */   "updateGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_15__.Hl),
+/* harmony export */   "getBackgroundColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.jM),
+/* harmony export */   "getBorderColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.h2),
+/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.Lq),
+/* harmony export */   "getColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.Gd),
+/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.vm),
+/* harmony export */   "isPresetBackgroundColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.Iz),
+/* harmony export */   "isPresetBorderColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.q0),
+/* harmony export */   "isPresetColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_16__.o2),
+/* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_17__.Cb),
+/* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_17__.Hf),
+/* harmony export */   "dateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_17__.vc),
+/* harmony export */   "getDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_17__.mh),
+/* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_17__.Ui),
+/* harmony export */   "renderTags": () => (/* reexport safe */ _components_Tags__WEBPACK_IMPORTED_MODULE_18__.a),
+/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_19__.Z),
 /* harmony export */   "getTeamixIconConfig": () => (/* reexport safe */ _getTeamixIconConfig__WEBPACK_IMPORTED_MODULE_1__.Z),
 /* harmony export */   "LabelIconTip": () => (/* reexport safe */ _components_LabelIconTip__WEBPACK_IMPORTED_MODULE_2__.Z),
 /* harmony export */   "Header": () => (/* reexport safe */ _components_Header__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "getDeepValue": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_19__.Z),
-/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_20__.Z),
+/* harmony export */   "getDeepValue": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_20__.Z),
+/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_21__.Z),
 /* harmony export */   "getTargetValue": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_4__.ZP),
 /* harmony export */   "registerCustomContext": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_4__.Vn),
 /* harmony export */   "pickAttrs": () => (/* reexport safe */ _pickAttrs__WEBPACK_IMPORTED_MODULE_5__.Z),
-/* harmony export */   "pickProps": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_21__.Z),
+/* harmony export */   "pickProps": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_22__.Z),
 /* harmony export */   "usePrefixCls": () => (/* reexport safe */ _usePrefixCls__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "Ellipsis": () => (/* reexport safe */ _components_Ellipsis__WEBPACK_IMPORTED_MODULE_7__.Z),
+/* harmony export */   "ProTagGroup": () => (/* reexport safe */ _components_Tags_TagGroup__WEBPACK_IMPORTED_MODULE_8__.Z),
 /* harmony export */   "baseClass": () => (/* binding */ baseClass)
 /* harmony export */ });
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28266);
@@ -71405,24 +72569,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _getTeamixIconConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67913);
 /* harmony import */ var _components_LabelIconTip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25933);
 /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19152);
-/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(2273);
-/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(46070);
+/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(2273);
+/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(46070);
 /* harmony import */ var _getTargetValue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24618);
 /* harmony import */ var _pickAttrs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95512);
-/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(9736);
+/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(9736);
 /* harmony import */ var _usePrefixCls__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(42326);
 /* harmony import */ var _components_Ellipsis__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31302);
-/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(46689);
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(91516);
-/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(75159);
-/* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(60780);
-/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(47535);
-/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(77981);
-/* harmony import */ var _paramMap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(52842);
-/* harmony import */ var _globalConfig__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(74052);
-/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(6293);
-/* harmony import */ var _date_time__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(21008);
-/* harmony import */ var _components_Tags__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(864);
+/* harmony import */ var _components_Tags_TagGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(69324);
+/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(46689);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(91516);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(75159);
+/* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(60780);
+/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(47535);
+/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(77981);
+/* harmony import */ var _paramMap__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(52842);
+/* harmony import */ var _globalConfig__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(74052);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(6293);
+/* harmony import */ var _date_time__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(21008);
+/* harmony import */ var _components_Tags__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(864);
 /// <reference path="../../../typings.d.ts" />
 
 
@@ -71446,6 +72611,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 function baseClass(perfix) {
@@ -71564,7 +72730,9 @@ function goToLink(link, history) {
   toExitFullScreen: 'to exit fullscreen mode',
   filter: 'Filter',
   ok: 'OK',
-  cancel: 'Cancel'
+  cancel: 'Cancel',
+  edit: 'Edit',
+  pageSize: 'Items per page:'
 });
 
 /***/ }),
@@ -71674,7 +72842,9 @@ function getMessage(id, data) {
   toExitFullScreen: '即可退出全屏模式',
   filter: '过滤器',
   ok: '确定',
-  cancel: '取消'
+  cancel: '取消',
+  edit: '编辑',
+  pageSize: '每页显示：'
 });
 
 /***/ }),
@@ -71732,7 +72902,9 @@ function getMessage(id, data) {
   toExitFullScreen: '即可退出全屏模式',
   filter: '過濾器',
   ok: '確定',
-  cancel: '取消'
+  cancel: '取消',
+  edit: '編輯',
+  pageSize: '每頁顯示：'
 });
 
 /***/ }),