@teamix/pro 1.1.33 → 1.1.37

package/lib/actions/dialog-info.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useDialogInfoAction = useDialogInfoAction;
+
+var _dialog = _interopRequireDefault(require("./dialog"));
+
+var _ = require("..");
+
+var _excluded = ["schema"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
+
+function useDialogInfoAction(action, context) {
+  var schema = action.schema,
+      others = _objectWithoutProperties(action, _excluded);
+
+  return (0, _dialog.default)(Object.assign({
+    component: _.ProInfo,
+    closeable: true,
+    size: 'mini',
+    schema: Object.assign({
+      backgroundColor: 'grey',
+      compacted: false
+    }, schema)
+  }, others), context);
+}
+
+var _default = useDialogInfoAction;
+exports.default = _default;

package/lib/actions/dialog.d.ts

@@ -7,6 +7,8 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
     dialogType?: 'dialog' | 'drawer';
     dialogQuickShowType?: 'alert' | 'confirm';
     messageType?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    beforeContent?: React.ReactNode;
+    afterContent?: React.ReactNode;
 }
 export declare function useDialogAction(action: DialogAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/lib/actions/dialog.js

@@ -21,7 +21,7 @@ var _base = require("./base");
 var _request = require("./request");
 
 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 _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); }
 
@@ -96,6 +96,8 @@ function useDialogAction(action, context) {
         beforeRequest = _getTargetValue.beforeRequest,
         onTrigger = _getTargetValue.onTrigger,
         link = _getTargetValue.link,
+        beforeContent = _getTargetValue.beforeContent,
+        afterContent = _getTargetValue.afterContent,
         dialogOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
 
     var dialogMethod = dialogType === 'drawer' ? _components.Drawer : _components.Dialog;
@@ -171,13 +173,18 @@ function useDialogAction(action, context) {
     var dialogContext = Object.assign({}, context, {
       hide: hide
     });
+    var dialogContent = Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
+      key: (0, _utils.uuid)()
+    }, componentProps)) : addContextForReactNode(content, dialogContext);
     var ret = dialogMethod.show(_objectSpread(_objectSpread({
       // @ts-ignore
       onOk: onOk,
       title: addContextForReactNode(title, dialogContext),
-      content: Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
-        key: (0, _utils.uuid)()
-      }, componentProps)) : addContextForReactNode(content, dialogContext),
+      content: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, beforeContent && /*#__PURE__*/_react.default.createElement("div", {
+        className: "teamix-pro-dialog-before-content"
+      }, beforeContent), dialogContent, afterContent && /*#__PURE__*/_react.default.createElement("div", {
+        className: "teamix-pro-dialog-after-content"
+      }, afterContent)),
       closeable: !loading
     }, dialogProps), dialogOtherProps));
     store.hide = ret.hide;

package/lib/actions/drawer-info.d.ts

