@teamix/pro 1.2.10 → 1.2.11

package/lib/actions/request.d.ts

@@ -3,7 +3,7 @@ import { BaseAction } from './base';
 export interface RequestAction extends CommonRequestConfig, BaseAction {
 }
 export declare function doRequest(action: RequestAction, context?: any, history?: any, extraParams?: any): Promise<unknown>;
-export declare function useRequestAction(action: RequestAction, context?: any): {
+export declare function useRequestAction(action: RequestAction, actionContext?: any): {
     loading: boolean;
 };
 export default useRequestAction;

package/lib/actions/request.js

@@ -51,7 +51,7 @@ function doRequest(action, context, history, extraParams) {
   }, others), context, history, extraParams);
 }
 
-function useRequestAction(action, context) {
+function useRequestAction(action, actionContext) {
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       loading = _useState2[0],
@@ -62,7 +62,7 @@ function useRequestAction(action, context) {
   var onFinish = action.onFinish,
       others = _objectWithoutProperties(action, _excluded2);
 
-  return _objectSpread(_objectSpread({}, (0, _base.eventHandler)(action, function () {
+  return _objectSpread(_objectSpread({}, (0, _base.eventHandler)(action, actionContext, function (context) {
     setLoading(true);
     doRequest(_objectSpread({}, others), context, history).then(function () {
       setLoading(false);

package/lib/card/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ProTagItem } from '../utils/components/tags';
 import { ProActionGroupProps } from '../actions';
 import './index.scss';
 export * from './card-container';
@@ -13,6 +14,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     tooltip?: React.ReactNode;
     /** 标题右侧图标 */
     tooltipIcon?: React.ReactNode;
+    /** 标签组 */
+    tags?: ProTagItem[];
     /** 标题右侧描述 */
     description?: React.ReactNode;
     /** 额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
@@ -35,6 +38,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     centered?: boolean;
     /** 加载中状态 */
     loading?: boolean;
+    /** 空状态 */
+    empty?: boolean;
     /** 边框颜色 */
     borderColor?: 'blue' | 'green' | 'red' | 'orange' | 'yellow' | 'grey' | 'transparent' | 'none';
     /** 背景色 */
@@ -83,9 +88,13 @@ export declare const ProCard: {
         (props: import("./selectable").ProCardSelectableProps): JSX.Element;
         defaultProps: {
             hoveredShadow: boolean;
-        };
+        }; /** 标签组 */
         isProCard: boolean;
     };
+    Tab: {
+        (props: import("@alifd/next/types/tab").TabProps): JSX.Element;
+        Item: typeof import("@alifd/next/types/tab").Item;
+    };
     isProCard: boolean;
 };
 export default ProCard;

package/lib/card/index.js

@@ -12,12 +12,16 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames3 = _interopRequireDefault(require("classnames"));
 
+var _result = _interopRequireDefault(require("@teamix/result"));
+
 var _components = require("@alicloudfe/components");
 
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 
 var _utils = require("@teamix/utils");
 
+var _tags = require("../utils/components/tags");
+
 var _skeleton = require("../skeleton");
 
 var _actions = require("../actions");
@@ -28,6 +32,8 @@ var _divider = _interopRequireDefault(require("./divider"));
 
 var _selectable = _interopRequireDefault(require("./selectable"));
 
+var _tab = _interopRequireDefault(require("./tab"));
+
 require("./index.scss");
 
 var _cardContainer = require("./card-container");
@@ -44,7 +50,7 @@ Object.keys(_cardContainer).forEach(function (key) {
   });
 });
 var _excluded = ["context"],
-    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -109,6 +115,7 @@ var ProCard = function ProCard(props) {
       subTitle = props.subTitle,
       tooltip = props.tooltip,
       tooltipIcon = props.tooltipIcon,
+      tags = props.tags,
       description = props.description,
       extra = props.extra,
       actions = props.actions,
@@ -121,6 +128,7 @@ var ProCard = function ProCard(props) {
       compacted = props.compacted,
       centered = props.centered,
       loading = props.loading,
+      empty = props.empty,
       borderColor = props.borderColor,
       backgroundColor = props.backgroundColor,
       contentClassName = props.contentClassName,
@@ -212,7 +220,7 @@ var ProCard = function ProCard(props) {
   }, _defineProperty(_classnames, "border-".concat(borderColor), borderColor), _defineProperty(_classnames, "compacted", compacted), _defineProperty(_classnames, "hoverable", hoveredShadow), _classnames));
   var cardContentClassName = (0, _classnames3.default)(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames2 = {
     'contain-pro-card': containProCard
-  }, _defineProperty(_classnames2, "split-".concat(split), split), _defineProperty(_classnames2, 'flex-wrap', wrap), _defineProperty(_classnames2, "centered", centered), _classnames2));
+  }, _defineProperty(_classnames2, "split-".concat(split), split), _defineProperty(_classnames2, 'flex-wrap', wrap), _defineProperty(_classnames2, "centered", centered || empty), _classnames2));
   var cardContentMargin = containProCard && !split ? {
     marginRight: -horizonal,
     marginLeft: -horizonal,
@@ -247,7 +255,7 @@ var ProCard = function ProCard(props) {
     }, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
       align: "t",
       trigger: tooltipTrigger
-    }, tooltip)), description && /*#__PURE__*/_react.default.createElement("div", {
+    }, tooltip)), tags && (0, _tags.renderTags)(tags, 'small'), description && /*#__PURE__*/_react.default.createElement("div", {
       className: cls('title-description')
     }, description));
   };
