@teamix/pro 1.2.12 → 1.2.13

package/dist/pro.js

@@ -49423,8 +49423,7 @@ var FieldMultipleSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___defaul
     dataSource: options,
     size: size,
     disabled: disabled,
-    state: state,
-    followTrigger: true
+    state: state
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldMultipleSelect);
@@ -51061,8 +51060,7 @@ var FieldSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     dataSource: options,
     size: size,
     disabled: disabled,
-    state: state,
-    followTrigger: true
+    state: state
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSelect);
@@ -52464,8 +52462,7 @@ var FieldTreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().
     dataSource: options,
     size: size,
     state: state,
-    disabled: disabled,
-    followTrigger: true
+    disabled: disabled
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options, undefined, getCascaderLabel)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldTreeSelect);
@@ -54235,6 +54232,7 @@ var Link = function Link(props) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(80653);
 /* harmony import */ var _CascaderText__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(92206);
 /* harmony import */ var _utils_color__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(94877);
+/* harmony import */ var _pro_src_utils_components_tags__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(91936);
 var _excluded = ["isList", "overlay", "value"];
 
 function _objectWithoutProperties(source, excluded) {
@@ -54353,6 +54351,7 @@ function _typeof(obj) {
 
 
 
+
 /**
  * 获取 options 最终输出值
  * @param fieldVal 绑定值
@@ -54645,32 +54644,24 @@ function mappingOptions(fieldVal, render, options, beforeFormatter, customOption
  */
 
 var renderTag = function renderTag(item, render) {
-  var rules = /(normal|primary)/;
-  var _render$color = render.color,
-      color = _render$color === void 0 ? 'normal' : _render$color;
-
-  if (_typeof(color) === 'object') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _objectSpread({
-      key: item.toString()
-    }, color), item);
-  }
-
-  var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '');
-
   if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .isNull */ .Ft)(item)) {
     var _render$emptyText4;
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, (_render$emptyText4 = render.emptyText) !== null && _render$emptyText4 !== void 0 ? _render$emptyText4 : '');
   }
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _objectSpread(_objectSpread({
-    type: "normal"
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .hasProps */ .s_)({
-    type: colorTypeIsPreset ? color : false,
-    color: colorTypeIsPreset ? false : (0,_utils_color__WEBPACK_IMPORTED_MODULE_9__/* .getTagColor */ .vm)(color, 'tag')
-  })), {}, {
-    key: item
-  }), item);
+  if (_typeof(render.color) === 'object') {
+    return (0,_pro_src_utils_components_tags__WEBPACK_IMPORTED_MODULE_10__/* .renderTags */ .a)(_objectSpread({
+      type: 'normal',
+      children: item
+    }, render.color));
+  }
+
+  return (0,_pro_src_utils_components_tags__WEBPACK_IMPORTED_MODULE_10__/* .renderTags */ .a)({
+    color: render.color,
+    type: 'normal',
+    children: item
+  });
 };
 /**
  * 渲染单个statusTag
@@ -54682,8 +54673,8 @@ var renderTag = function renderTag(item, render) {
 
 var renderStatusTag = function renderStatusTag(item, render) {
   var rules = /(warning|success|fail|process|pause|loading)/;
-  var _render$color2 = render.color,
-      color = _render$color2 === void 0 ? 'process' : _render$color2,
+  var _render$color = render.color,
+      color = _render$color === void 0 ? 'process' : _render$color,
       icon = render.icon;
 
   if (_typeof(color) === 'object') {
@@ -54721,8 +54712,8 @@ var renderStatusTag = function renderStatusTag(item, render) {
 
 var renderStatusIconTag = function renderStatusIconTag(item, render) {
   var rules = /(warning|success|fail|process|pause|loading)/;
-  var _render$color3 = render.color,
-      color = _render$color3 === void 0 ? 'process' : _render$color3;
+  var _render$color2 = render.color,
+      color = _render$color2 === void 0 ? 'process' : _render$color2;
 
   if (_typeof(color) === 'object') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_status_tag__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
@@ -56496,7 +56487,7 @@ var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
 /* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(67389);
 /* harmony import */ var _editable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(63978);
 var _excluded = ["children", "className"],
