@teamix/pro 1.1.34 → 1.1.35

package/dist/pro.js

@@ -58851,11 +58851,18 @@ function useDangerConfirmAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67096);
 /* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28653);
-var _excluded = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
+var _excluded = ["schema"],
+    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 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; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
 
 
 
@@ -58897,15 +58904,31 @@ function getDefaultFormPropsByDialogSize(size) {
   };
 }
 
+function getSchemaAndFormProps(schema, formProps) {
+  if (schema instanceof Array) {
+    return _objectSpread({
+      schema: schema
+    }, formProps);
+  }
+
+  var formSchema = schema;
+  return formSchema;
+}
+
 var DialogForm = function DialogForm(props) {
   var initialValues = props.initialValues,
       initialRequest = props.initialRequest,
-      schema = props.schema,
       _props$size = props.size,
       size = _props$size === void 0 ? 'small' : _props$size,
+      schema = props.schema,
       formProps = props.formProps,
       context = props.context,
       formRef = props.formRef;
+
+  var _getSchemaAndFormProp = getSchemaAndFormProps(schema, formProps),
+      formSchema = _getSchemaAndFormProp.schema,
+      others = _objectWithoutPropertiesLoose(_getSchemaAndFormProp, _excluded);
+
   var form = (0,_form__WEBPACK_IMPORTED_MODULE_3__/* .createForm */ .Np)({
     initialValues: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(initialValues, context)
   });
@@ -58935,8 +58958,8 @@ var DialogForm = function DialogForm(props) {
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, _extends({
     form: form,
-    schema: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(schema, context)
-  }, getDefaultFormPropsByDialogSize(size), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(formProps, context))));
+    schema: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(formSchema, context)
+  }, getDefaultFormPropsByDialogSize(size), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(others, context))));
 };
 
 function useDialogFormAction(action, context) {
@@ -58951,7 +58974,7 @@ function useDialogFormAction(action, context) {
       size = _action$size === void 0 ? 'small' : _action$size,
       _onFinish = action.onFinish,
       _onCancel = action.onCancel,
-      others = _objectWithoutPropertiesLoose(action, _excluded);
+      others = _objectWithoutPropertiesLoose(action, _excluded2);
 
   var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   return (0,_dialog__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(Object.assign({
@@ -58996,6 +59019,39 @@ function useDialogFormAction(action, context) {
 
 /***/ }),
 
+/***/ 71875:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "x": () => (/* binding */ useDialogInfoAction)
+/* harmony export */ });
+/* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28653);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42345);
+var _excluded = ["schema"];
+
+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; }
+
+
+
+function useDialogInfoAction(action, context) {
+  var schema = action.schema,
+      others = _objectWithoutPropertiesLoose(action, _excluded);
+
+  return (0,_dialog__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(Object.assign({
+    component: ___WEBPACK_IMPORTED_MODULE_1__.ProInfo,
+    closeable: true,
+    size: 'mini',
+    schema: Object.assign({
+      backgroundColor: 'grey',
+      compacted: false
+    }, schema)
+  }, others), context);
+}
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (useDialogInfoAction)));
+
+/***/ }),
+
 /***/ 29908:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -59036,7 +59092,7 @@ function useDialogTableAction(action, context) {
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54842);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67096);
 var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
-    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link"];
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -59101,6 +59157,8 @@ function useDialogAction(action, context) {
         beforeRequest = _getTargetValue.beforeRequest,
         onTrigger = _getTargetValue.onTrigger,
         link = _getTargetValue.link,
+        beforeContent = _getTargetValue.beforeContent,
+        afterContent = _getTargetValue.afterContent,
         dialogOtherProps = _objectWithoutPropertiesLoose(_getTargetValue, _excluded2);
 
     var dialogMethod = dialogType === 'drawer' ? _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Drawer : _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Dialog;
@@ -59176,13 +59234,18 @@ function useDialogAction(action, context) {
     var dialogContext = Object.assign({}, context, {
       hide: hide
     });
+    var dialogContent = Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({
+      key: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.uuid)()
+    }, componentProps)) : addContextForReactNode(content, dialogContext);
     var ret = dialogMethod.show(_objectSpread(_objectSpread({
       // @ts-ignore
       onOk: onOk,
       title: addContextForReactNode(title, dialogContext),
-      content: Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({
-        key: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.uuid)()
-      }, componentProps)) : addContextForReactNode(content, dialogContext),
+      content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, beforeContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: "teamix-pro-dialog-before-content"
+      }, beforeContent), dialogContent, afterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: "teamix-pro-dialog-after-content"
+      }, afterContent)),
       closeable: !loading
     }, dialogProps), dialogOtherProps));
     store.hide = ret.hide;
