@teamix/pro 1.1.39 → 1.1.40

package/es/info/components/InfoGroup/index.scss

@@ -1,14 +1,32 @@
 .teamix-pro-info-group {
   &-item {
+ 
     margin-top: 16px;
-    border-bottom: 1px solid var(--color-line1-1, #eaeaea);
-    margin-bottom: 16px;
+    margin-bottom: 0;
 
     .teamix-pro-info {
-      padding-bottom: 8px;
+      padding-bottom: 0;
+
+      .teamix-pro-card-content {
+        padding-bottom: calc(var(--card-body-padding-bottom, 16px) - 8px)
+      }
+      
+      .compacted {
+        margin-bottom: -8px;
+      }
+    }
+
+    &-divider {
+      border-bottom: 1px solid var(--color-line1-1, #eaeaea);
+      margin-bottom: 16px;
+      .teamix-pro-info {
+        padding-bottom: 16px;
+      }
     }
     
   }
+
+
   .teamix-pro-info-group-item:last-child {
     border-bottom: 0;
     margin-bottom: 0;
@@ -19,4 +37,28 @@
   .teamix-pro-info-group-item:first-child {
     margin-top: 0;
   }
+
+  &.blue {
+    background-color: var(--color-notice-1);
+  }
+
+  &.orange {
+    background-color: var(--color-warning-1);
+  }
+
+  &.yellow {
+    background-color: var(--color-help-1);
+  }
+
+  &.red {
+    background-color: var(--color-error-1);
+  }
+
+  &.green {
+    background-color: var(--color-success-1);
+  }
+
+  &.grey {
+    background-color: var(--color-fill1-2);
+  }
 }

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

@@ -38,7 +38,7 @@ import React, { useMemo, useState } from 'react';
 import './index.scss';
 import ProForm, { createForm, formilyReactive } from '../../../form';
 import { Message } from '@alicloudfe/components';
-import { ActionGroup } from '../../../actions';
+import { ProActionGroup } from '../../../actions';
 var cls = baseClass('teamix-pro-info');
 var toJS = formilyReactive.toJS;
 
@@ -70,7 +70,9 @@ var InfoValueItem = function InfoValueItem(props) {
     var _processRenderFunctio;
 
     if (typeof render === 'function') {
-      return render;
+      return function () {
+        render(value, record);
+      };
     }
 
     var newRender = processBuriedPoint((_processRenderFunctio = processRenderFunction(render !== null && render !== void 0 ? render : {}, value, record)) !== null && _processRenderFunctio !== void 0 ? _processRenderFunctio : {}, value, record);
@@ -126,7 +128,7 @@ var InfoValueItem = function InfoValueItem(props) {
 
   var renderAction = function renderAction() {
     if (actions) {
-      return /*#__PURE__*/React.createElement(ActionGroup, {
+      return /*#__PURE__*/React.createElement(ProActionGroup, {
         actions: actions,
         type: "text",
         style: {
@@ -306,7 +308,7 @@ var InfoValueItem = function InfoValueItem(props) {
   }
 
   return /*#__PURE__*/React.createElement("div", {
-    className: cls()
+    className: cls('item-value')
   }, /*#__PURE__*/React.createElement(ProField, _objectSpread({
     type: type,
     value: value,

package/es/info/components/InfoValueItem/index.scss

@@ -17,5 +17,9 @@
   }
 }
 .teamix-pro-info {
-  display: flex;
+  &-item-value {
+    display: flex;
+    align-items: center;
+  }
+  
 }

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

@@ -1,5 +1,5 @@
 import { Grid } from '@alicloudfe/components';
-import { BaseSkeleton } from '../../..';
+import { ProSkeletonRaw } from '../../..';
 import { baseClass, Ellipsis, LabelIconTip } from '@teamix/utils';
 import React from 'react';
 import './index.scss';
@@ -35,7 +35,7 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('value')
     }, loading && /*#__PURE__*/React.createElement("div", {
       className: cls('base-skeleton-box')
-    }, /*#__PURE__*/React.createElement(BaseSkeleton.Info, null)), !loading && /*#__PURE__*/React.createElement("div", null, value))));
+    }, /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/React.createElement("div", null, value))));
   }
 
   if (headerInfoLayout) {
@@ -56,7 +56,7 @@ var ProInfoItem = function ProInfoItem(prop) {
       }
     }, loading && /*#__PURE__*/React.createElement("div", {
       className: cls('base-skeleton-box')
-    }, /*#__PURE__*/React.createElement(BaseSkeleton.Info, null)), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, value))));
+    }, /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, value))));
   }
 
   return /*#__PURE__*/React.createElement(React.Fragment, null);

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

