@teamix/pro 1.4.10 → 1.4.13

package/es/table/index.js

@@ -36,7 +36,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { Table, Checkbox } from '@alicloudfe/components';
 import Pagination from './components/Pagination';
 import genProColumnToColumn from './utils/genProColumnToColumn';
-import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls } from '@teamix/utils';
+import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams } from '@teamix/utils';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
 import './index.scss';
 import Layout from './components/Layout';
@@ -49,6 +49,7 @@ import EmptyContent from './components/EmptyContent';
 import { ProActionGroup } from '../actions';
 import classNames from 'classnames';
 import ProPageContainer from '../page-container';
+import debounce from 'lodash.debounce';
 export * from './typing';
 var cls = usePrefixCls('teamix-pro-table');
 /**
@@ -214,7 +215,7 @@ var ProTable = function ProTable(props) {
   var skeletonDataSource = new Array(skeletonSize).fill({});
   var requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data'; // 如果使用 customRequest 的话，内置 loading
 
-  var _useState13 = useState(true),
+  var _useState13 = useState(requestWhenMount),
       _useState14 = _slicedToArray(_useState13, 2),
       customTableLoading = _useState14[0],
       setCustomTableLoading = _useState14[1];
@@ -258,21 +259,45 @@ var ProTable = function ProTable(props) {
   var autoRefreshTimerRef = useRef();
   var onResize = null;
   useEffect(function () {
+    var _propsDataFilter$sche, _propsDataFilter$sche2;
+
     getHeaderHeight(fullscreenState);
+    getFooterSuctionState();
 
     if (window.onresize) {
       onResize = window.onresize;
-
-      window.onresize = function () {
+      window.onresize = debounce(function () {
         var _onResize;
 
         (_onResize = onResize) === null || _onResize === void 0 ? void 0 : _onResize();
-        getHeaderHeight(fullscreenState);
-      };
+
+        if (footerSuction) {
+          getFooterSuctionState();
+        }
+
+        if (fixedTableBody) {
+          getHeaderHeight(fullscreenState);
+        }
+      }, 500);
     } else {
-      window.onresize = function () {
-        getHeaderHeight(fullscreenState);
-      };
+      window.onresize = debounce(function () {
+        if (footerSuction) {
+          getFooterSuctionState();
+        }
+
+        if (fixedTableBody) {
+          getHeaderHeight(fullscreenState);
+        }
+      }, 500);
+    } // 如果不传 dataFilter，则在这里初始化请求
+
+
+    var hasDataFilter = (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche = propsDataFilter.schema) === null || _propsDataFilter$sche === void 0 ? void 0 : _propsDataFilter$sche.length) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche2 = propsDataFilter.schema) === null || _propsDataFilter$sche2 === void 0 ? void 0 : _propsDataFilter$sche2.length) > 0;
+
+    if (requestWhenMount && !hasDataFilter) {
+      processDefaultFilter(propsColumns, actionRef, defaultFilterParams);
+
+      _request();
     }
 
     return function () {
@@ -281,6 +306,12 @@ var ProTable = function ProTable(props) {
       } else {
         window.onresize = null;
       }
+
+      if (autoRefreshTimerRef.current) {
+        clearTimeout(autoRefreshTimerRef.current);
+      }
+
+      actionRef.current = undefined;
     };
   }, []); // 获取header高度，用作全屏吸底吸底高度计算以及固定body高度计算（滚动条在底部）
 
@@ -296,6 +327,8 @@ var ProTable = function ProTable(props) {
     var pageContainerDom = document.querySelector('.teamix-pro-page-container-header');
     var teamixNavDom = document.querySelector('.teamix-nav-console');
     var footerRowSelectionDom = document.querySelector('.teamix-pro-page-container-footer');
+    var tableBodyDom = document.querySelector('.next-table-body');
+    var headerFixedTopSectionDom = document.querySelector('.teamix-pro-page-container-fixed-top');
     setTimeout(function () {
       var _headerDom$offsetHeig, _tableHeaderDom$offse;
 
@@ -309,11 +342,32 @@ var ProTable = function ProTable(props) {
 
         // 16px 为 padding
         var pageHeaderHeight = ((_pageContainerDom$off = pageContainerDom === null || pageContainerDom === void 0 ? void 0 : pageContainerDom.offsetHeight) !== null && _pageContainerDom$off !== void 0 ? _pageContainerDom$off : 0) + 16;
-        var teamixNavHeight = (_teamixNavDom$offsetH = teamixNavDom === null || teamixNavDom === void 0 ? void 0 : teamixNavDom.offsetHeight) !== null && _teamixNavDom$offsetH !== void 0 ? _teamixNavDom$offsetH : 0;
-        setHeaderHeight(headerHeight + tableHeaderHeight + pageHeaderHeight + teamixNavHeight + footerRowSelectionHeight + 16 + (offset !== null && offset !== void 0 ? offset : 0));
+        var teamixNavHeight = (_teamixNavDom$offsetH = teamixNavDom === null || teamixNavDom === void 0 ? void 0 : teamixNavDom.offsetHeight) !== null && _teamixNavDom$offsetH !== void 0 ? _teamixNavDom$offsetH : 0; // 1 为预留值，js无法取出精确高度，会被四舍五入
+
+        var offsetHeaderHeight = headerHeight + tableHeaderHeight + pageHeaderHeight + teamixNavHeight + footerRowSelectionHeight + 16 + (offset !== null && offset !== void 0 ? offset : 0) + 1;
+        var clientTableBodyHeight = document.body.clientHeight - offsetHeaderHeight;
+
+        if (tableBodyDom.clientHeight < clientTableBodyHeight) {
+          setFooterSuctionState(true);
+        } else {
+          setFooterSuctionState(false);
+        } // 如果有切换区tab，那么重新计算
+
+
+        if (headerFixedTopSectionDom.clientHeight) {
+          var _headerFixedTopSectio;
+
+          var headerFixedTopSectionHeight = (_headerFixedTopSectio = headerFixedTopSectionDom.clientHeight) !== null && _headerFixedTopSectio !== void 0 ? _headerFixedTopSectio : 0; // const clientTableBodyHeight =
+          //   document.body.clientHeight - offsetHeaderHeight;
+
+          setHeaderHeight(headerFixedTopSectionHeight + teamixNavHeight + footerRowSelectionHeight + tableHeaderHeight + 1);
+          return;
+        }
+
+        setHeaderHeight(offsetHeaderHeight);
       } else {
         // 24px 为 padding
-        setHeaderHeight(headerHeight + tableHeaderHeight + footerRowSelectionHeight + 24 + (offset !== null && offset !== void 0 ? offset : 0));
+        setHeaderHeight(headerHeight + tableHeaderHeight + footerRowSelectionHeight + 24 + (offset !== null && offset !== void 0 ? offset : 0) + 1);
       }
     }, 50);
   }; // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
@@ -652,6 +706,10 @@ var ProTable = function ProTable(props) {
       if (footerSuction) {
         getFooterSuctionState();
       }
+
+      if (fixedTableBody) {
+        getHeaderHeight(fullscreenState);
+      }
     },
     onError: function onError(error) {
       setShowSkeleton(false);
@@ -665,6 +723,10 @@ var ProTable = function ProTable(props) {
       if (footerSuction) {
         getFooterSuctionState();
       }
+
+      if (fixedTableBody) {
+        getHeaderHeight(fullscreenState);
+      }
     }
   }); // 请求函数
 
@@ -730,6 +792,20 @@ var ProTable = function ProTable(props) {
           if (footerSuction) {
             getFooterSuctionState();
           }
+
+          if (fixedTableBody) {
+            getHeaderHeight(fullscreenState);
+          } // customRequest 中支持 autoRefresh
+
+
+          var time = autoRefresh ? autoRefresh(data) : false;
+
+          if (Number.isInteger(time) && time >= 1000) {
+            autoRefreshTimerRef.current = setTimeout(function () {
+              // 自动刷新不显示 loading
+              _request({}, true);
+            }, Number(time));
+          }
         });
       } else {
         getData.run(requestData);
@@ -737,40 +813,6 @@ var ProTable = function ProTable(props) {
     }
   }
 
-  useEffect(function () {
-    var _propsDataFilter$sche, _propsDataFilter$sche2;
-
-    // 监听 浏览器变化 更吸底状态
-    if (footerSuction) {
-      getFooterSuctionState();
-
-      window.onresize = function () {
-        getFooterSuctionState();
-      };
-    } // 如果不传 dataFilter，则在这里初始化请求
-
-
-    var hasDataFilter = (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche = propsDataFilter.schema) === null || _propsDataFilter$sche === void 0 ? void 0 : _propsDataFilter$sche.length) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche2 = propsDataFilter.schema) === null || _propsDataFilter$sche2 === void 0 ? void 0 : _propsDataFilter$sche2.length) > 0;
-
-    if (requestWhenMount && !hasDataFilter) {
-      processDefaultFilter(propsColumns, actionRef, defaultFilterParams);
-
-      _request();
-    }
-
-    return function () {
-      if (autoRefreshTimerRef.current) {
-        clearTimeout(autoRefreshTimerRef.current);
-      }
-
-      if (window.onresize) {
-        window.onresize = null;
-      }
-
-      actionRef.current = undefined;
-    };
-  }, []);
-
   function onSort(dataIndex, order) {
     var nextSort = _defineProperty({}, dataIndex, order);
 
@@ -836,7 +878,10 @@ var ProTable = function ProTable(props) {
   var renderTable = function renderTable(isFullScreen) {
     if (propsColumns) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames('teamix-pro-table-container', className)
+        className: classNames('teamix-pro-table-container', className, 'teamix-test-request'),
+        "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
+        "data-teamix-test-params": getTestRequestParams(propsParams),
+        "data-teamix-test-data": getTestRequestData(propsColumns)
       }, /*#__PURE__*/React.createElement(Layout, {
         header: header,
         mainAction: mainAction,
@@ -962,7 +1007,7 @@ var ProTable = function ProTable(props) {
         })
       }, renderRowSelection(), /*#__PURE__*/React.createElement("div", {
         className: cls('footer-right-wrapper')
-      }, showSkeleton ? /*#__PURE__*/React.createElement(Skeleton.Footer.Pagination, null) : /*#__PURE__*/React.createElement(Pagination, _objectSpread({
+      }, showSkeleton ? /*#__PURE__*/React.createElement(Skeleton.Footer.Pagination, null) : /*#__PURE__*/React.createElement(React.Fragment, null, data.length > 0 && /*#__PURE__*/React.createElement(Pagination, _objectSpread({
         className: cls('pagination'),
         onChange: function onChange(number) {
           return onChangePagination(number);
@@ -984,7 +1029,7 @@ var ProTable = function ProTable(props) {
         onPageSizeChange: function onPageSizeChange(number) {
           return onChangePaginationSize(number);
         }
-      }, props.paginationProps))));
+      }, props.paginationProps)))));
     } else if (!showPagination) {
       return /*#__PURE__*/React.createElement("div", {
         className: cls('footer', {
@@ -1007,7 +1052,7 @@ var ProTable = function ProTable(props) {
 
       }),
       ref: tableRef
-    }, renderTable(isFullScreen), (footerSuctionState && footerSuction && !fullscreenState || fixedTableBody) && /*#__PURE__*/React.createElement(ProPageContainer.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && !fixedTableBody && renderFooter(), fullscreenState && renderFooter());
+    }, renderTable(isFullScreen), footerSuctionState && !fullscreenState && /*#__PURE__*/React.createElement(ProPageContainer.FixedFooter, null, renderFooter()), !(footerSuctionState && !fullscreenState) && renderFooter(), fullscreenState && renderFooter());
   });
 };
 