@@ -59210,6 +59273,24 @@ function useDrawerFormAction(action, context) {
 
 /***/ }),
 
+/***/ 19980:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "s": () => (/* binding */ useDrawerInfoAction)
+/* harmony export */ });
+/* harmony import */ var _dialog_info__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71875);
+
+function useDrawerInfoAction(action, context) {
+  return (0,_dialog_info__WEBPACK_IMPORTED_MODULE_0__/* .useDialogInfoAction */ .x)(Object.assign({
+    dialogType: 'drawer'
+  }, action), context);
+}
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (useDrawerInfoAction)));
+
+/***/ }),
+
 /***/ 67984:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -59298,9 +59379,11 @@ function useErrorAction(action, context) {
 /* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(13654);
 /* harmony import */ var _dialog_form__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(82982);
 /* harmony import */ var _dialog_table__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(29908);
-/* harmony import */ var _drawer__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(93655);
-/* harmony import */ var _drawer_form__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(91720);
-/* harmony import */ var _drawer_table__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(67984);
+/* harmony import */ var _dialog_info__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(71875);
+/* harmony import */ var _drawer__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(93655);
+/* harmony import */ var _drawer_form__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(91720);
+/* harmony import */ var _drawer_table__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(67984);
+/* harmony import */ var _drawer_info__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(19980);
 var _excluded = ["type"],
     _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "onClick"],
     _excluded3 = ["loading"],
@@ -59337,6 +59420,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+
 
 var RegistedActions = new Map();
 function registerActionHandler(id, extendActionId, defaultConfig) {
@@ -59389,16 +59474,24 @@ var useAction = function useAction(config, context) {
     return (0,_dialog_table__WEBPACK_IMPORTED_MODULE_13__/* .useDialogTableAction */ .F)(others, context);
   }
 
+  if (type === 'dialog-info') {
+    return (0,_dialog_info__WEBPACK_IMPORTED_MODULE_14__/* .useDialogInfoAction */ .x)(others, context);
+  }
+
   if (type === 'drawer') {
-    return (0,_drawer__WEBPACK_IMPORTED_MODULE_14__/* .useDrawerAction */ .T)(others, context);
+    return (0,_drawer__WEBPACK_IMPORTED_MODULE_15__/* .useDrawerAction */ .T)(others, context);
   }
 
   if (type === 'drawer-form') {
-    return (0,_drawer_form__WEBPACK_IMPORTED_MODULE_15__/* .useDrawerFormAction */ .R)(others, context);
+    return (0,_drawer_form__WEBPACK_IMPORTED_MODULE_16__/* .useDrawerFormAction */ .R)(others, context);
   }
 
   if (type === 'drawer-table') {
-    return (0,_drawer_table__WEBPACK_IMPORTED_MODULE_16__/* .useDrawerTableAction */ .d)(others, context);
+    return (0,_drawer_table__WEBPACK_IMPORTED_MODULE_17__/* .useDrawerTableAction */ .d)(others, context);
+  }
+
+  if (type === 'drawer-info') {
+    return (0,_drawer_info__WEBPACK_IMPORTED_MODULE_18__/* .useDrawerInfoAction */ .s)(others, context);
   }
 
   var registedAction = RegistedActions.get(type);
@@ -59451,33 +59544,39 @@ var ActionButton = function ActionButton(props) {
 };
 
 function renderMenuButtonItem(item, key, context) {
-  var menuItemActionConfig = Object.assign({}, item.config, {
+  var config = item.config,
+      btnContext = item.context,
+      _onClick2 = item.onClick,
+      children = item.children,
+      icon = item.icon,
+      disabled = item.disabled;
+  var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
 
-  var _useAction = useAction(menuItemActionConfig, item.context || context),
+  var _useAction = useAction(menuItemActionConfig, btnContext || context),
       loading = _useAction.loading,
       menuItemProps = _objectWithoutPropertiesLoose(_useAction, _excluded3);
 
-  var buttonProps = item.onClick ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
+  var buttonProps = _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
     onClick: function onClick(e) {
-      return item.onClick(e, context);
+      return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.MenuButton.Item, _extends({
-    key: key
-  }, buttonProps), buttonContent(item.children, item.icon, undefined, context));
+    key: key,
+    disabled: disabled
+  }, buttonProps), buttonContent(children, icon, undefined, context));
 }
 
 function renderCommonActionButtonMenuItem(action, key, context) {
-  // @ts-ignore
-  if (action.actions && action.actions.length) {
+  var menuBtn = action;
+
+  if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.SubMenu, {
       key: key,
-      label: // @ts-ignore
-      action.label || action.children
-    }, //@ts-ignore
-    action.actions.map(function (a, j) {
+      label: menuBtn.label || menuBtn.children
+    }, menuBtn.actions.map(function (a, j) {
       return renderCommonActionButtonMenuItem(a, j, context);
     }));
   }
@@ -59656,19 +59755,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 function useLinkAction(action, context) {
-  var _getTargetValue = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context),
-      to = _getTargetValue.to,
-      search = _getTargetValue.search,
-      hash = _getTargetValue.hash,
-      blank = _getTargetValue.blank;
-
+  var linkAction = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context);
   return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_1__/* .eventHandler */ .$)(action, function () {
-    (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)({
-      to: to,
-      search: search,
-      hash: hash,
-      blank: blank
-    });
+    (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)(linkAction);
   }));
 }
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (useLinkAction)));
@@ -62498,6 +62587,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 // 配置请求
 var useRequest = function useRequest(requestConfig) {
   return function (field) {
+    var _field$form;
+
     var beforeRequest = requestConfig.beforeRequest,
         onSuccess = requestConfig.onSuccess;
     var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field) : {};
@@ -62511,8 +62602,8 @@ var useRequest = function useRequest(requestConfig) {
       } : onSuccess
     }), {
       $self: field,
-      $form: field.form,
-      $values: field.form.values
+      $form: field == null ? void 0 : field.form,
+      $values: field == null ? void 0 : (_field$form = field.form) == null ? void 0 : _field$form.values
     });
   };
 }; // 配置校验