@@ -272,7 +280,16 @@ var ProCard = function ProCard(props) {
   }, loading && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/_react.default.createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
-  }, childrenModified)));
+  }, empty && /*#__PURE__*/_react.default.createElement("div", {
+    className: cls('empty')
+  }, childrenModified ? childrenModified : /*#__PURE__*/_react.default.createElement(_result.default, {
+    theme: "hybridcloud-container",
+    img: "noData",
+    title: (0, _utils.getMessage)('noData'),
+    style: {
+      padding: '50px 0 60px'
+    }
+  })), !empty && childrenModified)));
 };
 
 exports.ProCard = ProCard;
@@ -283,6 +300,7 @@ ProCard.defaultProps = {
 };
 ProCard.Divider = _divider.default;
 ProCard.Selectable = _selectable.default;
+ProCard.Tab = _tab.default;
 ProCard.isProCard = true;
 var _default = ProCard;
 exports.default = _default;

package/lib/card/index.scss

@@ -153,6 +153,25 @@
     }
   }
 
+  &-tab {
+    margin-top: calc(0px - var(--s-2));
+
+    & > .next-tabs-bar {
+      border-bottom: none;
+    }
+
+    & > .next-tabs-content {
+      padding-top: var(--s-5, 20px);
+    }
+  }
+
+  &-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--color-text1-8, #848484);
+  }
+
   & > .next-card-actions {
     & > .teamix-pro-actions {
       & > .next-btn {

package/lib/card/tab.d.ts

@@ -0,0 +1,6 @@
+import { TabProps } from '@alicloudfe/components/types/tab';
+declare const ProCardTab: {
+    (props: TabProps): JSX.Element;
+    Item: typeof import("@alifd/next/types/tab").Item;
+};
+export default ProCardTab;

package/lib/card/tab.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _components = require("@alicloudfe/components");
+
+var _excluded = ["className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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 ProCardTab = function ProCardTab(props) {
+  var className = props.className,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_components.Tab, _objectSpread({
+    className: (0, _classnames.default)('teamix-pro-card-tab', className)
+  }, others));
+};
+
+ProCardTab.Item = _components.Tab.Item;
+var _default = ProCardTab;
+exports.default = _default;

package/lib/form/ProForm/index.js

@@ -84,7 +84,8 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       context: context
     });
   }, [scope, context]);