package/es/table/index.scss

@@ -32,6 +32,11 @@ $fullscreenPadding: 24px;
     display: flex;
     justify-content: flex-end;
     width: 100%;
+    & > span {
+      display: flex;
+      justify-content: flex-end;
+      width: 100%;
+    }
   }
   &-footer-action {
     margin-left: 16px;

package/es/table/typing.d.ts

@@ -69,7 +69,9 @@ export declare type ProTableProps = {
     /** 请求方法 */
     method?: Method;
     /** 请求参数 */
-    params?: object;
+    params?: {
+        [propName: string]: any;
+    };
     /** sort 排序请求参数处理函数 */
     formatSort?: (sort: object) => object;
     /** 如需自定义调用参数格式，则可以设定此值在请求前对 params 进行自定义，如果返回false则可以阻止请求 */

package/es/table/utils/columnRender.js

@@ -39,8 +39,9 @@ import Filter from '../components/Filter';
 export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
   var filterMode = item.filterMode,
       filters = item.filters,
+      dataSource = item.dataSource,
       dataIndex = item.dataIndex,
-      dataSource = item.dataSource; // 为列过滤添加状态标题
+      valueType = item.valueType; // 为列过滤添加状态标题
 
   var getItemLabel = function getItemLabel() {
     if (filters && filterMode !== 'multiple') {

package/lib/actions/index.scss

@@ -114,7 +114,7 @@
       margin-top: 10px;
       padding-bottom: 10px;
       .next-col.next-col-24:last-child {
-        .teamix-pro-field-info-form-item:last-child {
+        .teamix-pro-info-item:last-child {
           padding-bottom: 0px;
         }
       }

package/lib/form/ProForm/index.scss

@@ -236,6 +236,11 @@
 }
 
 // 按钮样式
+.teamix-button-group-item.#{$form-item-cls}-layout-vertical {
+  > .#{$css-prefix}formily-item-label {
+    display: none;
+  }
+}
 .#{$css-prefix}formily-button-group {
   margin-top: var(--form-element-medium-height, 32px);
 }

package/lib/form/SchemaForm/index.js

@@ -55,7 +55,7 @@ var _utils2 = require("../utils");
 
 var _warning = _interopRequireDefault(require("../warning"));
 
-var _excluded = ["component", "type", "name", "decorator", "decoratorProps", "dataSource", "reactions", "rules", "children", "items", "tooltip", "request", "data"];
+var _excluded = ["type", "name", "component", "props", "decorator", "decoratorProps", "dataSource", "reactions", "rules", "children", "items", "tooltip", "request", "data"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -173,9 +173,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       }
 
       var _newItem2 = newItem,
-          component = _newItem2.component,
           type = _newItem2.type,
           name = _newItem2.name,
+          component = _newItem2.component,
+          props = _newItem2.props,
           decorator = _newItem2.decorator,
           decoratorProps = _newItem2.decoratorProps,
           dataSource = _newItem2.dataSource,
@@ -211,7 +212,8 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
           defaultDataSource = _initializeDataSource.dataSource,
           dataSourceReactions = _initializeDataSource.reactions,
           dataSourceScope = _initializeDataSource.scope,
-          dataSourceData = _initializeDataSource.data; // 初始化rules validator
+          dataSourceData = _initializeDataSource.data,
+          dataSourceProps = _initializeDataSource.props; // 初始化rules validator
 
 
       var _initializeRules = (0, _initializeRules2.default)(rules, "".concat(suffix, "v")),
@@ -227,10 +229,16 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
             v = _ref3[1];
 
         schemaScopeRef.current[k] = v;
+      }); // 合并字段属性
+
+      var defaultProps = _objectSpread(_objectSpread(_objectSpread({}, props), dataSourceProps), {}, {
+        className: (0, _utils.cls)(props === null || props === void 0 ? void 0 : props.className, dataSourceProps === null || dataSourceProps === void 0 ? void 0 : dataSourceProps.className)
       });