@@ -62968,9 +63059,185 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConf
 
 
 
-var version = '1.1.33';
+var version = '1.1.34';
 
 
+/***/ }),
+
+/***/ 8945:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ProInfoItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18676);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64466);
+/* harmony import */ var _utils_layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29370);
+/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80298);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
+
+
+
+
+
+
+
+
+var Row = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Row,
+    Col = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Col;
+
+var ProBaseInfo = function ProBaseInfo(props) {
+  var _size$width;
+
+  var columns = props.columns,
+      dataSource = props.dataSource,
+      loading = props.loading,
+      result = props.result,
+      actionRef = props.actionRef,
+      layout = props.layout,
+      size = props.size;
+  var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _size$width : 0)]; // 获取列的布局参数
+
+  var getFormItemLayout = function getFormItemLayout() {
+    if (layout) {
+      var _layout$labelCol, _layout$wrapperCol;
+
+      return {
+        labelCol: (_layout$labelCol = layout == null ? void 0 : layout.labelCol) != null ? _layout$labelCol : defaultLayout.formItemLayout.labelCol,
+        wrapperCol: (_layout$wrapperCol = layout == null ? void 0 : layout.wrapperCol) != null ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol
+      };
+    }
+
+    return defaultLayout.formItemLayout;
+  };
+
+  var renderContent = function renderContent() {
+    return columns.map(function (item, index) {
+      var _layout$span, _item$title, _item$valueType, _ref;
+
+      var span = item.colSpan ? defaultLayout.span * item.colSpan : defaultLayout.span;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Col, {
+        span: (_layout$span = layout == null ? void 0 : layout.span) != null ? _layout$span : span,
+        key: index
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ProInfoItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
+        loading: loading,
+        value: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
+          value: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref = dataSource != null ? dataSource : result) != null ? _ref : {}),
+          render: item.render,
+          dataSource: item.dataSource,
+          infoItem: item,
+          record: dataSource != null ? dataSource : result,
+          actionRef: actionRef
+        }),
+        baseInfoLayout: getFormItemLayout(),
+        tooltip: item.tooltip,
+        tooltipIcon: item.tooltipIcon
+      }));
+    });
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, (size == null ? void 0 : size.width) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Row, {
+    wrap: true,
+    className: "teamix-pro-info-content-row"
+  }, renderContent()));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProBaseInfo);
+
+/***/ }),
+
+/***/ 36080:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ProInfoItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18676);
+/* harmony import */ var _utils_layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29370);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64466);
+/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80298);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
+
+
+
+
+
+
+
+
+var Row = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Row,
+    Col = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Col;
+
+var ProHeaderInfo = function ProHeaderInfo(props) {
+  var _size$width;
+
+  var columns = props.columns,
+      dataSource = props.dataSource,
+      layout = props.layout,
+      loading = props.loading,
+      result = props.result,
+      actionRef = props.actionRef,
+      size = props.size;
+  var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _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.colNum) {
+        var _item$colSpan;
+
+        span = 24 / (layout == null ? void 0 : layout.colNum) * ((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 1);
+      } else {
+        var _item$colSpan2;
+
+        span = defaultLayout.span * ((_item$colSpan2 = item == null ? void 0 : item.colSpan) != null ? _item$colSpan2 : 1);
+      }
+
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Col, {
+        span: span,
+        key: index
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ProInfoItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
+        loading: loading,
+        value: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+          type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
+          value: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, dataSource != null ? dataSource : result),
+          render: item.render,
+          dataSource: item.dataSource,
+          infoItem: item,
+          record: dataSource != null ? dataSource : result,
+          actionRef: actionRef
+        }),
+        headerInfoLayout: layout != null ? layout : defaultLayout,
+        tooltip: item.tooltip,
+        tooltipIcon: item.tooltipIcon
+      }));
+    });
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, (size == null ? void 0 : size.width) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Row, {
+    wrap: true,
+    className: "teamix-pro-info-content-row"
+  }, renderContent()));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProHeaderInfo);
+
 /***/ }),
 
 /***/ 7703:
