@teamix/pro 1.1.34 → 1.1.38

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

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,16 +7,12 @@ exports.default = void 0;
 
 var _components = require("@alicloudfe/components");
 
-var _ = require("../../../");
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ProInfoItem = _interopRequireDefault(require("../ProInfoItem"));
 
 require("./index.scss");
 
-var _hooks = require("@teamix/hooks");
-
 var _utils = require("../../utils/utils");
 
 var _layout = _interopRequireDefault(require("../../utils/layout"));
@@ -27,67 +21,64 @@ var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
 
 var _utils2 = require("../../utils");
 
-var _excluded = ["header", "columns", "dataSource", "loading", "result", "actionRef", "className", "layout"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Row = _components.Grid.Row,
     Col = _components.Grid.Col;
 
 var ProBaseInfo = function ProBaseInfo(props) {
   var _size$width;
 
-  var header = props.header,
-      columns = props.columns,
+  var columns = props.columns,
       dataSource = props.dataSource,
       loading = props.loading,
       result = props.result,
       actionRef = props.actionRef,
-      className = props.className,
       layout = props.layout,
-      others = _objectWithoutProperties(props, _excluded);
+      size = props.size;
 
-  var context = (0, _react.useContext)(_utils2.ProInfoGroupContext);
-  var ref = (0, _react.useRef)();
-  var size = context.visible ? context.size : (0, _hooks.useSize)(ref);
+  var defaultLayout = _layout.default[(0, _utils.getLayout)((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)]; // 获取列内的布局参数
 
-  var defaultLayout = _layout.default[(0, _utils.getLayout)((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)]; // 获取列的布局参数
 
+  var getFormItemLayout = function getFormItemLayout(colspan) {
+    var formItemLayout = JSON.parse(JSON.stringify(defaultLayout.formItemLayout)); // 自定义布局
 
-  var getFormItemLayout = function getFormItemLayout() {
     if (layout) {
       var _layout$labelCol, _layout$wrapperCol;
 
-      return {
-        labelCol: (_layout$labelCol = layout === null || layout === void 0 ? void 0 : layout.labelCol) !== null && _layout$labelCol !== void 0 ? _layout$labelCol : defaultLayout.formItemLayout.labelCol,
-        wrapperCol: (_layout$wrapperCol = layout === null || layout === void 0 ? void 0 : layout.wrapperCol) !== null && _layout$wrapperCol !== void 0 ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol
-      };
+      var labelCol = (_layout$labelCol = layout === null || layout === void 0 ? void 0 : layout.labelCol) !== null && _layout$labelCol !== void 0 ? _layout$labelCol : defaultLayout.formItemLayout.labelCol;
+      var wrapperCol = (_layout$wrapperCol = layout === null || layout === void 0 ? void 0 : layout.wrapperCol) !== null && _layout$wrapperCol !== void 0 ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol;
+      formItemLayout.labelCol = labelCol;
+      formItemLayout.wrapperCol = wrapperCol;
+    }
+
+    var newLabelSpan = formItemLayout.labelCol.span;
+    var newWrapperSpan = formItemLayout.wrapperCol.span; // 计算合并列情况。label与wrapper需要重新计算
+
+    if (colspan) {
+      newLabelSpan = newLabelSpan / colspan;
+      newWrapperSpan = newWrapperSpan + (formItemLayout.labelCol.span - newLabelSpan);
     }
 
-    return defaultLayout.formItemLayout;
+    var newFormItemLayout = {
+      labelCol: {
+        span: newLabelSpan
+      },
+      wrapperCol: {
+        span: newWrapperSpan
+      }
+    };
+    return Object.assign(formItemLayout, newFormItemLayout);
   };
 
   var renderContent = function renderContent() {
     return columns.map(function (item, index) {
-      var _layout$span, _item$title, _item$valueType, _ref;
+      var _layout$span, _layout$span2, _item$title, _item$valueType, _ref, _item$colSpan;
 
       var span = item.colSpan ? defaultLayout.span * item.colSpan : defaultLayout.span;
+      var layoutSpan = item.colSpan ? ((_layout$span = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span !== void 0 ? _layout$span : span) * item.colSpan : (_layout$span2 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span2 !== void 0 ? _layout$span2 : span;
       return /*#__PURE__*/_react.default.createElement(Col, {
-        span: (_layout$span = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span !== void 0 ? _layout$span : span,
+        span: layoutSpan,
         key: index
       }, /*#__PURE__*/_react.default.createElement(_ProInfoItem.default, {
         label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
@@ -101,24 +92,17 @@ var ProBaseInfo = function ProBaseInfo(props) {
           record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
           actionRef: actionRef
         }),
-        baseInfoLayout: getFormItemLayout(),
+        baseInfoLayout: getFormItemLayout((_item$colSpan = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan !== void 0 ? _item$colSpan : 0),
         tooltip: item.tooltip,
         tooltipIcon: item.tooltipIcon
       }));
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
-    ref: ref,
-    className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : '')
-  }, others), (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread({
-    compacted: true,
-    hoveredShadow: false,
-    bordered: false
-  }, header), /*#__PURE__*/_react.default.createElement(Row, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(Row, {
     wrap: true,
     className: "teamix-pro-info-content-row"
-  }, renderContent())));
+  }, renderContent()));
 };
 
 var _default = ProBaseInfo;

package/lib/info/index.js

@@ -24,6 +24,10 @@ var _utils = require("./utils");
 
 var _utils2 = require("@teamix/utils");
 
+var _hooks = require("@teamix/hooks");
+
+var _ = require("..");
+
 var _typing = require("./typing");
 
 Object.keys(_typing).forEach(function (key) {
@@ -37,7 +41,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError"];
+var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -68,7 +72,8 @@ 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; }
 
 var ProInfo = function ProInfo(props) {
-  var type = props.type,
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'base' : _props$type,
       url = props.url,
       _props$method = props.method,
       method = _props$method === void 0 ? 'post' : _props$method,
@@ -78,14 +83,26 @@ var ProInfo = function ProInfo(props) {
       _props$header = props.header,
       header = _props$header === void 0 ? {} : _props$header,
       _onError = props.onError,
+      className = props.className,
+      style = props.style,
+      columns = props.columns,
+      layout = props.layout,
+      dataSource = props.dataSource,
+      userLoading = props.loading,
+      extra = props.extra,
       others = _objectWithoutProperties(props, _excluded);
 
   var _useContext = (0, _react.useContext)(_utils.ProInfoGroupContext),
       contextUrl = _useContext.url,
       contextMethod = _useContext.method,
       contextParams = _useContext.params,
-      contextFormatResult = _useContext.formatResult; // 请求数据
+      contextFormatResult = _useContext.formatResult,
+      contextVisible = _useContext.visible,
+      contextSize = _useContext.size; // 获取容器宽度
+
 
+  var ref = (0, _react.useRef)();
+  var size = contextVisible ? contextSize : (0, _hooks.useSize)(ref); // 请求数据
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -150,30 +167,58 @@ var ProInfo = function ProInfo(props) {
     }
   });
 
-  if (type === 'table') {
-    return /*#__PURE__*/_react.default.createElement(_tableInfo.default, _objectSpread(_objectSpread({}, others), {}, {
-      header: header,
-      loading: loading || getData.loading,
-      result: getDataSource(getData.data),
-      actionRef: actionRef
-    }));
-  }
-
-  if (type === 'header') {
-    return /*#__PURE__*/_react.default.createElement(_headerInfo.default, _objectSpread(_objectSpread({}, others), {}, {
-      header: header,
-      loading: loading || getData.loading,
-      result: getDataSource(getData.data),
-      actionRef: actionRef
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_baseInfo.default, _objectSpread(_objectSpread({}, others), {}, {
+  var getExtra = function getExtra() {
+    if (!extra) {
+      return undefined;
+    }
+
+    if ( /*#__PURE__*/(0, _react.isValidElement)(extra)) {
+      return extra;
+    }
+
+    return _objectSpread(_objectSpread({}, extra), {}, {
+      context: {
+        record: dataSource !== null && dataSource !== void 0 ? dataSource : getDataSource(getData.data)
+      }
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : ''),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread(_objectSpread({
+    compacted: true,
+    hoveredShadow: false,
+    bordered: false,
+    backgroundColor: "transparent"
+  }, header), others), {}, {
+    extra: getExtra()
+  }), type === 'table' && /*#__PURE__*/_react.default.createElement(_tableInfo.default, {
+    dataSource: dataSource,
+    columns: columns,
+    loading: userLoading || loading || getData.loading,
+    result: getDataSource(getData.data),
+    actionRef: actionRef,
+    layout: layout
+  }), type === 'header' && /*#__PURE__*/_react.default.createElement(_headerInfo.default, {
+    dataSource: dataSource,
+    columns: columns,
     header: header,
-    loading: loading || getData.loading,
+    loading: userLoading || loading || getData.loading,
+    result: getDataSource(getData.data),
+    actionRef: actionRef,
+    layout: layout,
+    size: size
+  }), type === 'base' && /*#__PURE__*/_react.default.createElement(_baseInfo.default, {
+    dataSource: dataSource,
+    columns: columns,
+    loading: userLoading || loading || getData.loading,
     result: getDataSource(getData.data),
-    actionRef: actionRef
-  }));
+    actionRef: actionRef,
+    layout: layout,
+    size: size
+  })));
 };
 
 ProInfo.Group = _InfoGroup.default;

package/lib/info/index.scss

@@ -1,10 +1,6 @@
 .teamix-pro-info {
   color: var(--color-brand1-6);
   
-  .next-card {
-    background: none;
-  }
-
   .teamix-pro-info-content-row {
     width: 100%;
   }

package/lib/info/typing.d.ts

@@ -3,6 +3,12 @@ import { ActionGroupProps, IActionButton } from '../actions';
 import { Method } from 'axios';
 import React from 'react';
 import { CardProps } from '../card';
+/** 列record函数 */
+declare type ProInfoCellFunProp = (value: any, record: any) => any;
+declare type FieldRenderProps = keyof IProFieldFormatterProps;
+declare type ProInfoCellRender = {
+    [key in FieldRenderProps]?: IProFieldFormatterProps[key] | ProInfoCellFunProp;
+} | ((...other: any) => React.ReactNode);
 /** ProInfoBaseProps info 基础定义 */
 export declare type ProInfoBaseProps = {
     /** ProColums 定义，取代 Table 的 columns */
@@ -27,7 +33,7 @@ export declare type ProInfoBaseProps = {
     onError?: (error: Error) => void;
     /** ProInfo action 的引用，便于手动触发一些方法  */
     actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
-    /** 标题区 */
+    /** 标题区 推荐将header中的内容平铺到ProCard中。即将不支持此写法 */
     header?: ProInfoHeaderProps;
     /** info 数据源 */
     dataSource?: {
@@ -35,7 +41,9 @@ export declare type ProInfoBaseProps = {
     };
     /** 布局值 */
     layout?: BaseInfoLayoutProps;
-};
+    /** 加载动画 */
+    loading?: boolean;
+} & ProInfoHeaderProps;
 /** ProInfoItemProps info 单元格 定义 */
 export interface ProInfoItemProps {
     /** 标题 */
@@ -49,9 +57,9 @@ export interface ProInfoItemProps {
     /** 对应 ProField 里面的 type */
     valueType?: IProFieldType;
     /** 渲染单元格内容字段 */
-    render?: IProFieldFormatterProps | ((...other: any) => React.ReactNode);
+    render?: ProInfoCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[];
+    dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
     /** 表头的筛选菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean;
     /** 操作组配置 */
@@ -138,8 +146,10 @@ export declare type InfoValueItemProps = {
     infoItem: ProInfoItemProps;
     record: any;
     actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
-} & IProFieldProps;
-export declare type ProInfoHeaderProps = CardProps;
+    render?: ProInfoCellRender;
+    dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
+} & Omit<IProFieldProps, 'render' | 'dataSource'>;
+export declare type ProInfoHeaderProps = Omit<CardProps, 'loading'>;
 /** ProInfoGroupContextProps */
 export declare type ProInfoGroupContextProps = {
     /** 因为其他数据都为异步。visible 只用作标识 */
@@ -173,3 +183,4 @@ export declare type ProInfoTransparentBase = {
     /** style */
     style?: React.CSSProperties;
 };
+export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
 import { ActionGroupProps } from '../actions';
 import { ProInfoProps } from '../info';
 import './index.scss';
@@ -12,11 +13,14 @@ export interface LinkItem {
     text: string;
     onClick?: (e?: React.MouseEvent<Element, MouseEvent>) => void;
 }
-export interface TagItem {
-    type?: 'normal' | 'primary';
-    color?: string;
-    text: string;
-}
+export declare type TagItem = (TagProps | (CloseableProps & {
+    closable: true;
+})) & {
+    /**
+     * @deprecated 建议使用 children 代替
+     */
+    text?: string;
+};
 declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string;
 export interface DataItem {
     title: string;

package/lib/page-header/index.js

@@ -25,7 +25,8 @@ var _info = _interopRequireDefault(require("../info"));
 
 require("./index.scss");
 
-var _excluded = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+var _excluded = ["text", "children", "closable"],
+    _excluded2 = ["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 }; }
 
@@ -85,15 +86,29 @@ var renderTags = function renderTags(tags) {
   return /*#__PURE__*/_react.default.createElement(_components.Tag.Group, {
     className: cls('tags')
   }, tags.map(function (tag, i) {
-    return /*#__PURE__*/_react.default.createElement(_components.Tag, {
+    // @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: "large",
+        style: {
+          marginBottom: 0
+        }
+      }, others), text || children);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_components.Tag, _objectSpread({
       key: i,
       size: "large",
-      type: tag.type,
-      color: tag.color,
       style: {
         marginBottom: 0
       }
-    }, tag.text);
+    }, others), text || children);
   }));
 };
 
@@ -111,7 +126,7 @@ var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgro
 
   var isColorPresetColor = isPresetColor(color);
   var isBgColorPresetColor = isPresetColor(backgroundColor);
-  var className = (0, _classnames2.default)((_classnames = {}, _defineProperty(_classnames, "".concat(cls("color-".concat(color))), isColorPresetColor), _defineProperty(_classnames, "".concat(cls("color-bg-".concat(color))), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
+  var className = (0, _classnames2.default)((_classnames = {}, _defineProperty(_classnames, "".concat(cls("color-".concat(color))), isColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-color-".concat(backgroundColor))), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
   var styleColor = isColorPresetColor ? undefined : color;
   var styleBgColor = isBgColorPresetColor ? undefined : backgroundColor;
   var style = {
@@ -178,7 +193,7 @@ var PageHeader = function PageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
-      others = _objectWithoutProperties(props, _excluded);
+      others = _objectWithoutProperties(props, _excluded2);
 
   var history = (0, _reactRouterDom.useHistory)();
   var backgroundImage = image ? "url('".concat(image, "')") : undefined;

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

@@ -55,7 +55,9 @@ var RadioItem = _components.Menu.RadioItem;
 
 var Filter = function Filter(props) {
   var column = props.column,
-      actionRef = props.actionRef; // 选中过滤项
+      actionRef = props.actionRef;
+  var _column$filtersWidth = column.filtersWidth,
+      filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth; // 选中过滤项
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -174,7 +176,10 @@ var Filter = function Filter(props) {
       return setVisible(false);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: cls()
+    className: cls(),
+    style: {
+      width: filtersWidth
+    }
   }, /*#__PURE__*/_react.default.createElement(_components.Menu, null, renderSelect(), /*#__PURE__*/_react.default.createElement("div", {
     className: cls({
       'btn-box': true

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

@@ -1,5 +1,5 @@
 .teamix-pro-table-toolbar-filter {
-  width: 130px;
+  min-width: 130px;
   max-height: 350px;
   overflow-y: auto;
   box-shadow: var(--popup-local-shadow, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));

package/lib/table/typing.d.ts

@@ -47,6 +47,8 @@ export declare type ProColumnProps = {
     filtersMode?: 'single' | 'multiple';
     /** 表头的过滤菜单项在搜索之前的参数操作 */
     beforeFilter?: (rules: string[]) => string;
+    /** 表头的过滤菜单宽度 */
+    filtersWidth?: string | number;
     /** 操作组配置 */
     actionSchema?: ActionGroupProps;
     /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.1.34",
+  "version": "1.1.38",
   "description": "TeamixPro大包",
   "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
   "author": "Velociraptor(迅猛龙)",

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

@@ -1,99 +0,0 @@
-var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
-
-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; }
-
-import { Grid } from '@alicloudfe/components';
-import ProCard from '../../../card';
-import React, { useContext, useRef } from 'react';
-import ProInfoItem from '../ProInfoItem';
-import './index.scss';
-import defaultLayoutMap from '../../utils/layout';
-import { useSize } from '@teamix/hooks';
-import { getLayout } from '../../utils/utils';
-import InfoValueItem from '../InfoValueItem';
-import { getDataIndexValue, ProInfoGroupContext } from '../../utils';
-var Row = Grid.Row,
-    Col = Grid.Col;
-
-var ProHeaderInfo = function ProHeaderInfo(props) {
-  var _size$width;
-
-  var header = props.header,
-      columns = props.columns,
-      dataSource = props.dataSource,
-      layout = props.layout,
-      loading = props.loading,
-      result = props.result,
-      actionRef = props.actionRef,
-      className = props.className,
-      others = _objectWithoutProperties(props, _excluded);
-
-  var context = useContext(ProInfoGroupContext);
-  var ref = useRef();
-  var size = context.visible ? context.size : useSize(ref);
-  var defaultLayout = defaultLayoutMap[getLayout((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
-
-  var renderContent = function renderContent() {
-    return columns.map(function (item, index) {
-      var _item$title, _item$valueType;
-
-      var span = 24;
-
-      if (layout === null || layout === void 0 ? void 0 : layout.colNum) {
-        var _item$colSpan;
-
-        span = 24 / (layout === null || layout === void 0 ? void 0 : layout.colNum) * ((_item$colSpan = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan !== void 0 ? _item$colSpan : 1);
-      } else {
-        var _item$colSpan2;
-
-        span = defaultLayout.span * ((_item$colSpan2 = item === null || item === void 0 ? void 0 : item.colSpan) !== null && _item$colSpan2 !== void 0 ? _item$colSpan2 : 1);
-      }
-
-      return /*#__PURE__*/React.createElement(Col, {
-        span: span,
-        key: index
-      }, /*#__PURE__*/React.createElement(ProInfoItem, {
-        label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
-        loading: loading,
-        value: /*#__PURE__*/React.createElement(InfoValueItem, {
-          type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
-          value: getDataIndexValue(item.dataIndex, dataSource !== null && dataSource !== void 0 ? dataSource : result),
-          render: item.render,
-          dataSource: item.dataSource,
-          infoItem: item,
-          record: dataSource !== null && dataSource !== void 0 ? dataSource : result,
-          actionRef: actionRef
-        }),
-        headerInfoLayout: layout !== null && layout !== void 0 ? layout : defaultLayout,
-        tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon
-      }));
-    });
-  };
-
-  return (
-    /*#__PURE__*/
-    // TODO 优化透传方式
-    React.createElement("div", _objectSpread({
-      ref: ref,
-      className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : '')
-    }, others), (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/React.createElement(ProCard, _objectSpread({
-      compacted: true,
-      hoveredShadow: false,
-      bordered: false
-    }, header), /*#__PURE__*/React.createElement(Row, {
-      wrap: true,
-      className: "teamix-pro-info-content-row"
-    }, renderContent())))
-  );
-};
-
-export default ProHeaderInfo;