@teamix/pro 1.1.37 → 1.2.0

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

@@ -15,37 +15,99 @@ var _hooks = require("@teamix/hooks");
 
 require("./index.scss");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ = _interopRequireDefault(require("../.."));
+
+var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor"];
+
+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 ProInfoGroup = function ProInfoGroup(props) {
   var children = props.children,
       url = props.url,
       method = props.method,
       params = props.params,
-      formatResult = props.formatResult;
+      formatResult = props.formatResult,
+      onSuccess = props.onSuccess,
+      onError = props.onError,
+      formatParams = props.formatParams,
+      beforeRequest = props.beforeRequest,
+      extendParams = props.extendParams,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$compacted = props.compacted,
+      compacted = _props$compacted === void 0 ? true : _props$compacted,
+      _props$divider = props.divider,
+      divider = _props$divider === void 0 ? true : _props$divider,
+      style = props.style,
+      _props$backgroundColo = props.backgroundColor,
+      backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
+      others = _objectWithoutProperties(props, _excluded);
+
   var ref = (0, _react.useRef)();
   var size = (0, _hooks.useSize)(ref);
-  return /*#__PURE__*/_react.default.createElement(_utils.ProInfoGroupContext.Provider, {
-    value: {
-      visible: true,
-      size: size,
-      url: url,
-      method: method,
-      params: params,
-      formatResult: formatResult
+  var infoType = 'infoDom';
+
+  if (Array.isArray(children)) {
+    if ( /*#__PURE__*/(0, _react.isValidElement)(children === null || children === void 0 ? void 0 : children[0])) {
+      infoType = 'infoDomGroup';
+    } else {
+      infoType = 'infoPropsGroup';
     }
+  }
+
+  var providerValue = {
+    visible: true,
+    size: size,
+    url: url,
+    method: method,
+    params: params,
+    formatResult: formatResult,
+    onSuccess: onSuccess,
+    onError: onError,
+    formatParams: formatParams,
+    beforeRequest: beforeRequest,
+    extendParams: extendParams
+  };
+  var proInfoClassName = (0, _classnames.default)({
+    'teamix-pro-info-group-item': true,
+    'teamix-pro-info-group-item-divider': divider
+  });
+  return /*#__PURE__*/_react.default.createElement(_utils.ProInfoGroupContext.Provider, {
+    value: providerValue
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "teamix-pro-info-group",
+    className: "teamix-pro-info-group ".concat(backgroundColor, " ").concat(className),
+    style: style,
     ref: ref
-  }, Array.isArray(children) && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
+  }, infoType === 'infoDomGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "teamix-pro-info-group-item",
+      className: proInfoClassName,
       key: index
     }, item);
-  })), !Array.isArray(children) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "teamix-pro-info-group-item"
+  })), infoType === 'infoPropsGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: proInfoClassName,
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_.default, _objectSpread({
+      compacted: compacted
+    }, item)));
+  })), infoType === 'infoDom' && /*#__PURE__*/_react.default.createElement("div", {
+    className: proInfoClassName
   }, children)));
 };
 

package/lib/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/lib/info/components/InfoValueItem/index.js

@@ -94,7 +94,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);
@@ -150,11 +152,14 @@ var InfoValueItem = function InfoValueItem(props) {
 
   var renderAction = function renderAction() {
     if (actions) {
-      return /*#__PURE__*/_react.default.createElement(_actions.ActionGroup, {
+      return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, {
         actions: actions,
         type: "text",
         style: {
           marginLeft: '8px'
+        },
+        context: {
+          record: record
         }
       });
     }
@@ -328,7 +333,7 @@ var InfoValueItem = function InfoValueItem(props) {
   }
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: cls()
+    className: cls('item-value')
   }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
     type: type,
     value: value,

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

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

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

@@ -49,7 +49,7 @@ var ProInfoItem = function ProInfoItem(prop) {
       className: cls('value')
     }, loading && /*#__PURE__*/_react.default.createElement("div", {
       className: cls('base-skeleton-box')
-    }, /*#__PURE__*/_react.default.createElement(_.BaseSkeleton.Info, null)), !loading && /*#__PURE__*/_react.default.createElement("div", null, value))));
+    }, /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/_react.default.createElement("div", null, value))));
   }
 
   if (headerInfoLayout) {
@@ -70,7 +70,7 @@ var ProInfoItem = function ProInfoItem(prop) {
       }
     }, loading && /*#__PURE__*/_react.default.createElement("div", {
       className: cls('base-skeleton-box')
-    }, /*#__PURE__*/_react.default.createElement(_.BaseSkeleton.Info, null)), !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value))));
+    }, /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.Info.Item, null)), !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value))));
   }
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);