-  var onAutoSubmit = (0, _useAutoSubmit.default)(onSubmit);
+  var onAutoSubmit = (0, _useAutoSubmit.default)(onSubmit); // todo 需要formily支持断点下的属性更新
+
   var getTeamixLayout = (0, _react.useMemo)(function () {
     return breakpoints ? {
       breakpoints: breakpoints,
@@ -136,28 +137,7 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     schema: schema,
     scope: mergedScope,
     components: components
-  }), children); // return outerForm === false ? ( // 特殊表单，无需渲染form实例，例如FormDialog等
-  //   <FormLayout
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </FormLayout>
-  // ) : (
-  //   <Form
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //     form={form}
-  //     onAutoSubmit={onAutoSubmit}
-  //     onAutoSubmitFailed={onSubmitFailed}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </Form>
-  // );
+  }), children);
 });
 ProForm.defaultProps = {
   colon: false,

package/lib/form/SchemaForm/index.js

@@ -105,6 +105,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
+  // 创建 SchemaField
   var SchemaField = (0, _react.useMemo)(function () {
     return (0, _react2.createSchemaField)({
       components: _objectSpread(_objectSpread({}, _ProField.default), {}, {
@@ -135,15 +136,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         Text: _index.default
       })
     });
-  }, []); // 合并schema中request的scope
+  }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = (0, _react.useMemo)(function () {
     return _objectSpread({}, scope);
-  }, [scope]); // 格式化schema
+  }, [scope]); // 格式化 schema
 
   var formatSchema = (0, _react.useCallback)(function (schema) {
     var schemaProperties = {};
-    schema.forEach(function (item) {
+    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item) {
       var newItem = (0, _warning.default)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -279,15 +280,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     });
     return schemaProperties;
   }, [mergedScope]);
-  var schemaPro = (0, _react.useMemo)(function () {
+  var proFormSchema = (0, _react.useMemo)(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, []); // console.log(schemaPro);
+  }, []); // console.log(proFormSchema);
 
   return /*#__PURE__*/_react.default.createElement(SchemaField, {
-    schema: schemaPro,
+    schema: proFormSchema,
     components: components,
     scope: mergedScope
   });

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.9";
+declare const version = "1.2.10";
 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.9';
+var version = '1.2.10';
 exports.version = version;

package/lib/page-header/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
 import { ItemProps } from '@alicloudfe/components/types/breadcrumb';
+import { LinkPath } from '@teamix/utils';
+import { ProTagItem } from '../utils/components/tags';
 import { ProActionGroupProps } from '../actions';
 import { ProInfoProps } from '../info';
 import './index.scss';
@@ -10,14 +11,7 @@ export interface ProPageHeaderBreadcrumbItem extends ItemProps {
      */
     text?: string;
 }