@@ -63040,7 +63307,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
-var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef"];
+var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -63072,6 +63339,7 @@ var InfoValueItem = function InfoValueItem(props) {
       infoItem = props.infoItem,
       record = props.record,
       actionRef = props.actionRef,
+      dataSource = props.dataSource,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var dataIndex = infoItem.dataIndex,
@@ -63085,28 +63353,39 @@ var InfoValueItem = function InfoValueItem(props) {
       _infoItem$successMess = infoItem.successMessage,
       successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
       actions = infoItem.actions,
-      extra = infoItem.extra; // 由info接管field中的value。重新实现
-  // let fieldRender = render;
-  // let newValue = value;
-  // if (render && typeof render !== 'function') {
-  //   const { value, ...others } = render;
-  //   fieldRender = others;
-  //   if (value) {
-  //     newValue = getTargetValue(`${value}`, { ...record, record });
-  //     console.log("newValue", newValue);
-  //   }
-  // }
-  // 获取render
+      extra = infoItem.extra; // 获取处理过的 render
 
   var getRender = function getRender() {
+    var _ref, _ref2;
+
     if (typeof render === 'function') {
       return render;
     }
 
-    return _objectSpread({
-      ellipsis: true,
-      emptyText: '-'
-    }, render);
+    var newRender = processBuriedPoint((_ref = processRenderFunction((_ref2 = render) != null ? _ref2 : {}, value, record)) != null ? _ref : {}, value, record);
+    return newRender;
+  }; // 获取处理过的 dataSource
+
+
+  var getDataSource = function getDataSource() {
+    var newDataSource = null;
+
+    if (typeof dataSource === 'function') {
+      newDataSource = dataSource == null ? void 0 : dataSource(value, record);
+    } else {
+      newDataSource = (dataSource != null ? dataSource : []).map(function (item) {
+        return Object.fromEntries(Object.entries(item).map(function (_ref3) {
+          var k = _ref3[0],
+              v = _ref3[1];
+          return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+            record: record,
+            value: value
+          }))];
+        }));
+      });
+    }
+
+    return newDataSource;
   }; // 浮层的显隐状态
 
 
@@ -63142,6 +63421,61 @@ var InfoValueItem = function InfoValueItem(props) {
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement((react__WEBPACK_IMPORTED_MODULE_4___default().Fragment), null);
   };