@@ -47,6 +47,7 @@ $item-padding-bottom: 8px;
   font-size: $header-text-size;
   display: inline-block;
   width: 100%;
+  padding-right: 20px;
 }
 
 .teamix-pro-field-info-form-item-base-skeleton-box {

package/es/info/components/baseInfo/index.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { ProInfoBaseProps, ProInfoTransparentBase } from '../../typing';
+import { ProInfoBaseProps, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
 import './index.scss';
-import { IUseInfoRequestResult } from '../../utils/useInfoRequest';
-declare type ProBaseInfoProps = ProInfoBaseProps & IUseInfoRequestResult & ProInfoTransparentBase & {
+declare type ProBaseInfoProps = ProInfoBaseProps & ProInfoTransRequestResult & ProInfoTransparentBase & {
     size?: any;
 };
 declare const ProBaseInfo: React.FC<ProBaseInfoProps>;

package/es/info/components/headerInfo/index.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { IProHeaderInfo, ProInfoTransparentBase } from '../../typing';
-import { IUseInfoRequestResult } from '../../utils/useInfoRequest';
+import { IProHeaderInfo, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
 import './index.scss';
-declare type ProHeaderInfoProps = IProHeaderInfo & IUseInfoRequestResult & ProInfoTransparentBase & {
+declare type ProHeaderInfoProps = IProHeaderInfo & ProInfoTransRequestResult & ProInfoTransparentBase & {
     size?: any;
 };
 declare const ProHeaderInfo: React.FC<ProHeaderInfoProps>;

package/es/info/components/tableInfo/index.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import './index.scss';
-import { IProTableInfo, ProInfoTransparentBase } from '../../typing';
+import { IProTableInfo, ProInfoTransparentBase, ProInfoTransRequestResult } from '../../typing';
 import './index.scss';
-import { IUseInfoRequestResult } from '../../utils/useInfoRequest';
-declare type ProTableInfoProps = IProTableInfo & IUseInfoRequestResult & ProInfoTransparentBase;
+declare type ProTableInfoProps = IProTableInfo & ProInfoTransRequestResult & ProInfoTransparentBase;
 declare const ProTableInfo: React.FC<ProTableInfoProps>;
 export default ProTableInfo;

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

@@ -22,7 +22,7 @@ import { Table } from '@alicloudfe/components';
 import './index.scss';
 import { LabelIconTip } from '@teamix/utils';
 import InfoValueItem from '../InfoValueItem';
-import { BaseSkeleton } from '../../..';
+import { ProSkeletonRaw } from '../../..';
 import { getDataIndexValue } from '../../utils';
 
 var ProTableInfo = function ProTableInfo(props) {
@@ -108,7 +108,7 @@ var ProTableInfo = function ProTableInfo(props) {
           label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
           tooltip: item.tooltip,
           icon: item.tooltipIcon
-        })), _defineProperty(_data, "value_".concat(index), /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(BaseSkeleton.Info, null), !loading && getInfoValueItem(item))), _data);
+        })), _defineProperty(_data, "value_".concat(index), /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.Info.Item, null), !loading && getInfoValueItem(item))), _data);
 
         if (item.colSpan) {
           data['formatter'] = {

package/es/info/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
+var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
 
 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; }
 
@@ -29,23 +29,29 @@ import ProBaseInfo from './components/baseInfo';
 import ProInfoGroup from './components/InfoGroup';
 import './index.scss';
 import { ProInfoGroupContext, useActionType } from './utils';
-import { getDeepValue, request as utilResquest, useRequest } from '@teamix/utils';
+import { doCommonRequest } from '@teamix/utils';
 import { useSize } from '@teamix/hooks';
 import { ProCard } from '..';
 export * from './typing';
 
 var ProInfo = function ProInfo(props) {
+  var _ref;
+
   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,
       formatResult = props.formatResult,
+      formatParams = props.formatParams,
       params = props.params,
       propsActionRef = props.actionRef,
       _props$header = props.header,
       header = _props$header === void 0 ? {} : _props$header,
-      _onError = props.onError,
+      onSuccess = props.onSuccess,
+      onError = props.onError,
+      beforeRequest = props.beforeRequest,
+      extendParams = props.extendParams,
       className = props.className,
       style = props.style,
       columns = props.columns,
@@ -61,62 +67,59 @@ var ProInfo = function ProInfo(props) {
       contextParams = _useContext.params,
       contextFormatResult = _useContext.formatResult,
       contextVisible = _useContext.visible,
-      contextSize = _useContext.size; // 获取容器宽度
+      contextSize = _useContext.size,
+      contextOnSuccess = _useContext.onSuccess,
+      contextOnError = _useContext.onError,
+      contextFormatParams = _useContext.formatParams,
+      contextBeforeRequest = _useContext.beforeRequest,
+      contextExtendParams = _useContext.extendParams; // 获取容器宽度
 
 
   var ref = useRef();
-  var size = contextVisible ? contextSize : useSize(ref); // 请求数据
+  var size = contextVisible ? contextSize : useSize(ref);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       loading = _useState2[0],
-      setLoading = _useState2[1]; // 获取数据
+      setLoading = _useState2[1]; // 请求数据
 
 
-  var getDataSource = function getDataSource(result) {
-    if (formatResult) {
-      if (typeof formatResult === 'function') {
-        return formatResult === null || formatResult === void 0 ? void 0 : formatResult(result);
-      } else if (formatResult) {
-        return getDeepValue(formatResult.data, result);
-      } else {
-        return result;
-      }
-    }
-
-    return result;
-  };
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      data = _useState4[0],
+      setData = _useState4[1];
 
   var requestDataKey = (contextMethod !== null && contextMethod !== void 0 ? contextMethod : method).toLowerCase() === 'get' ? 'params' : 'data';
+
+  var requestConfig = _defineProperty({
+    url: (_ref = contextUrl !== null && contextUrl !== void 0 ? contextUrl : url) !== null && _ref !== void 0 ? _ref : '',
+    method: contextMethod !== null && contextMethod !== void 0 ? contextMethod : method,
+    formatResult: contextFormatResult !== null && contextFormatResult !== void 0 ? contextFormatResult : formatResult,
+    onSuccess: contextOnSuccess !== null && contextOnSuccess !== void 0 ? contextOnSuccess : onSuccess,
+    onError: contextOnError !== null && contextOnError !== void 0 ? contextOnError : onError,
+    formatParams: contextFormatParams !== null && contextFormatParams !== void 0 ? contextFormatParams : formatParams,
+    beforeRequest: contextBeforeRequest !== null && contextBeforeRequest !== void 0 ? contextBeforeRequest : beforeRequest,
+    extendParams: contextExtendParams !== null && contextExtendParams !== void 0 ? contextExtendParams : extendParams
+  }, requestDataKey, contextParams !== null && contextParams !== void 0 ? contextParams : params);
+
   useEffect(function () {
     if (url || contextUrl) {
       setLoading(false);
-      getData.run({});
+      request();
     } else {
       setLoading(false);
     }
-  }, []);
-  var getData = useRequest(function (params) {
-    var _ref;
-
-    return _defineProperty({
-      url: (_ref = contextUrl !== null && contextUrl !== void 0 ? contextUrl : url) !== null && _ref !== void 0 ? _ref : '',
-      method: contextMethod !== null && contextMethod !== void 0 ? contextMethod : method
-    }, requestDataKey, contextParams !== null && contextParams !== void 0 ? contextParams : params);
-  }, {
-    // 使用 request 方法代替 fetch
-    requestMethod: function requestMethod(params) {
-      return utilResquest(params);
-    },
-    manual: true,
-    onSuccess: function onSuccess(result) {
-      props.onSuccess && props.onSuccess(result);
-    },
-    onError: function onError(error) {
+  }, []); // 获取数据
+
+  var request = function request() {
+    setLoading(true);
+    doCommonRequest(requestConfig).then(function (resp) {
+      setData(resp);
+    }).finally(function () {
       setLoading(false);
-      _onError === null || _onError === void 0 ? void 0 : _onError(error);
-    }
-  });
+    });
+  };
+
   var actionRef = useRef(); // 将 Actions 绑定到传入的 propsActionRef 中
 
   if (propsActionRef) {
@@ -126,7 +129,7 @@ var ProInfo = function ProInfo(props) {
 
   useActionType(actionRef, {
     refresh: function refresh() {
-      getData.run({});
+      request();
     }
   });
 
@@ -141,7 +144,7 @@ var ProInfo = function ProInfo(props) {
 
     return _objectSpread(_objectSpread({}, extra), {}, {
       context: {
-        record: dataSource !== null && dataSource !== void 0 ? dataSource : getDataSource(getData.data)
+        record: dataSource !== null && dataSource !== void 0 ? dataSource : data
       }
     });
   };
@@ -160,24 +163,24 @@ var ProInfo = function ProInfo(props) {
   }), type === 'table' && /*#__PURE__*/React.createElement(ProTableInfo, {
     dataSource: dataSource,
     columns: columns,
-    loading: userLoading || loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout
   }), type === 'header' && /*#__PURE__*/React.createElement(ProHeaderInfo, {
     dataSource: dataSource,
     columns: columns,
     header: header,
-    loading: userLoading || loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout,
     size: size
   }), type === 'base' && /*#__PURE__*/React.createElement(ProBaseInfo, {
     dataSource: dataSource,
     columns: columns,
-    loading: userLoading || loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout,
     size: size

package/es/info/typing.d.ts

@@ -1,18 +1,16 @@
-import { IProFieldFormatterProps, IProFieldOptionItem, IProFieldProps, IProFieldType } from '../field';
-import { ActionGroupProps, IActionButton } from '../actions';
+import { ProFieldRenderProps, ProFieldDataSourceItem, ProFieldProps, ProFieldType } from '../field';
+import { ActionGroupProps, ProActionButtonProps } from '../actions';
 import { Method } from 'axios';
 import React from 'react';
-import { CardProps } from '../card';
+import { CommonRequestConfig } from '@teamix/utils';
+import { ProCardProps } from '../card';
 /** 列record函数 */
 declare type ProInfoCellFunProp = (value: any, record: any) => any;
-declare type FieldRenderProps = keyof IProFieldFormatterProps;
+declare type FieldRenderProps = keyof ProFieldRenderProps;
 declare type ProInfoCellRender = {
-    [key in FieldRenderProps]?: IProFieldFormatterProps[key] | ProInfoCellFunProp;
+    [key in FieldRenderProps]?: ProFieldRenderProps[key] | ProInfoCellFunProp;
 } | ((...other: any) => React.ReactNode);
-/** ProInfoBaseProps info 基础定义 */
-export declare type ProInfoBaseProps = {
-    /** ProColums 定义，取代 Table 的 columns */
-    columns: ProInfoItemProps[];
+export declare type PropInfoRequestProps = {
     /** 请求地址 */
     url?: string;
     /** 请求方法 */
@@ -31,6 +29,13 @@ export declare type ProInfoBaseProps = {
     onSuccess?: (res: any) => void;
     /** 内部请求失败时的回调 */
     onError?: (error: Error) => void;
+};
+export interface ProInfoRequestProps extends Partial<CommonRequestConfig> {
+}
+/** ProInfoBaseProps info 基础定义 */
+export declare type ProInfoBaseProps = {
+    /** ProColums 定义，取代 Table 的 columns */
+    columns: ProInfoColumnsProps[];
     /** ProInfo action 的引用，便于手动触发一些方法  */
     actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
     /** 标题区 推荐将header中的内容平铺到ProCard中。即将不支持此写法 */
@@ -40,12 +45,13 @@ export declare type ProInfoBaseProps = {
         [key: string]: any;
     };
     /** 布局值 */
-    layout?: BaseInfoLayoutProps;
+    layout?: ProBaseInfoLayoutProps;
     /** 加载动画 */
     loading?: boolean;
-} & ProInfoHeaderProps;
-/** ProInfoItemProps info 单元格 定义 */
-export interface ProInfoItemProps {
+} & ProInfoHeaderProps & ProInfoRequestProps;
+/** ProInfoColumnsProps info 单元格 定义 */
+export declare type ProInfoItemProps = ProInfoColumnsProps;
+export interface ProInfoColumnsProps {
     /** 标题 */
     title: string;
     /** 列表项展示的Tooltip */
@@ -55,11 +61,11 @@ export interface ProInfoItemProps {
      */
     tooltipIcon?: React.ReactNode;
     /** 对应 ProField 里面的 type */
-    valueType?: IProFieldType;
+    valueType?: ProFieldType;
     /** 渲染单元格内容字段 */
     render?: ProInfoCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
+    dataSource?: ProFieldDataSourceItem[] | ProInfoCellFunProp;
     /** 表头的筛选菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean;
     /** 操作组配置 */
@@ -83,7 +89,7 @@ export interface ProInfoItemProps {
     /** 编辑请求成功提示文案 */
     successMessage?: string;
     /** 列 actions 配置 */
-    actions?: IActionButton[];
+    actions?: ProActionButtonProps[];
     /** 追加在列后 */
     extra?: React.ReactNode;
 }
@@ -98,31 +104,33 @@ export declare type IProProInfoItem = {
     /** 值 */
     value: React.ReactNode;
     /** 基础详情布局值 */
-    baseInfoLayout?: BaseInfoLayoutProps;
+    baseInfoLayout?: ProBaseInfoLayoutProps;
     /** 头部详情布局值 */
-    headerInfoLayout?: HeaderInfoLayoutProps;
+    headerInfoLayout?: ProHeaderInfoLayoutProps;
     /** loading 状态 */
     loading?: boolean;
-} & Pick<ProInfoItemProps, 'tooltip' | 'tooltipIcon'>;
+} & Pick<ProInfoColumnsProps, 'tooltip' | 'tooltipIcon'>;
 /** header info 定义 */
 export declare type IProHeaderInfo = {
     /** 布局值 */
-    layout?: HeaderInfoLayoutProps;
+    layout?: ProHeaderInfoLayoutProps;
 } & Omit<ProInfoBaseProps, 'layout'>;
 /** table info 定义 */
 export declare type IProTableInfo = {
     /** 布局值 */
     layout?: TableInfoLayoutProps;
 } & Omit<ProInfoBaseProps, 'layout'>;
+declare type ProInfoBasePropsOmitLayout = Omit<ProInfoBaseProps, 'layout'>;
 /** ProInfo */
 export declare type ProInfoProps = {
     /** 布局值 */
-    layout?: TableInfoLayoutProps | HeaderInfoLayoutProps | BaseInfoLayoutProps;
+    layout?: TableInfoLayoutProps | ProHeaderInfoLayoutProps | ProBaseInfoLayoutProps;
     /** 类型 */
     type?: 'base' | 'header' | 'table';
-} & Omit<ProInfoBaseProps, 'layout'> & ProInfoTransparentBase;
+} & ProInfoBasePropsOmitLayout & ProInfoTransparentBase;
 export declare type IProHeaderInfoItem = {};
-export declare type BaseInfoLayoutProps = {
+export declare type BaseInfoLayoutProps = ProBaseInfoLayoutProps;
+export declare type ProBaseInfoLayoutProps = {
     span?: number;
     labelCol?: {
         span: number;
@@ -131,7 +139,8 @@ export declare type BaseInfoLayoutProps = {
         span: number;
     };
 };
-export declare type HeaderInfoLayoutProps = {
+export declare type headerInfoLayout = ProHeaderInfoLayoutProps;
+export declare type ProHeaderInfoLayoutProps = {
     /** label 间隔 */
     labelGutter?: number | string;
     /** 列数 宽度 */
@@ -139,31 +148,33 @@ export declare type HeaderInfoLayoutProps = {
 };
 /** infoGroup */
 export declare type ProInfoGroupProps = {
-    children?: React.ReactNode[] | React.ReactNode;
-} & Pick<ProInfoBaseProps, 'params' | 'method' | 'url' | 'onSuccess' | 'onError' | 'formatResult'>;
-export declare type TableInfoLayoutProps = {} & HeaderInfoLayoutProps;
+    children?: React.ReactNode[] | React.ReactNode | ProInfoBaseProps[];
+    /** 是否有有分割线 */
+    divider?: boolean;
+    /** 是否是紧凑模式 */
+    compacted?: ProCardProps['compacted'];
+    /** 背景颜色 */
+    backgroundColor?: ProCardProps['backgroundColor'];
+} & ProInfoRequestProps & React.HTMLAttributes<HTMLElement>;
+export declare type TableInfoLayoutProps = {} & ProHeaderInfoLayoutProps;
 export declare type InfoValueItemProps = {
-    infoItem: ProInfoItemProps;
+    infoItem: ProInfoColumnsProps;
     record: any;
     actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
     render?: ProInfoCellRender;
-    dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
-} & Omit<IProFieldProps, 'render' | 'dataSource'>;
-export declare type ProInfoHeaderProps = Omit<CardProps, 'loading'>;
+    dataSource?: ProFieldDataSourceItem[] | ProInfoCellFunProp;
+} & Omit<ProFieldProps, 'render' | 'dataSource'>;
+export declare type ProInfoHeaderProps = Omit<ProCardProps, 'loading'>;
 /** ProInfoGroupContextProps */
 export declare type ProInfoGroupContextProps = {
     /** 因为其他数据都为异步。visible 只用作标识 */
     visible?: boolean;
     layout?: ProInfoBaseProps['layout'];
-    url?: ProInfoBaseProps['url'];
-    params?: ProInfoBaseProps['params'];
-    method?: ProInfoBaseProps['method'];
-    formatResult?: ProInfoBaseProps['formatResult'];
     size?: {
         width?: number;
         height?: number;
     };
-};
+} & ProInfoRequestProps;
 /** 基本透传类型 */
 export declare type ProInfoTransparentBase = {
     /**
@@ -183,4 +194,9 @@ export declare type ProInfoTransparentBase = {
     /** style */
     style?: React.CSSProperties;
 };
+export declare type ProInfoTransRequestResult = {
+    loading: boolean;
+    result: any;
+    refresh?: () => void;
+};
 export {};

package/es/info/utils/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProInfoActionType, ProInfoGroupContextProps, ProInfoItemProps } from '../typing';
+import { ProInfoActionType, ProInfoGroupContextProps, ProInfoColumnsProps } from '../typing';
 export declare function useActionType<T>(ref: React.MutableRefObject<ProInfoActionType | undefined>, action: ProInfoActionType): void;
 /** ProInfoGroupContext */
 export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps>;
@@ -9,4 +9,4 @@ export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps
  * @param dataSource
  * @returns
  */
-export declare function getDataIndexValue(dataIndex: ProInfoItemProps['dataIndex'], dataSource: object): any;
+export declare function getDataIndexValue(dataIndex: ProInfoColumnsProps['dataIndex'], dataSource: object): any;

package/es/info/utils/utils.d.ts

@@ -1 +1 @@
-export declare function getLayout(width: number): "l" | "xs" | "xl" | "s" | "m";
+export declare function getLayout(width: number): "xs" | "xl" | "l" | "s" | "m";

package/es/nocode/pages/renderer.js

@@ -37,7 +37,7 @@ import Helmet from 'react-helmet';
 import SVG from '@teamix/svg';
 import PageContainer from '../../page-container';
 import PageHeader from '../../page-header';
-import { BaseSkeleton } from '../../skeleton';
+import { ProSkeletonRaw } from '../../skeleton';
 import { baseClass } from '@teamix/utils';
 import { PageMap } from '.';
 var cls = baseClass('teamix-nocode');
@@ -49,7 +49,7 @@ var Loading = function Loading(props) {
       title: "",
       breadcrumb: []
     }),
-    content: /*#__PURE__*/React.createElement(BaseSkeleton.Content, null)
+    content: /*#__PURE__*/React.createElement(ProSkeletonRaw.Content, null)
   }, props));
 };