-export declare type ProPageHeaderTagItem = (TagProps | (CloseableProps & {
-    closable: true;
-})) & {
-    /**
-     * @deprecated 建议使用 children 代替
-     */
-    text?: string;
-};
+export declare type ProPageHeaderTagItem = ProTagItem;
 declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string;
 export declare type ProPageHeaderDataItem = {
     title: string;
@@ -25,20 +19,35 @@ export declare type ProPageHeaderDataItem = {
     color?: Color;
 } & React.HTMLAttributes<HTMLElement>;
 export declare type ProPageHeaderProps = {
+    /** 标题 */
     title?: React.ReactNode;
+    /** 描述 */
     description?: React.ReactNode;
-    icon?: string;
+    /** 图标 */
+    icon?: React.ReactNode;
+    /** 图标颜色 */
     iconColor?: Color;
+    /** 图标背景类型 */
     iconBackgroundType?: 'circle' | 'square';
+    /** 图标背景色 */
     iconBackgroundColor?: Color;
-    goback?: string | boolean;
+    /** 返回按钮配置 */
+    goback?: boolean | LinkPath | ((e: React.MouseEvent) => void);
+    /** 背景图 */
     image?: string;
+    /** 加载中 */
     loading?: boolean;
+    /** 面包屑配置 */
     breadcrumb?: ProPageHeaderBreadcrumbItem[];
+    /** 额外信息区配置 */
     extra?: ProActionGroupProps | React.ReactNode;
+    /** 操作区配置 */
     operation?: ProActionGroupProps | React.ReactNode;
+    /** 标签组 */
     tags?: ProPageHeaderTagItem[];
+    /** 数据概览项 */
     data?: ProPageHeaderDataItem[];
+    /** 底部详情 */
     info?: ProInfoProps | React.ReactNode;
 } & Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
 declare const ProPageHeader: React.FC<ProPageHeaderProps>;

package/lib/page-header/index.js

@@ -17,6 +17,8 @@ var _components = require("@alicloudfe/components");
 
 var _utils = require("@teamix/utils");
 
+var _tags = require("../utils/components/tags");
+
 var _actions = require("../actions");
 
 var _skeleton = require("../skeleton");
@@ -26,9 +28,8 @@ var _info = _interopRequireDefault(require("../info"));
 require("./index.scss");
 
 var _excluded = ["text", "children"],
-    _excluded2 = ["text", "children", "closable"],
-    _excluded3 = ["color", "title", "num", "className"],
-    _excluded4 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+    _excluded2 = ["color", "title", "num", "className"],
+    _excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -83,40 +84,6 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
   return group;
 };
 
-var renderTags = function renderTags(tags) {
-  if (!tags) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_components.Tag.Group, {
-    className: cls('tags')
-  }, tags.map(function (tag, i) {
-    // @ts-ignore
-    var text = tag.text,
-        children = tag.children,
-        closable = tag.closable,
-        others = _objectWithoutProperties(tag, _excluded2);
-
-    if (closable) {
-      return /*#__PURE__*/_react.default.createElement(_components.Tag.Closeable, _objectSpread({
-        key: i,
-        size: "large",
-        style: {
-          marginBottom: 0
-        }
-      }, others), text || children);
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_components.Tag, _objectSpread({
-      key: i,
-      size: "large",
-      style: {
-        marginBottom: 0
-      }
-    }, others), text || children);
-  }));
-};
-
 var isPresetColor = function isPresetColor(color) {
   if (!color) {
     return false;
@@ -154,7 +121,7 @@ var renderData = function renderData(data) {
         title = item.title,
         num = item.num,
         customClassName = item.className,
-        others = _objectWithoutProperties(item, _excluded3);
+        others = _objectWithoutProperties(item, _excluded2);
 
     var _getColorAndStyle = getColorAndStyle(color),
         className = _getColorAndStyle.className,
@@ -202,7 +169,7 @@ var ProPageHeader = function ProPageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
-      others = _objectWithoutProperties(props, _excluded4);
+      others = _objectWithoutProperties(props, _excluded3);
 
   var history = (0, _reactRouterDom.useHistory)();
   var backgroundImage = image ? "url('".concat(image, "')") : undefined;
@@ -220,12 +187,22 @@ var ProPageHeader = function ProPageHeader(props) {
         iconClass = _getColorAndStyle2.className,
         iconStyle = _getColorAndStyle2.style;
 
-    var onBack = function onBack() {
+    var onBack = function onBack(e) {
+      if (!goback) {
+        return;
+      }
+
+      if (typeof goback === 'function') {
+        goback(e);
+        return;
+      }
+
       if (goback === true) {
         history.go(-1);
-      } else if (typeof goback === 'string') {
-        history.push && history.push(goback);
+        return;
       }
+
+      (0, _utils.goToLink)(goback, history);
     };
 
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, goback && /*#__PURE__*/_react.default.createElement(_icon.default, {
@@ -233,14 +210,14 @@ var ProPageHeader = function ProPageHeader(props) {
       onClick: onBack,
       type: "return-line",
       size: "large"
-    }), icon && /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }), icon && (typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_icon.default, {
       className: (0, _classnames2.default)(iconClass, cls('title-icon')),
       style: iconStyle,
       type: icon,
       size: "large"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon)), /*#__PURE__*/_react.default.createElement("span", {
       className: cls('title-name')
-    }, title), renderTags(tags));
+    }, title), (0, _tags.renderTags)(tags, 'large'));
   };
 
   return /*#__PURE__*/_react.default.createElement("header", _objectSpread({

package/lib/page-header/index.scss

@@ -124,17 +124,6 @@ $prefix: 'teamix-pro-page-header';
     cursor: pointer;
   }
 
-  .#{$prefix}-tags {
-    display: inline-flex;
-    align-items: center;
-
-    & > div {
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-
   .#{$prefix}-color {
     &-blue {
       color: var(--color-notice-5);

package/lib/table/components/Filter/index.js

@@ -237,7 +237,7 @@ var Filter = function Filter(props) {
       (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$r = _actionRef$current7.resetPage) === null || _actionRef$current7$r === void 0 ? void 0 : _actionRef$current7$r.call(_actionRef$current7);
       setVisible(false);
     }
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement(_components.Button, {
+  }, (0, _utils.getMessage)('ok')), /*#__PURE__*/_react.default.createElement(_components.Button, {
     type: "normal",
     size: "small",
     className: cls({
@@ -254,7 +254,7 @@ var Filter = function Filter(props) {
       })));
       (_actionRef$current10 = actionRef.current) === null || _actionRef$current10 === void 0 ? void 0 : (_actionRef$current10$ = _actionRef$current10.filterDataSource) === null || _actionRef$current10$ === void 0 ? void 0 : _actionRef$current10$.call(_actionRef$current10, column.dataIndex); // setVisible(!visible);
     }
-  }, "\u91CD\u7F6E")))));
+  }, (0, _utils.getMessage)('reset'))))));
 };
 
 var _default = Filter;