+  /**
+   * 处理 render 配置项是函数的情况
+   * @param render ProFieldRender
+   * @param value table cell value
+   * @param record table cell record
+   * @returns
+   */
+
+
+  var processRenderFunction = function processRenderFunction(render, value, record) {
+    var external = ['linkOnClick', 'link', 'value'];
+    return Object.fromEntries(Object.entries(render).map(function (_ref4) {
+      var k = _ref4[0],
+          v = _ref4[1];
+
+      if (typeof v === 'function') {
+        var _v;
+
+        if (external.includes(k)) {
+          return [k, function () {
+            for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
+              others[_key] = arguments[_key];
+            }
+
+            return v == null ? void 0 : v.apply(void 0, [value, record].concat(others));
+          }];
+        }
+
+        return [k, (_v = v == null ? void 0 : v(value, record)) != null ? _v : ''];
+      }
+
+      return [k, v];
+    }));
+  };
+  /**
+   * 处理 render 数据，取出 {{xxx}} 匹配值
+   * @param render ProFieldRender
+   * @param record table cell record
+   * @returns
+   */
+
+
+  var processBuriedPoint = function processBuriedPoint(render, value, record) {
+    return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
+    // emptyText 默认为 '-'
+    ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(Object.entries(render).map(function (_ref5) {
+      var k = _ref5[0],
+          v = _ref5[1];
+      return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+        record: record,
+        value: value
+      }))];
+    })));
+  }; // 重写编辑逻辑替代field原有逻辑
+
 
   if (isEdit) {
     // 渲染表单
@@ -63224,9 +63558,8 @@ var InfoValueItem = function InfoValueItem(props) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_field__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _extends({
       type: type,
       value: value,
-      render: getRender() // value={newValue}
-      // render={fieldRender}
-
+      render: getRender(),
+      dataSource: getDataSource()
     }, others)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_teamix_pop_confirm__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
       visible: popConfirmVisible,
       content: renderContent(),
@@ -63257,9 +63590,8 @@ var InfoValueItem = function InfoValueItem(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_field__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _extends({
     type: type,
     value: value,
-    render: getRender() // value={newValue}
-    // render={fieldRender}
-
+    render: getRender(),
+    dataSource: getDataSource()
   }, others)), renderAction(), extra && extra);
 };
 
@@ -63348,233 +63680,7 @@ var ProInfoItem = function ProInfoItem(prop) {
 
 /***/ }),
 