@@ -0,0 +1,6 @@
+import { DialogInfoAction } from './dialog-info';
+export declare type DrawerInfoAction = DialogInfoAction;
+export declare function useDrawerInfoAction(action: DrawerInfoAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+export default useDrawerInfoAction;

package/lib/actions/drawer-info.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useDrawerInfoAction = useDrawerInfoAction;
+
+var _dialogInfo = require("./dialog-info");
+
+function useDrawerInfoAction(action, context) {
+  return (0, _dialogInfo.useDialogInfoAction)(Object.assign({
+    dialogType: 'drawer'
+  }, action), context);
+}
+
+var _default = useDrawerInfoAction;
+exports.default = _default;

package/lib/actions/index.d.ts

@@ -10,17 +10,17 @@ import { NoticeAction } from './notice';
 import { ErrorAction } from './error';
 import { DialogFormAction } from './dialog-form';
 import { DialogTableAction } from './dialog-table';
+import { DialogInfoAction } from './dialog-info';
 import { DrawerAction } from './drawer';
 import { DrawerFormAction } from './drawer-form';
 import { DrawerTableAction } from './drawer-table';
+import { DrawerInfoAction } from './drawer-info';
 import './index.scss';
 export declare type ActionConfig = ({
     type: 'link';
 } & LinkAction) | ({
     type: 'request';
 } & RequestAction) | ({
-    type: 'dialog';
-} & DialogAction) | ({
     type: 'confirm';
 } & ConfirmAction) | ({
     type: 'danger-confirm';
@@ -29,16 +29,22 @@ export declare type ActionConfig = ({
 } & NoticeAction) | ({
     type: 'error';
 } & ErrorAction) | ({
+    type: 'dialog';
+} & DialogAction) | ({
     type: 'dialog-form';
 } & DialogFormAction) | ({
+    type: 'dialog-table';
+} & DialogTableAction) | ({
+    type: 'dialog-info';
+} & DialogInfoAction) | ({
     type: 'drawer';
 } & DrawerAction) | ({
     type: 'drawer-form';
 } & DrawerFormAction) | ({
-    type: 'dialog-table';
-} & DialogTableAction) | ({
     type: 'drawer-table';
-} & DrawerTableAction);
+} & DrawerTableAction) | ({
+    type: 'drawer-info';
+} & DrawerInfoAction);
 export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
 export declare const useAction: any;
 export interface IActionButton extends ButtonProps {

package/lib/actions/index.js

@@ -37,12 +37,16 @@ var _dialogForm = require("./dialog-form");
 
 var _dialogTable = require("./dialog-table");
 
+var _dialogInfo = require("./dialog-info");
+
 var _drawer = require("./drawer");
 
 var _drawerForm = require("./drawer-form");
 
 var _drawerTable = require("./drawer-table");
 
+var _drawerInfo = require("./drawer-info");
+
 require("./index.scss");
 
 var _excluded = ["type"],
@@ -131,6 +135,10 @@ var useAction = function useAction(config, context) {
     return (0, _dialogTable.useDialogTableAction)(others, context);
   }
 
+  if (type === 'dialog-info') {
+    return (0, _dialogInfo.useDialogInfoAction)(others, context);
+  }
+
   if (type === 'drawer') {
     return (0, _drawer.useDrawerAction)(others, context);
   }
@@ -143,6 +151,10 @@ var useAction = function useAction(config, context) {
     return (0, _drawerTable.useDrawerTableAction)(others, context);
   }
 
+  if (type === 'drawer-info') {
+    return (0, _drawerInfo.useDrawerInfoAction)(others, context);
+  }
+
   var registedAction = RegistedActions.get(type);
 
   if (!registedAction) {
@@ -197,33 +209,39 @@ var ActionButton = function ActionButton(props) {
 exports.ActionButton = ActionButton;
 
 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 = _objectWithoutProperties(_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.default.createElement(_components.MenuButton.Item, _objectSpread({
-    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.default.createElement(_components.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);
     }));
   }

package/lib/actions/index.scss

@@ -29,6 +29,14 @@
   }
 }
 
+.teamix-pro-dialog-before-content {
+  margin-bottom: var(--s-2);
+}
+
+.teamix-pro-dialog-after-content {
+  margin-top: var(--s-2);
+}
+
 .next-menu-divider + .next-menu-divider {
   display: none;
 }

package/lib/actions/link.js

@@ -8,6 +8,8 @@ exports.useLinkAction = useLinkAction;
 
 var _utils = require("@teamix/utils");
 
+var _reactRouterDom = require("react-router-dom");
+
 var _base = require("./base");
 
 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; }
@@ -17,19 +19,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 useLinkAction(action, context) {
-  var _getTargetValue = (0, _utils.getTargetValue)(action, context),
-      to = _getTargetValue.to,
-      search = _getTargetValue.search,
-      hash = _getTargetValue.hash,
-      blank = _getTargetValue.blank;
-
+  var history = (0, _reactRouterDom.useHistory)();
   return _objectSpread({}, (0, _base.eventHandler)(action, function () {
-    (0, _utils.goToLink)({
-      to: to,
-      search: search,
-      hash: hash,
-      blank: blank
-    });
+    var linkAction = (0, _utils.getTargetValue)(action, context);
+    (0, _utils.goToLink)(linkAction, history);
   }));
 }
 

package/lib/form/SchemaForm/reactions.js

@@ -16,6 +16,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, _utils.isFn)(beforeRequest) ? beforeRequest(field) : {};
@@ -29,8 +31,8 @@ var useRequest = function useRequest(requestConfig) {
       } : onSuccess
     }), {
       $self: field,
-      $form: field.form,
-      $values: field.form.values
+      $form: field === null || field === void 0 ? void 0 : field.form,
+      $values: field === null || field === void 0 ? void 0 : (_field$form = field.form) === null || _field$form === void 0 ? void 0 : _field$form.values
     });
   };
 }; // 配置校验

package/lib/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.1.32";
+declare const version = "1.1.35";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -251,5 +251,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // 设置图标源
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
-var version = '1.1.32';
+var version = '1.1.35';
 exports.version = version;

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

@@ -25,7 +25,7 @@ var _components = require("@alicloudfe/components");
 
 var _actions = require("../../../actions");
 
-var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef"];
+var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource"];
 
 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); }
 