-    _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea"];
+    _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea", "className", "type"];
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -56709,6 +56700,8 @@ var ProPageContainer = function ProPageContainer(props) {
       footerAlign = _props$footerAlign === void 0 ? 'center' : _props$footerAlign,
       _props$scrollArea = props.scrollArea,
       scrollArea = _props$scrollArea === void 0 ? 'all' : _props$scrollArea,
+      className = props.className,
+      type = props.type,
       others = _objectWithoutProperties(props, _excluded2);
 
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),
@@ -56736,6 +56729,7 @@ var ProPageContainer = function ProPageContainer(props) {
   var bordered = !!sidebar || !!switchArea || !!registedSwitch;
   var scorllContentOnly = scrollArea === 'content';
   var hasFixedFooter = fixedFooter && !!footer || registedFixedFooter;
+  var isDashboard = type === 'dashboard';
 
   var onSideBarToggle = function onSideBarToggle() {
     sidebarOnToggle && sidebarOnToggle(!sidebarClosed);
@@ -56845,7 +56839,8 @@ var ProPageContainer = function ProPageContainer(props) {
       onSelectComponent: onSelectComponent
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("main", _objectSpread({
-    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls(''), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls(''), className, {
+      'type-dashboard': isDashboard,
       'fixed-footer': hasFixedFooter
     }),
     ref: containerRef
@@ -58447,18 +58442,20 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   }, buttonProps), buttonContent(children, icon, undefined, context));
 };
 
-function renderCommonActionButtonMenuItem(action, context) {
+function renderCommonActionButtonMenuItem(action, key, context) {
   var menuBtn = action;
 
   if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.SubMenu, {
+      key: key,
       label: menuBtn.label || menuBtn.children
     }, menuBtn.actions.map(function (a, j) {
-      return renderCommonActionButtonMenuItem(a, context);
+      return renderCommonActionButtonMenuItem(a, String(j), context);
     }));
   }
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionMenuButtonItem, {
+    key: key,
     action: action,
     context: context
   });
@@ -58487,8 +58484,8 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)
-  }, others), actions.map(function (action) {
-    return renderCommonActionButtonMenuItem(action, context);
+  }, others), actions.map(function (action, i) {
+    return renderCommonActionButtonMenuItem(action, String(i), context);
   }));
 };
 
@@ -58595,7 +58592,9 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
+      key: i
+    }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
       direction: "ver"
     }));
   }));
@@ -62628,7 +62627,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConf
 
  // export * from './sidebar';
 
-var version = '1.2.11';
+var version = '1.2.12';
 
 
 /***/ }),