-/***/ 56730:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42345);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _ProInfoItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18676);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26245);
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64466);
-/* harmony import */ var _utils_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29370);
-/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80298);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90557);
-var _excluded = ["header", "columns", "dataSource", "loading", "result", "actionRef", "className", "layout"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Row,
-    Col = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Col;
-
-var ProBaseInfo = function ProBaseInfo(props) {
-  var _size$width;
-
-  var header = props.header,
-      columns = props.columns,
-      dataSource = props.dataSource,
-      loading = props.loading,
-      result = props.result,
-      actionRef = props.actionRef,
-      className = props.className,
-      layout = props.layout,
-      others = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var context = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_utils__WEBPACK_IMPORTED_MODULE_6__/* .ProInfoGroupContext */ .TH);
-  var ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var size = context.visible ? context.size : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(ref);
-  var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _size$width : 0)]; // 获取列的布局参数
-
-  var getFormItemLayout = function getFormItemLayout() {
-    if (layout) {
-      var _layout$labelCol, _layout$wrapperCol;
-
-      return {
-        labelCol: (_layout$labelCol = layout == null ? void 0 : layout.labelCol) != null ? _layout$labelCol : defaultLayout.formItemLayout.labelCol,
-        wrapperCol: (_layout$wrapperCol = layout == null ? void 0 : layout.wrapperCol) != null ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol
-      };
-    }
-
-    return defaultLayout.formItemLayout;
-  };
-
-  var renderContent = function renderContent() {
-    return columns.map(function (item, index) {
-      var _layout$span, _item$title, _item$valueType, _ref;
-
-      var span = item.colSpan ? defaultLayout.span * item.colSpan : defaultLayout.span;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Col, {
-        span: (_layout$span = layout == null ? void 0 : layout.span) != null ? _layout$span : span,
-        key: index
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ProInfoItem__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-        label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
-        loading: loading,
-        value: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-          type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
-          value: (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref = dataSource != null ? dataSource : result) != null ? _ref : {}),
-          render: item.render,
-          dataSource: item.dataSource,
-          infoItem: item,
-          record: dataSource != null ? dataSource : result,
-          actionRef: actionRef
-        }),
-        baseInfoLayout: getFormItemLayout(),
-        tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon
-      }));
-    });
-  };
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
-    ref: ref,
-    className: "teamix-pro-info " + (className != null ? className : '')
-  }, others), (size == null ? void 0 : size.width) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.ProCard, _extends({
-    compacted: true,
-    hoveredShadow: false,
-    bordered: false
-  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Row, {
-    wrap: true,
-    className: "teamix-pro-info-content-row"
-  }, renderContent())));
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProBaseInfo);
-
-/***/ }),
-
-/***/ 20093:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39465);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _ProInfoItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18676);
-/* harmony import */ var _utils_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29370);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26245);
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64466);
-/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80298);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90557);
-var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Grid.Row,
-    Col = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.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 = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var context = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_utils__WEBPACK_IMPORTED_MODULE_6__/* .ProInfoGroupContext */ .TH);
-  var ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var size = context.visible ? context.size : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(ref);
-  var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _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.colNum) {
-        var _item$colSpan;
-
-        span = 24 / (layout == null ? void 0 : layout.colNum) * ((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 1);
-      } else {
-        var _item$colSpan2;
-
-        span = defaultLayout.span * ((_item$colSpan2 = item == null ? void 0 : item.colSpan) != null ? _item$colSpan2 : 1);
-      }
-
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Col, {
-        span: span,
-        key: index
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ProInfoItem__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-        label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
-        loading: loading,
-        value: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-          type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
-          value: (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getDataIndexValue */ .vc)(item.dataIndex, dataSource != null ? dataSource : result),
-          render: item.render,
-          dataSource: item.dataSource,
-          infoItem: item,
-          record: dataSource != null ? dataSource : result,
-          actionRef: actionRef
-        }),
-        headerInfoLayout: layout != null ? layout : defaultLayout,
-        tooltip: item.tooltip,
-        tooltipIcon: item.tooltipIcon
-      }));
-    });
-  };
-
-  return (
-    /*#__PURE__*/
-    // TODO 优化透传方式
-    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
-      ref: ref,
-      className: "teamix-pro-info " + (className != null ? className : '')
-    }, others), (size == null ? void 0 : size.width) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_card__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _extends({
-      compacted: true,
-      hoveredShadow: false,
-      bordered: false
-    }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Row, {
-      wrap: true,
-      className: "teamix-pro-info-content-row"
-    }, renderContent())))
-  );
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProHeaderInfo);
-
-/***/ }),
-
-/***/ 13478:
+/***/ 12674:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -63585,24 +63691,16 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39465);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
-/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80298);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(42345);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90557);
-var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
+/* harmony import */ var _InfoValueItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80298);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42345);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
 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 _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; }
-
-
 
 
 
@@ -63613,17 +63711,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var ProTableInfo = function ProTableInfo(props) {
-  var header = props.header,
-      columns = props.columns,
+  var columns = props.columns,
       dataSource = props.dataSource,
       _props$layout = props.layout,
       layout = _props$layout === void 0 ? {} : _props$layout,
       loading = props.loading,
       result = props.result,
-      actionRef = props.actionRef,
-      className = props.className,
-      others = _objectWithoutPropertiesLoose(props, _excluded);
-
+      actionRef = props.actionRef;
   var _ref = layout,
       _ref$colNum = _ref.colNum,
       colNum = _ref$colNum === void 0 ? 2 : _ref$colNum,
@@ -63649,9 +63743,9 @@ var ProTableInfo = function ProTableInfo(props) {
   var getInfoValueItem = function getInfoValueItem(item) {
     var _item$valueType;
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
       type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
-      value: (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getDataIndexValue */ .vc)(item.dataIndex, dataSource != null ? dataSource : result),
+      value: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, dataSource != null ? dataSource : result),
       render: item.render,
       dataSource: item.dataSource,
       infoItem: item,
@@ -63696,11 +63790,11 @@ var ProTableInfo = function ProTableInfo(props) {
       var itemData = filterColumns.map(function (item, index) {
         var _item$title, _data;
 
-        var data = (_data = {}, _data["label_" + index] = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.LabelIconTip, {
+        var data = (_data = {}, _data["label_" + index] = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.LabelIconTip, {
           label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
           tooltip: item.tooltip,
           icon: item.tooltipIcon
-        }), _data["value_" + index] = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__.BaseSkeleton.Info, null), !loading && getInfoValueItem(item)), _data);
+        }), _data["value_" + index] = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__.BaseSkeleton.Info, null), !loading && getInfoValueItem(item)), _data);
 
         if (item.colSpan) {
           data['formatter'] = {
@@ -63754,20 +63848,14 @@ var ProTableInfo = function ProTableInfo(props) {
     }
   };
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
-    className: "teamix-pro-info " + className
-  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_card__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
-    compacted: true,
-    hoveredShadow: false,
-    bordered: false
-  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, {
     className: "teamix-pro-info-table",
     cellProps: setCellProps,
     columns: newColumns(),
     hasHeader: false,
     hasBorder: true,
     dataSource: newDataSource
-  })));
+  });
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTableInfo);
@@ -63783,13 +63871,15 @@ var ProTableInfo = function ProTableInfo(props) {
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _components_tableInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13478);
-/* harmony import */ var _components_headerInfo__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20093);
-/* harmony import */ var _components_baseInfo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56730);
+/* harmony import */ var _components_TableInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12674);
+/* harmony import */ var _components_HeaderInfo__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36080);
+/* harmony import */ var _components_BaseInfo__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8945);
 /* harmony import */ var _components_InfoGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7703);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80653);