+
       var formatParam = (0, _utils2.mapSchemaName)(_objectSpread(_objectSpread({}, otherProps), {}, {
         type: defaultType,
         component: component,
+        props: defaultProps,
         decorator: defaultDecorator,
         decoratorProps: defaultDecoratorProps,
         rules: defaultRules,

package/lib/form/SchemaForm/initializeDataSource.d.ts

@@ -6,6 +6,9 @@ interface IInitializeDataSource {
             [x: string]: any;
         };
         data?: any;
+        props?: {
+            [x: string]: any;
+        };
     };
 }
 declare const initializeDataSource: IInitializeDataSource;

package/lib/form/SchemaForm/initializeDataSource.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _utils = require("../utils");
+var _utils = require("@teamix/utils");
+
+var _utils2 = require("../utils");
 
 var initializeDataSource = function initializeDataSource(dataSource, suffix) {
   var _dataSource$extraConf;
 
-  var _initializeRequestExp = (0, _utils.initializeRequestExpression)(dataSource, '$dataSource', suffix),
+  var _initializeRequestExp = (0, _utils2.initializeRequestExpression)(dataSource, '$dataSource', suffix),
       expression = _initializeRequestExp.expression,
       scope = _initializeRequestExp.scope;
 
@@ -19,6 +21,12 @@ var initializeDataSource = function initializeDataSource(dataSource, suffix) {
     scope: scope,
     data: {
       readOnlyOnLoading: (dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$extraConf = dataSource.extraConfig) === null || _dataSource$extraConf === void 0 ? void 0 : _dataSource$extraConf.readOnly) !== false
+    },
+    props: {
+      className: 'teamix-test-request',
+      'data-teamix-test-request': "url=".concat(dataSource === null || dataSource === void 0 ? void 0 : dataSource.url, "&formatResult=").concat(!!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.formatResult)),
+      'data-teamix-test-params': (0, _utils.getTestRequestParams)(dataSource === null || dataSource === void 0 ? void 0 : dataSource.params),
+      'data-teamix-test-data': (0, _utils.getTestRequestData)('dataSource')
     }
   } : {
     reactions: [],

package/lib/form/SchemaForm/initializeFormButton.js

@@ -52,15 +52,14 @@ var initialize = function initialize(item) {
     return initializeButton(item);
   }
 
-  var commonMode = _objectSpread(_objectSpread({
-    title: ' '
-  }, item), {}, {
+  var commonMode = _objectSpread(_objectSpread({}, item), {}, {
     component: component,
     props: otherProps,
     decorator: 'FormButtonGroup.FormItem',
     decoratorProps: _objectSpread({
       inset: false,
-      fullness: true
+      fullness: true,
+      className: (0, _utils.cls)('teamix-button-group-item', decoratorProps === null || decoratorProps === void 0 ? void 0 : decoratorProps.className)
     }, decoratorProps)
   }); // 吸底模式
 

package/lib/index.d.ts

@@ -28,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.10";
+declare const version = "1.4.13";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -317,5 +317,5 @@ if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMI
   _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 }
 
-var version = '1.4.10';
+var version = '1.4.13';
 exports.version = version;

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

@@ -19,7 +19,7 @@ require("./index.scss");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var cls = (0, _utils.usePrefixCls)('teamix-pro-field-info-form-item');
+var cls = (0, _utils.usePrefixCls)('teamix-pro-info-item');
 var Row = _components.Grid.Row,
     Col = _components.Grid.Col;
 
@@ -30,7 +30,26 @@ var ProInfoItem = function ProInfoItem(prop) {
       headerInfoLayout = prop.headerInfoLayout,
       loading = prop.loading,
       tooltip = prop.tooltip,
-      tooltipIcon = prop.tooltipIcon;
+      tooltipIcon = prop.tooltipIcon,
+      valueType = prop.valueType,
+      render = prop.render,
+      alignItems = prop.alignItems; // 判断是否需要居中
+
+  var isAlignItemsCenter = function isAlignItemsCenter() {
+    if (typeof render !== 'function') {
+      var type = render === null || render === void 0 ? void 0 : render.type;
+
+      if (valueType === 'selectGroup') {
+        return true;
+      }
+
+      if (type === 'tag' || type === 'statusIconTag' || type === 'eventLevelTag' || type === 'warningLevelTag') {
+        return true;
+      }
+    }
+
+    return false;
+  };
 
   if (baseInfoLayout) {
     var labelCol = baseInfoLayout.labelCol,
@@ -39,7 +58,13 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('')
     }, /*#__PURE__*/_react.default.createElement(Row, {
       gutter: 10,
-      className: cls('base-row')
+      className: cls({
+        'base-row': true,
+        'base-row-center': isAlignItemsCenter()
+      }),
+      style: alignItems ? {
+        alignItems: alignItems
+      } : {}
     }, /*#__PURE__*/_react.default.createElement(Col, {
       span: labelCol === null || labelCol === void 0 ? void 0 : labelCol.span,
       className: cls('label')
@@ -63,7 +88,11 @@ var ProInfoItem = function ProInfoItem(prop) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls()
     }, /*#__PURE__*/_react.default.createElement(Row, {
-      className: cls('header-row')
+      className: cls({
+        'header-row': true,
+        'header-row-center': isAlignItemsCenter()
+      }),
+      style: {}
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: cls('header-label')
     }, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {

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

@@ -14,43 +14,50 @@ $header-text-size: var(--font-size-body-1, 12px);
 
 $item-padding-bottom: 8px;
 
-.teamix-pro-field-info-form-item {
+.teamix-pro-info-item {
   width: 100%;
   padding-bottom: $item-padding-bottom;
   &-header-row {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
+
+    &-center {
+      align-items: center;
+    }
   }
   &-base-row {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
+    &-center {
+      align-items: center;
+    }
   }
 }
 
-.teamix-pro-field-info-form-item-label {
+.teamix-pro-info-item-label {
   color: $label-color;
   font-size: $label-size;
   // font-weight: $label-weight;
   display: unset;
 }
 
-.teamix-pro-field-info-form-item-value {
+.teamix-pro-info-item-value {
   color: $text-color;
   font-size: $text-size;
-  display: unset;
+  //display: unset;
   width: 100%;
   padding-right: 20px;
 }
 
-.teamix-pro-field-info-form-item-header-label {
+.teamix-pro-info-item-header-label {
   color: $header-label-color;
   font-size: $header-label-size;
   // font-weight: $header-label-weight;
   display: inline-block;
-  white-space:nowrap;
+  white-space: nowrap;
 }
 
-.teamix-pro-field-info-form-item-header-value {
+.teamix-pro-info-item-header-value {
   color: $header-text-color;
   font-size: $header-text-size;
   display: inline-block;
@@ -58,9 +65,9 @@ $item-padding-bottom: 8px;
   padding-right: 20px;
 }
 
-.teamix-pro-field-info-form-item-base-skeleton-box {
+.teamix-pro-info-item-base-skeleton-box {
   width: 100%;
-  height: 100%;
+  height: 18px;
   display: flex;
   align-items: center;
   span {

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

@@ -97,7 +97,10 @@ var ProBaseInfo = function ProBaseInfo(props) {
         }),
         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
+        tooltipIcon: item.tooltipIcon,
+        render: item.render,
+        valueType: item.valueType,
+        alignItems: item.alignItems
       }));
     });
   };

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

@@ -1,3 +1,6 @@
 .teamix-pro-info {
   width: 100%;
-}
+}
+.teamix-pro-info-content-row {
+  align-items: flex-start;
+}

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

@@ -73,7 +73,10 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
         }),
         headerInfoLayout: layout !== null && layout !== void 0 ? layout : defaultLayout,
         tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon
+        tooltipIcon: item.tooltipIcon,
+        render: item.render,
+        valueType: item.valueType,
+        alignItems: item.alignItems
       }));
     });
   };