package/lib/table/index.js

@@ -817,7 +817,7 @@ var ProTable = function ProTable(props) {
 
     }),
     ref: tableRef
-  }, renderTable(), footerSuctionState && footerSuction && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && renderFooter()));
+  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
 };
 
 var _default = ProTable;

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

@@ -0,0 +1,11 @@
+import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
+import './index.scss';
+export declare type ProTagItem = (TagProps | (CloseableProps & {
+    closable: true;
+})) & {
+    /**
+     * @deprecated 建议使用 children 代替
+     */
+    text?: string;
+};
+export declare const renderTags: (tags?: ProTagItem[] | undefined, size?: "small" | "large" | "medium" | undefined) => JSX.Element | null;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderTags = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+var _utils = require("@teamix/utils");
+
+require("./index.scss");
+
+var _excluded = ["text", "children", "closable"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _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 cls = (0, _utils.baseClass)('teamix-pro-tags');
+
+var renderTags = function renderTags(tags, size) {
+  if (!tags || !tags.length) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_components.Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    // @ts-ignore
+    var text = tag.text,
+        children = tag.children,
+        closable = tag.closable,
+        others = _objectWithoutProperties(tag, _excluded);
+
+    if (closable) {
+      return /*#__PURE__*/_react.default.createElement(_components.Tag.Closeable, _objectSpread({
+        key: i,
+        size: size,
+        style: {
+          marginBottom: 0
+        }
+      }, others), text || children);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_components.Tag, _objectSpread({
+      key: i,
+      size: size,
+      style: {
+        marginBottom: 0
+      }
+    }, others), text || children);
+  }));
+};
+
+exports.renderTags = renderTags;