@teamix/pro 1.2.12 → 1.2.13

package/es/actions/index.js

@@ -198,18 +198,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.createElement(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.createElement(ProActionMenuButtonItem, {
+    key: key,
     action: action,
     context: context
   });
@@ -238,8 +240,8 @@ export 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);
   }));
 }; // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 
@@ -343,7 +345,9 @@ export function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: i
+    }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
       direction: "ver"
     }));
   }));

package/es/form/index.d.ts

@@ -35,39 +35,39 @@ declare const formilyReact: {
         <Decorator extends originalFormilyReact.JSXComponent, Component extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
         displayName: string;
         Markup: {
-            <Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaMarkupFieldProps<Components, Component_1, Decorator_1>): JSX.Element;
+            <Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaMarkupFieldProps<Components, Component_1, Decorator_1>): JSX.Element;
             displayName: string;
         };
         String: {
-            <Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_2, Decorator_2>): JSX.Element;
+            <Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_2, Decorator_2>): JSX.Element;
             displayName: string;
         };
         Object: {
-            <Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_3, Decorator_3>): JSX.Element;
+            <Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_3, Decorator_3>): JSX.Element;
             displayName: string;
         };
         Array: {
-            <Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_4, Decorator_4>): JSX.Element;
+            <Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_4, Decorator_4>): JSX.Element;
             displayName: string;
         };
         Boolean: {
-            <Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_5, Decorator_5>): JSX.Element;
+            <Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_5, Decorator_5>): JSX.Element;
             displayName: string;
         };
         Date: {
-            <Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_6, Decorator_6>): JSX.Element;
+            <Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_6, Decorator_6>): JSX.Element;
             displayName: string;
         };
         DateTime: {
-            <Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_7, Decorator_7>): JSX.Element;
+            <Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_7, Decorator_7>): JSX.Element;
             displayName: string;
         };
         Void: {
-            <Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_8, Decorator_8>): JSX.Element;
+            <Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_8, Decorator_8>): JSX.Element;
             displayName: string;
         };
         Number: {
-            <Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_9, Decorator_9>): JSX.Element;
+            <Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_9, Decorator_9>): JSX.Element;
             displayName: string;
         };
     };

package/es/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.2.11";
+declare const version = "1.2.12";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/es/index.js

@@ -27,7 +27,7 @@ export * from './page-header';
 export * from './skeleton';
 export * from './table'; // export * from './sidebar';
 
-var version = '1.2.11';
+var version = '1.2.12';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, // ProSidebar,
 hooks, nocode, templates, utils };

package/es/info/components/ProInfoItem/index.js