package/lib/info/components/headerInfo/index.scss

@@ -0,0 +1,3 @@
+.teamix-pro-info-content-row {
+  align-items: flex-start;
+}

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

@@ -21,6 +21,8 @@ var _2 = require("../../..");
 
 var _utils = require("../../utils");
 
+var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
+
 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); }
@@ -92,7 +94,7 @@ var ProTableInfo = function ProTableInfo(props) {
 
   var newDataSource = (0, _react.useMemo)(function () {
     var nResult = [];
-    var columnsCopy = JSON.parse(JSON.stringify(columns)); // 取当前行的数据。直到取完
+    var columnsCopy = (0, _lodash.default)(columns); // 取当前行的数据。直到取完
 
     while (columnsCopy.length > 0) {
       var filterColumns = [];

package/lib/info/index.js

@@ -199,8 +199,11 @@ var ProInfo = function ProInfo(props) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : ''),
-    style: style
+    style: style,
+    className: (0, _utils2.cls)('teamix-pro-info', className, 'teamix-test-request'),
+    "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
+    "data-teamix-test-params": (0, _utils2.getTestRequestParams)(params),
+    "data-teamix-test-data": (0, _utils2.getTestRequestData)(columns)
   }, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread(_objectSpread({
     compacted: true,
     hoveredShadow: false,