@@ -33,6 +33,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -45,12 +59,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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; }
@@ -66,6 +74,7 @@ var InfoValueItem = function InfoValueItem(props) {
       infoItem = props.infoItem,
       record = props.record,
       actionRef = props.actionRef,
+      dataSource = props.dataSource,
       others = _objectWithoutProperties(props, _excluded);
 
   var dataIndex = infoItem.dataIndex,
@@ -79,28 +88,41 @@ 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 _processRenderFunctio;
+
     if (typeof render === 'function') {
       return render;
     }
 
-    return _objectSpread({
-      ellipsis: true,
-      emptyText: '-'
-    }, render);
+    var newRender = processBuriedPoint((_processRenderFunctio = processRenderFunction(render !== null && render !== void 0 ? render : {}, value, record)) !== null && _processRenderFunctio !== void 0 ? _processRenderFunctio : {}, value, record);
+    return newRender;
+  }; // 获取处理过的 dataSource
+
+
+  var getDataSource = function getDataSource() {
+    var newDataSource = null;
+
+    if (typeof dataSource === 'function') {
+      newDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource(value, record);
+    } else {
+      newDataSource = (dataSource !== null && dataSource !== void 0 ? dataSource : []).map(function (item) {
+        return Object.fromEntries(Object.entries(item).map(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+              k = _ref2[0],
+              v = _ref2[1];
+
+          return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+            record: record,
+            value: value
+          }))];
+        }));
+      });
+    }
+
+    return newDataSource;
   }; // 浮层的显隐状态
 
 
@@ -139,6 +161,64 @@ var InfoValueItem = function InfoValueItem(props) {
 
     return /*#__PURE__*/_react.default.createElement(_react.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 (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+          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 || v === void 0 ? void 0 : v.apply(void 0, [value, record].concat(others));
+          }];
+        }
+
+        return [k, (_v = v === null || v === void 0 ? void 0 : v(value, record)) !== null && _v !== void 0 ? _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(_toConsumableArray(Object.entries(render).map(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+          k = _ref6[0],
+          v = _ref6[1];
+
+      return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+        record: record,
+        value: value
+      }))];
+    }))));
+  }; // 重写编辑逻辑替代field原有逻辑
+
 
   if (isEdit) {
     // 渲染表单
@@ -220,7 +300,8 @@ var InfoValueItem = function InfoValueItem(props) {
     }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
       type: type,
       value: value,
-      render: getRender()
+      render: getRender(),
+      dataSource: getDataSource()
     }, others)), /*#__PURE__*/_react.default.createElement(_popConfirm.default, {
       visible: popConfirmVisible,
       content: renderContent(),
@@ -251,7 +332,8 @@ var InfoValueItem = function InfoValueItem(props) {
   }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
     type: type,
     value: value,
-    render: getRender()
+    render: getRender(),
+    dataSource: getDataSource()
   }, others)), renderAction(), extra && extra);
 };
 

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

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

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

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,16 +7,12 @@ exports.default = void 0;
 
 var _components = require("@alicloudfe/components");
 
-var _ = require("../../../");
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ProInfoItem = _interopRequireDefault(require("../ProInfoItem"));
 
 require("./index.scss");
 
-var _hooks = require("@teamix/hooks");
-
 var _utils = require("../../utils/utils");
 
 var _layout = _interopRequireDefault(require("../../utils/layout"));
@@ -27,43 +21,21 @@ var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
 
 var _utils2 = require("../../utils");
 
-var _excluded = ["header", "columns", "dataSource", "loading", "result", "actionRef", "className", "layout"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Row = _components.Grid.Row,
     Col = _components.Grid.Col;
 
 var ProBaseInfo = function ProBaseInfo(props) {
   var _size$width;
 
-  var header = props.header,
-      columns = props.columns,
+  var columns = props.columns,
       dataSource = props.dataSource,
       loading = props.loading,
       result = props.result,
       actionRef = props.actionRef,
-      className = props.className,
       layout = props.layout,
-      others = _objectWithoutProperties(props, _excluded);
-
-  var context = (0, _react.useContext)(_utils2.ProInfoGroupContext);
-  var ref = (0, _react.useRef)();
-  var size = context.visible ? context.size : (0, _hooks.useSize)(ref);
+      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)]; // 获取列的布局参数
 
@@ -108,17 +80,10 @@ var ProBaseInfo = function ProBaseInfo(props) {
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
-    ref: ref,
-    className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : '')
-  }, others), (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread({
-    compacted: true,
-    hoveredShadow: false,
-    bordered: false
-  }, header), /*#__PURE__*/_react.default.createElement(Row, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(Row, {
     wrap: true,
     className: "teamix-pro-info-content-row"
-  }, renderContent())));
+  }, renderContent()));
 };
 
 var _default = ProBaseInfo;

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

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