@@ -21,7 +21,9 @@ var ProInfoItem = function ProInfoItem(prop) {
         wrapperCol = baseInfoLayout.wrapperCol;
     return /*#__PURE__*/React.createElement("div", {
       className: cls()
-    }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+    }, /*#__PURE__*/React.createElement(Row, {
+      gutter: 10
+    }, /*#__PURE__*/React.createElement(Col, {
       span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
       className: cls('label')
     }, /*#__PURE__*/React.createElement(Ellipsis, {

package/es/nocode/pages/renderer.d.ts

@@ -1,7 +1,7 @@
 import { PageProps } from '../../page-container';
-import { PageMap, PageType } from '.';
+import { PageMap } from '.';
 export interface PageRendererProps<T = any> extends PageProps<T> {
-    type?: PageType;
+    type?: any;
     error?: any;
     title?: string;
     pageMap?: PageMap;

package/es/table/index.js

@@ -349,7 +349,11 @@ var ProTable = function ProTable(props) {
     }
   }, [propsActionRef]);
   useEffect(function () {
-    setFilteredColumns(processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : []));
+    var _actionRef$current, _actionRef$current$se;
+
+    var columns = processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : []);
+    setFilteredColumns(columns);
+    (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, 'filterColumns', columns);
   }, [propsColumns]); // 绑定 Actions
 
   useActionType(actionRef, {
@@ -363,7 +367,11 @@ var ProTable = function ProTable(props) {
       return state;
     },
     setColumn: function setColumn(newColumns) {
-      setFilteredColumns(processColumns(newColumns));
+      var _actionRef$current2, _actionRef$current2$s;
+
+      var columns = processColumns(newColumns);
+      setFilteredColumns(columns);
+      (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'filterColumns', columns);
     },
     setSize: function setSize(mode) {
       _setSize(mode);
@@ -377,11 +385,11 @@ var ProTable = function ProTable(props) {
       }
     },
     reset: function reset() {
-      var _actionRef$current, _actionRef$current$se;
+      var _actionRef$current3, _actionRef$current3$s;
 
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
 
-      (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setFilterRules) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, {});
+      (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setFilterRules) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, {});
       dataFilterForm.reset();
       setCurrentPage(1);
 
@@ -492,7 +500,7 @@ var ProTable = function ProTable(props) {
   }); // 请求函数
 
   function _request(params, noLoading) {
-    var _actionRef$current$ge, _actionRef$current2, _actionRef$current2$g, _objectSpread2;
+    var _actionRef$current$ge, _actionRef$current4, _actionRef$current4$g, _objectSpread2;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -507,7 +515,7 @@ var ProTable = function ProTable(props) {
 
     var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
 
-    var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$g = _actionRef$current2.getFilterRules) === null || _actionRef$current2$g === void 0 ? void 0 : _actionRef$current2$g.call(_actionRef$current2)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
+    var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$g = _actionRef$current4.getFilterRules) === null || _actionRef$current4$g === void 0 ? void 0 : _actionRef$current4$g.call(_actionRef$current4)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
 
     var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
 
@@ -594,7 +602,10 @@ var ProTable = function ProTable(props) {
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
 
       if (dataFilterForm.validate()) {
-        setCurrentPage(1);
+        setCurrentPage(1); // const { mode, schema } = propsDataFilter as ProTableDataFilterProps;
+        // TODO: 针对 inline 模式下的 search 组件做一下处理，如果空值切换下拉的时候不触发请求
+        // if (mode === 'inline') {
+        // }
 
         _request(_defineProperty({}, targetPageKey, 1));
       }

package/es/table/typing.d.ts

@@ -180,6 +180,8 @@ export declare type ProTableActionType = {
 export declare type ProTableActionTypeMutations = {
     /** 获取state状态 */
     getState?: () => ProTableActionTypeState;
+    /** 设置state状态 */
+    setState?: (key: string, value: any) => void;
     /** 设置全屏状态 */
     setFullScreenState?: (state: boolean) => void;
     /** 绑定state监听事件 */
@@ -192,11 +194,15 @@ export declare type ProTableActionTypeMutations = {
     getFilterRules?: () => object;
     /** 重新计算表格maxHeight高度 */
     resetTableMaxBodyHeight?: () => void;
+    /** 列筛选规则 */
+    filterColumns?: any[];
 };
 /** action Mutations 定义 */
 export declare type ProTableActionTypeState = {
     fullScreenState: boolean;
     filterRules: ProTableColumnsFilterRulesItem;
+    filterColumns: ProTableColumnProps[];
+    [key: string]: any;
 };
 export declare type ProTableDataFilterProps = {
     /** 展示形式 */

package/es/table/utils/columnRender.js

@@ -37,8 +37,45 @@ import Filter from '../components/Filter';
  */
 
 export 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, _actionRef$current$ge2;
+
+      var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : _actionRef$current$ge2.call(_actionRef$current).filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
+
+      if (Object.keys(selectedItem).length > 0) {
+        var _selectedItem$dataInd;
+
+        if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
+          var _targetFilters$find;
+
+          // 找到对应的 label
+          var targetFilters = filters !== null && filters !== void 0 ? filters : [];
+
+          if (filters === true) {
+            targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
+          }
+
+          var label = (_targetFilters$find = targetFilters.find(function (item) {
+            var _selectedItem$dataInd2;
+
+            return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
+          })) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
+          return "".concat(item.title, " (").concat(label, ")");
+        }
+      }
+    }
+
+    return item.title;
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelIconTip, {
-    label: item.title,
+    label: getItemLable(),
     tooltip: item.tooltip,
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/React.createElement(Filter, {

package/es/table/utils/index.js

@@ -20,7 +20,8 @@ import cloneDeepLodash from 'lodash.clonedeep'; // 组件内全局状态
 
 var state = {
   fullScreenState: false,
-  filterRules: {}
+  filterRules: {},
+  filterColumns: []
 }; // 组件内全局监听事件
 
 var callback = {
@@ -31,6 +32,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);
@@ -74,6 +84,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) {

package/es/utils/components/tags/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
 import './index.scss';
 export declare type ProTagItem = (TagProps | (CloseableProps & {
@@ -8,4 +9,7 @@ export declare type ProTagItem = (TagProps | (CloseableProps & {
      */
     text?: string;
 };
-export declare const renderTags: (tags?: ProTagItem[] | undefined, size?: "small" | "large" | "medium" | undefined) => JSX.Element | null;
+export declare type ProTagProps = ProTagItem[] | ProTagItem | React.ReactNode | React.ReactNode[];
+/** 全局注册 tag 配置 */
+export declare type GlobalTagProps = ProTagItem[];
+export declare const renderTags: (tags?: ProTagProps, size?: "small" | "medium" | "large" | undefined) => JSX.Element | null;

package/es/utils/components/tags/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["text", "children", "closable"];
+var _excluded = ["text", "children", "closable", "color"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -10,41 +10,85 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-import React from 'react';
+import React, { isValidElement } from 'react';
 import { Tag } from '@alicloudfe/components';
-import { baseClass } from '@teamix/utils';
+import { baseClass, getTagColor, getGlobalConfig } from '../../../../../utils/src';
 import './index.scss';
 var cls = baseClass('teamix-pro-tags');
 export var renderTags = function renderTags(tags, size) {
-  if (!tags || !tags.length) {
+  if (!tags || Array.isArray(tags) && !tags.length) {
     return null;
-  }
+  } // 获取全局 tag
 
-  return /*#__PURE__*/React.createElement(Tag.Group, {
-    className: cls('')
-  }, tags.map(function (tag, i) {
+
+  var getGlobalTag = function getGlobalTag() {
+    var globalTag = 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 = _objectWithoutProperties(tag, _excluded);
+    var text = item.text,
+        children = item.children,
+        closable = item.closable,
+        colorProps = item.color,
+        others = _objectWithoutProperties(item, _excluded);
+
+    var color = getTagColor(colorProps !== null && colorProps !== void 0 ? colorProps : '', 'tag');
+    var otherProps = {};
+    var globalTagMap = getGlobalTag();
+
+    if (globalTagMap && globalTagMap.get(color)) {
+      var _globalTagMap$get;
+
+      otherProps = (_globalTagMap$get = globalTagMap.get(color)) !== null && _globalTagMap$get !== void 0 ? _globalTagMap$get : {};
+    }
 
     if (closable) {
-      return /*#__PURE__*/React.createElement(Tag.Closeable, _objectSpread({
-        key: i,
+      return /*#__PURE__*/React.createElement(Tag.Closeable, _objectSpread(_objectSpread({
+        key: index,
         size: size,
         style: {
           marginBottom: 0
-        }
-      }, others), text || children);
+        },
+        color: color
+      }, otherProps), others), text || children);
     }
 
-    return /*#__PURE__*/React.createElement(Tag, _objectSpread({
-      key: i,
+    return /*#__PURE__*/React.createElement(Tag, _objectSpread(_objectSpread({
+      key: index,
       size: size,
       style: {
         marginBottom: 0
-      }
-    }, others), text || children);
+      },
+      color: color
+    }, otherProps), others), text || children);
+  };
+
+  if (!Array.isArray(tags)) {
+    if ( /*#__PURE__*/isValidElement(tags)) {
+      return tags;
+    }
+
+    return renderTag(tags, 0);
+  }
+
+  return /*#__PURE__*/React.createElement(Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    if ( /*#__PURE__*/isValidElement(tags)) {
+      return tags;
+    }
+
+    return renderTag(tag, i);
   }));
 };

package/lib/actions/index.js

@@ -235,18 +235,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.default.createElement(_components.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.default.createElement(ProActionMenuButtonItem, {
+    key: key,
     action: action,
     context: context
   });
@@ -275,8 +277,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);
   }));
 }; // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 
@@ -383,7 +385,9 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/_react.default.createElement(_components.Divider, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: i
+    }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/_react.default.createElement(_components.Divider, {
       direction: "ver"
     }));
   }));

package/lib/form/index.d.ts

@@ -35,39 +35,39 @@ declare const formilyReact: {
         <Decorator extends originalFormilyReact.JSXComponent, Component extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
         displayName: string;
         Markup: {
-            <Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaMarkupFieldProps<Components, Component_1, Decorator_1>): JSX.Element;
+            <Decorator_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_1 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaMarkupFieldProps<Components, Component_1, Decorator_1>): JSX.Element;
             displayName: string;
         };
         String: {
-            <Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_2, Decorator_2>): JSX.Element;
+            <Decorator_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_2 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_2, Decorator_2>): JSX.Element;
             displayName: string;
         };
         Object: {
-            <Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_3, Decorator_3>): JSX.Element;
+            <Decorator_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_3 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_3, Decorator_3>): JSX.Element;
             displayName: string;
         };
         Array: {
-            <Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_4, Decorator_4>): JSX.Element;
+            <Decorator_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_4 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_4, Decorator_4>): JSX.Element;
             displayName: string;
         };
         Boolean: {
-            <Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_5, Decorator_5>): JSX.Element;
+            <Decorator_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_5 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_5, Decorator_5>): JSX.Element;
             displayName: string;
         };
         Date: {
-            <Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_6, Decorator_6>): JSX.Element;
+            <Decorator_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_6 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_6, Decorator_6>): JSX.Element;
             displayName: string;
         };
         DateTime: {
-            <Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_7, Decorator_7>): JSX.Element;
+            <Decorator_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_7 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_7, Decorator_7>): JSX.Element;
             displayName: string;
         };
         Void: {
-            <Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_8, Decorator_8>): JSX.Element;
+            <Decorator_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_8 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_8, Decorator_8>): JSX.Element;
             displayName: string;
         };
         Number: {
-            <Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>, Component_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "displayName" | "defaultProps" | "propTypes" | "contextTypes">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_9, Decorator_9>): JSX.Element;
+            <Decorator_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>, Component_9 extends originalFormilyReact.ReactComponentPath<Components, Exclude<keyof Components, "propTypes" | "contextTypes" | "defaultProps" | "displayName">>>(props: originalFormilyReact.ISchemaTypeFieldProps<Components, Component_9, Decorator_9>): JSX.Element;
             displayName: string;
         };
     };

package/lib/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.2.11";
+declare const version = "1.2.12";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -253,5 +253,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
 // export * from './sidebar';
-var version = '1.2.11';
+var version = '1.2.12';
 exports.version = version;

package/lib/info/components/ProInfoItem/index.js

@@ -35,7 +35,9 @@ var ProInfoItem = function ProInfoItem(prop) {
         wrapperCol = baseInfoLayout.wrapperCol;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls()
-    }, /*#__PURE__*/_react.default.createElement(Row, null, /*#__PURE__*/_react.default.createElement(Col, {
+    }, /*#__PURE__*/_react.default.createElement(Row, {
+      gutter: 10
+    }, /*#__PURE__*/_react.default.createElement(Col, {
       span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
       className: cls('label')
     }, /*#__PURE__*/_react.default.createElement(_utils.Ellipsis, {

package/lib/nocode/pages/renderer.d.ts

@@ -1,7 +1,7 @@
 import { PageProps } from '../../page-container';
-import { PageMap, PageType } from '.';
+import { PageMap } from '.';
 export interface PageRendererProps<T = any> extends PageProps<T> {
-    type?: PageType;
+    type?: any;
     error?: any;
     title?: string;
     pageMap?: PageMap;