@@ -63089,7 +63088,9 @@ var ProInfoItem = function ProInfoItem(prop) {
         wrapperCol = baseInfoLayout.wrapperCol;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
       className: cls()
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Col, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Row, {
+      gutter: 10
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Col, {
       span: labelCol == null ? void 0 : labelCol.span,
       className: cls('label')
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.Ellipsis, {
@@ -67417,7 +67418,11 @@ var ProTable = function ProTable(props) {
     }
   }, [propsActionRef]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setFilteredColumns(processColumns(propsColumns != null ? propsColumns : []));
+    var _actionRef$current;
+
+    var columns = processColumns(propsColumns != null ? propsColumns : []);
+    setFilteredColumns(columns);
+    (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.setState == null ? void 0 : _actionRef$current.setState('filterColumns', columns);
   }, [propsColumns]); // 绑定 Actions
 
   (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .useActionType */ .t)(actionRef, {
@@ -67431,7 +67436,11 @@ var ProTable = function ProTable(props) {
       return state;
     },
     setColumn: function setColumn(newColumns) {
-      setFilteredColumns(processColumns(newColumns));
+      var _actionRef$current2;
+
+      var columns = processColumns(newColumns);
+      setFilteredColumns(columns);
+      (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.setState == null ? void 0 : _actionRef$current2.setState('filterColumns', columns);
     },
     setSize: function setSize(mode) {
       _setSize(mode);
@@ -67445,11 +67454,11 @@ var ProTable = function ProTable(props) {
       }
     },
     reset: function reset() {
-      var _actionRef$current, _request2;
+      var _actionRef$current3, _request2;
 
       (propsDataFilter == null ? void 0 : propsDataFilter.onReset) && (propsDataFilter == null ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
 
-      (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.setFilterRules == null ? void 0 : _actionRef$current.setFilterRules({});
+      (_actionRef$current3 = actionRef.current) == null ? void 0 : _actionRef$current3.setFilterRules == null ? void 0 : _actionRef$current3.setFilterRules({});
       dataFilterForm.reset();
       setCurrentPage(1);
 
@@ -67562,7 +67571,7 @@ var ProTable = function ProTable(props) {
   }); // 请求函数
 
   function _request(params, noLoading) {
-    var _actionRef$current$ge, _actionRef$current2, _objectSpread2;
+    var _actionRef$current$ge, _actionRef$current4, _objectSpread2;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -67577,7 +67586,7 @@ var ProTable = function ProTable(props) {
 
     var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
 
-    var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.getFilterRules == null ? void 0 : _actionRef$current2.getFilterRules()) != null ? _actionRef$current$ge : {}; // 格式化后的请求参数
+    var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current4 = actionRef.current) == null ? void 0 : _actionRef$current4.getFilterRules == null ? void 0 : _actionRef$current4.getFilterRules()) != null ? _actionRef$current$ge : {}; // 格式化后的请求参数
 
     var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _objectSpread2[targetPageKey] = currentPage, _objectSpread2[targetPageSizeKey] = pageSize, _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
 
@@ -67667,7 +67676,10 @@ var ProTable = function ProTable(props) {
       if (dataFilterForm.validate()) {
         var _request3;
 
-        setCurrentPage(1);
+        setCurrentPage(1); // const { mode, schema } = propsDataFilter as ProTableDataFilterProps;
+        // TODO: 针对 inline 模式下的 search 组件做一下处理，如果空值切换下拉的时候不触发请求
+        // if (mode === 'inline') {
+        // }
 
         _request((_request3 = {}, _request3[targetPageKey] = 1, _request3));
       }
@@ -67895,8 +67907,47 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 
 var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
+  var filterMode = item.filterMode,
+      filters = item.filters,
+      dataIndex = item.dataIndex,
+      dataSource = item.dataSource;
+
+  var getItemLable = function getItemLable() {
+    if (filterMode !== 'multiple') {
+      var _actionRef$current$ge, _actionRef$current;
+
+      var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.getState == null ? void 0 : _actionRef$current.getState().filterRules) != null ? _actionRef$current$ge : {};
+
+      if (Object.keys(selectedItem).length > 0) {
+        var _selectedItem;
+
+        if ((_selectedItem = selectedItem[dataIndex]) != null && _selectedItem.params) {
+          var _ref, _targetFilters$find;
+
+          // 找到对应的 label
+          var targetFilters = (_ref = filters) != null ? _ref : [];
+
+          if (filters === true) {
+            var _ref2;
+
+            targetFilters = (_ref2 = dataSource) != null ? _ref2 : [];
+          }
+
+          var label = (_targetFilters$find = targetFilters.find(function (item) {
+            var _selectedItem2;
+
+            return item.value === ((_selectedItem2 = selectedItem[dataIndex]) == null ? void 0 : _selectedItem2.params);
+          })) == null ? void 0 : _targetFilters$find.label;
+          return item.title + " (" + label + ")";
+        }
+      }
+    }
+
+    return item.title;
+  };
+
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.LabelIconTip, {
-    label: item.title,
+    label: getItemLable(),
     tooltip: item.tooltip,
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Filter__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
@@ -67965,9 +68016,9 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
     var _item$dataSource;
 
     newDataSource = ((_item$dataSource = item.dataSource) != null ? _item$dataSource : []).map(function (item) {
-      return Object.fromEntries(Object.entries(item).map(function (_ref) {
-        var k = _ref[0],
-            v = _ref[1];
+      return Object.fromEntries(Object.entries(item).map(function (_ref3) {
+        var k = _ref3[0],
+            v = _ref3[1];
         return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
           record: record,
           value: value,
@@ -68001,9 +68052,9 @@ var processRenderFunction = function processRenderFunction(render, value, index,
   }
 
   var external = ['linkOnClick', 'link', 'value'];
-  return Object.fromEntries(Object.entries(render).map(function (_ref2) {
-    var k = _ref2[0],
-        v = _ref2[1];
+  return Object.fromEntries(Object.entries(render).map(function (_ref4) {
+    var k = _ref4[0],
+        v = _ref4[1];
 
     if (typeof v === 'function') {
       var _v;
@@ -68039,9 +68090,9 @@ var processBuriedPoint = function processBuriedPoint(render, record, value, inde
 
   return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
   // emptyText 默认为 '-'
-  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(Object.entries(render).map(function (_ref3) {
-    var k = _ref3[0],
-        v = _ref3[1];
+  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(Object.entries(render).map(function (_ref5) {
+    var k = _ref5[0],
+        v = _ref5[1];
     return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
       record: record,
       value: value,
@@ -68183,7 +68234,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 // 组件内全局状态
 var state = {
   fullScreenState: false,
-  filterRules: {}
+  filterRules: {},
+  filterColumns: []
 }; // 组件内全局监听事件
 
 var callback = {
@@ -68194,6 +68246,15 @@ var mutations = {
   getState: function getState() {
     return state;
   },
+  setState: function setState(key, value) {
+    state[key] = value;
+    useOn(key, value);
+
+    if (mutations.hasOwnProperty(key)) {
+      mutations[key] = value;
+    }
+  },
+  filterColumns: state.filterColumns,
   setFullScreenState: function setFullScreenState(fullScreenState) {
     state.fullScreenState = fullScreenState;
     useOn('fullScreenState', fullScreenState);
@@ -68237,6 +68298,10 @@ var mutations = {
    * @param name 监听名（作为销毁唯一id使用）
    */
   on: function on(fun, state, name) {
+    if (!callback[state]) {
+      callback[state] = {};
+    }
+
     callback[state][name] = fun;
   },
   off: function off(name) {
@@ -68497,8 +68562,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
-var _excluded = ["text", "children", "closable"];
+/* harmony import */ var _utils_src__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
+var _excluded = ["text", "children", "closable", "color"];
 
 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); }
 
@@ -68508,38 +68573,82 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-tags');
+var cls = (0,_utils_src__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-tags');
 var renderTags = function renderTags(tags, size) {
-  if (!tags || !tags.length) {
+  if (!tags || Array.isArray(tags) && !tags.length) {
     return null;
-  }
+  } // 获取全局 tag
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Group, {
-    className: cls('')
-  }, tags.map(function (tag, i) {
+
+  var getGlobalTag = function getGlobalTag() {
+    var globalTag = (0,_utils_src__WEBPACK_IMPORTED_MODULE_2__.getGlobalConfig)('tag'); // GlobalTagNodePropsItem 类型
+
+    if (globalTag) {
+      var globalTagMap = new Map(globalTag.map(function (item) {
+        return [item.color, item];
+      }));
+      return globalTagMap;
+    }
+
+    return null;
+  }; // 渲染单个 tag
+
+
+  var renderTag = function renderTag(item, index) {
     // @ts-ignore
-    var text = tag.text,
-        children = tag.children,
-        closable = tag.closable,
-        others = _objectWithoutPropertiesLoose(tag, _excluded);
+    var text = item.text,
+        children = item.children,
+        closable = item.closable,
+        colorProps = item.color,
+        others = _objectWithoutPropertiesLoose(item, _excluded);
+
+    var color = (0,_utils_src__WEBPACK_IMPORTED_MODULE_2__.getTagColor)(colorProps != null ? colorProps : '', 'tag');
+    var otherProps = {};
+    var globalTagMap = getGlobalTag();
+
+    if (globalTagMap && globalTagMap.get(color)) {
+      var _globalTagMap$get;
+
+      otherProps = (_globalTagMap$get = globalTagMap.get(color)) != null ? _globalTagMap$get : {};
+    }
 
     if (closable) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Closeable, _extends({
-        key: i,
+        key: index,
         size: size,
         style: {
           marginBottom: 0
-        }
-      }, others), text || children);
+        },
+        color: color
+      }, otherProps, others), text || children);
     }
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _extends({
-      key: i,
+      key: index,
       size: size,
       style: {
         marginBottom: 0
-      }
-    }, others), text || children);
+      },
+      color: color
+    }, otherProps, others), text || children);
+  };
+
+  if (!Array.isArray(tags)) {
+    if ( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(tags)) {
+      return tags;
+    }
+
+    return renderTag(tags, 0);
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    if ( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(tags)) {
+      return tags;
+    }
+
+    return renderTag(tag, i);
   }));
 };
 
@@ -69519,7 +69628,6 @@ var isoWeek = __webpack_require__(17939);
 
 dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend(isoWeek);
 dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend(advancedFormat);
-var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
 /**
  * 日期时间格式化（使用type支持自动国际化）
  * @param date 日期
@@ -69531,6 +69639,8 @@ var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
 function dateFormat(date, type, format) {
   var _dateFormatterDic$typ, _dateFormatterDic$typ2, _dateFormatterDic$typ3;
 
+  var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
+
   if (format) {
     return customDateFormat(date, format);
   }
@@ -69569,6 +69679,7 @@ function customDateFormat(date, format) {
 function getDateFormat(type) {
   var _dateFormatterDic$typ4;
 
+  var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
   var formatter = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z == null ? void 0 : (_dateFormatterDic$typ4 = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[type]) == null ? void 0 : _dateFormatterDic$typ4[language];
   return formatter.all;
 }
@@ -69582,6 +69693,7 @@ function getDateFormat(type) {
 function getFoldDateFormat(date, type) {
   var _dateFormatterDic$typ5;
 
+  var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
   var dateStart = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date[0]);
   var dateLast = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date[1]);
   var formatter = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z == null ? void 0 : (_dateFormatterDic$typ5 = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[type]) == null ? void 0 : _dateFormatterDic$typ5[language];