-var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError"];
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26245);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42345);
+var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError", "className", "style", "columns", "layout", "dataSource"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -63805,8 +63895,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+
 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,
@@ -63816,15 +63909,25 @@ 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,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_utils__WEBPACK_IMPORTED_MODULE_5__/* .ProInfoGroupContext */ .TH),
       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__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var size = contextVisible ? contextSize : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(ref); // 请求数据
+
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
       setLoading = _useState[1]; // 获取数据
@@ -63886,31 +63989,40 @@ var ProInfo = function ProInfo(props) {
       getData.run({});
     }
   });
-
-  if (type === 'table') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_tableInfo__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _extends({}, others, {
-      header: header,
-      loading: loading || getData.loading,
-      result: getDataSource(getData.data),
-      actionRef: actionRef
-    }));
-  }
-
-  if (type === 'header') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_headerInfo__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({}, others, {
-      header: header,
-      loading: loading || getData.loading,
-      result: getDataSource(getData.data),
-      actionRef: actionRef
-    }));
-  }
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_baseInfo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({}, others, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    ref: ref,
+    className: "teamix-pro-info " + (className != null ? className : ''),
+    style: style
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_7__.ProCard, _extends({
+    compacted: true,
+    hoveredShadow: false,
+    bordered: false,
+    backgroundColor: "transparent"
+  }, header, others), type === 'table' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TableInfo__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+    dataSource: dataSource,
+    columns: columns,
+    loading: loading || getData.loading,
+    result: getDataSource(getData.data),
+    actionRef: actionRef,
+    layout: layout
+  }), type === 'header' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_HeaderInfo__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    dataSource: dataSource,
+    columns: columns,
     header: header,
     loading: loading || getData.loading,
     result: getDataSource(getData.data),
-    actionRef: actionRef
-  }));
+    actionRef: actionRef,
+    layout: layout,
+    size: size
+  }), type === 'base' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_BaseInfo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    dataSource: dataSource,
+    columns: columns,
+    loading: loading || getData.loading,
+    result: getDataSource(getData.data),
+    actionRef: actionRef,
+    layout: layout,
+    size: size
+  })));
 };
 
 ProInfo.Group = _components_InfoGroup__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z;
@@ -65717,7 +65829,7 @@ var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgro
 
   var isColorPresetColor = isPresetColor(color);
   var isBgColorPresetColor = isPresetColor(backgroundColor);
-  var className = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_classnames = {}, _classnames["" + cls("color-" + color)] = isColorPresetColor, _classnames["" + cls("color-bg-" + color)] = isBgColorPresetColor, _classnames["" + cls("bg-type-" + backgroundType)] = !!backgroundType, _classnames));
+  var className = classnames__WEBPACK_IMPORTED_MODULE_2___default()((_classnames = {}, _classnames["" + cls("color-" + color)] = isColorPresetColor, _classnames["" + cls("bg-color-" + backgroundColor)] = isBgColorPresetColor, _classnames["" + cls("bg-type-" + backgroundType)] = !!backgroundType, _classnames));
   var styleColor = isColorPresetColor ? undefined : color;
   var styleBgColor = isBgColorPresetColor ? undefined : backgroundColor;
   var style = {