package/lib/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/lib/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/lib/info/components/baseInfo/index.js

@@ -37,29 +37,48 @@ var ProBaseInfo = function ProBaseInfo(props) {
       layout = props.layout,
       size = props.size;
 
-  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() {
+  var getFormItemLayout = function getFormItemLayout(colspan) {
+    var formItemLayout = JSON.parse(JSON.stringify(defaultLayout.formItemLayout)); // 自定义布局
+
     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 : '',
@@ -73,7 +92,7 @@ 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
       }));

package/lib/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/lib/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/lib/info/components/tableInfo/index.js

@@ -128,7 +128,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.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_2.BaseSkeleton.Info, null), !loading && getInfoValueItem(item))), _data);
+        })), _defineProperty(_data, "value_".concat(index), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_2.ProSkeletonRaw.Info.Item, null), !loading && getInfoValueItem(item))), _data);
 
         if (item.colSpan) {
           data['formatter'] = {

package/lib/info/index.js

@@ -41,7 +41,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError", "className", "style", "columns", "layout", "dataSource"];
+var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -72,22 +72,30 @@ 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 _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,
       layout = props.layout,
       dataSource = props.dataSource,
+      userLoading = props.loading,
+      extra = props.extra,
       others = _objectWithoutProperties(props, _excluded);
 
   var _useContext = (0, _react.useContext)(_utils.ProInfoGroupContext),
@@ -96,62 +104,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 = (0, _react.useRef)();
-  var size = contextVisible ? contextSize : (0, _hooks.useSize)(ref); // 请求数据
+  var size = contextVisible ? contextSize : (0, _hooks.useSize)(ref);
 
   var _useState = (0, _react.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 (0, _utils2.getDeepValue)(formatResult.data, result);
-      } else {
-        return result;
-      }
-    }
-
-    return result;
-  };
+  var _useState3 = (0, _react.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);
+
   (0, _react.useEffect)(function () {
     if (url || contextUrl) {
       setLoading(false);
-      getData.run({});
+      request();
     } else {
       setLoading(false);
     }
-  }, []);
-  var getData = (0, _utils2.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 (0, _utils2.request)(params);
-    },
-    manual: true,
-    onSuccess: function onSuccess(result) {
-      props.onSuccess && props.onSuccess(result);
-    },
-    onError: function onError(error) {
+  }, []); // 获取数据
+
+  var request = function request() {
+    setLoading(true);
+    (0, _utils2.doCommonRequest)(requestConfig).then(function (resp) {
+      setData(resp);
+    }).finally(function () {
       setLoading(false);
-      _onError === null || _onError === void 0 ? void 0 : _onError(error);
-    }
-  });
+    });
+  };
+
   var actionRef = (0, _react.useRef)(); // 将 Actions 绑定到传入的 propsActionRef 中
 
   if (propsActionRef) {
@@ -161,39 +166,58 @@ var ProInfo = function ProInfo(props) {
 
   (0, _utils.useActionType)(actionRef, {
     refresh: function refresh() {
-      getData.run({});
+      request();
     }
   });
+
+  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 : 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({
+  }, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread(_objectSpread({
     compacted: true,
     hoveredShadow: false,
     bordered: false,
     backgroundColor: "transparent"
-  }, header), others), type === 'table' && /*#__PURE__*/_react.default.createElement(_tableInfo.default, {
+  }, header), others), {}, {
+    extra: getExtra()
+  }), type === 'table' && /*#__PURE__*/_react.default.createElement(_tableInfo.default, {
     dataSource: dataSource,
     columns: columns,
-    loading: loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout
   }), type === 'header' && /*#__PURE__*/_react.default.createElement(_headerInfo.default, {
     dataSource: dataSource,
     columns: columns,
     header: header,
-    loading: loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout,
     size: size
   }), type === 'base' && /*#__PURE__*/_react.default.createElement(_baseInfo.default, {
     dataSource: dataSource,
     columns: columns,
-    loading: loading || getData.loading,
-    result: getDataSource(getData.data),
+    loading: userLoading || loading,
+    result: data,
     actionRef: actionRef,
     layout: layout,
     size: size