@teamix/pro 1.1.39 → 1.1.40

package/lib/form/index.js

@@ -6,15 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  formilyReact: true,
   createForm: true,
   registerRules: true,
   registerFormats: true,
   registerValidateLocale: true,
   setValidateLanguage: true,
   formilyCore: true,
-  FormConsumer: true,
-  useForm: true,
-  formilyReact: true,
   formilyReactive: true,
   FormDialog: true,
   FormDrawer: true,
@@ -22,7 +20,8 @@ var _exportNames = {
   FormTab: true,
   FormCollapse: true,
   formilyTeamix: true,
-  useFormDisplayValues: true,
+  FormConsumer: true,
+  useForm: true,
   AdvancedFilter: true,
   SimpleFilter: true,
   QueryFilter: true
@@ -42,7 +41,7 @@ Object.defineProperty(exports, "FormCollapse", {
 Object.defineProperty(exports, "FormConsumer", {
   enumerable: true,
   get: function get() {
-    return _formilyReact.FormConsumer;
+    return originalFormilyReact.FormConsumer;
   }
 });
 Object.defineProperty(exports, "FormDialog", {
@@ -115,13 +114,7 @@ Object.defineProperty(exports, "setValidateLanguage", {
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
   get: function get() {
-    return _formilyReact.useForm;
-  }
-});
-Object.defineProperty(exports, "useFormDisplayValues", {
-  enumerable: true,
-  get: function get() {
-    return _useFormDisplayValues.default;
+    return originalFormilyReact.useForm;
   }
 });
 
@@ -143,10 +136,6 @@ var _formilyCore = _interopRequireWildcard(require("@formily/core"));
 
 exports.formilyCore = _formilyCore;
 
-var _formilyReact = _interopRequireWildcard(require("@formily/react"));
-
-exports.formilyReact = _formilyReact;
-
 var _formilyReactive = _interopRequireWildcard(require("@formily/reactive"));
 
 exports.formilyReactive = _formilyReactive;
@@ -155,8 +144,12 @@ var _formilyTeamix = _interopRequireWildcard(require("@teamix/formily"));
 
 exports.formilyTeamix = _formilyTeamix;
 
+var originalFormilyReact = _interopRequireWildcard(require("@formily/react"));
+
 var _useFormDisplayValues = _interopRequireDefault(require("./ProForm/useFormDisplayValues"));
 
+var _useFieldRequest = _interopRequireDefault(require("./ProForm/useFieldRequest"));
+
 var _Filter = require("./Filter");
 
 var _ProForm = _interopRequireDefault(require("./ProForm"));
@@ -167,24 +160,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-/**
- * 导出ProForm的TS
- */
+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; }
 
-/**
- * 使用别名导出formily相关内容
- */
+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; }
 
-/**
- * 导出常用formily内容，需谨慎限制
- */
+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; }
 
-/**
- * 导出 Filter 组件
- */
+var formilyReact = _objectSpread(_objectSpread({}, originalFormilyReact), {}, {
+  useFieldRequest: _useFieldRequest.default,
+  useFormDisplayValues: _useFormDisplayValues.default
+});
 
-/**
- * 导出 ProForm 组件，支持快速搭建表单
- */
+exports.formilyReact = formilyReact;
 var _default = _ProForm.default;
 exports.default = _default;

package/lib/form/schemaNameMap.js

@@ -49,6 +49,9 @@ var schemaNameMap = [{
 }, {
   formily: 'enum',
   proForm: 'dataSource'
+}, {
+  formily: 'x-data',
+  proForm: 'data'
 }];
 var _default = schemaNameMap;
 exports.default = _default;

package/lib/form/typing.d.ts

@@ -2,33 +2,36 @@ import type { ReactNode } from 'react';
 import type { IFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
 import type { IFormLayoutProps } from '@teamix/formily';
 import { CommonRequestConfig } from '@teamix/utils';
-export interface anyObject {
+interface AnyObject {
     [propName: string]: any;
 }
 declare type FieldDisplayTypes = 'none' | 'hidden' | 'visible';
-export declare type IBaseComponent = 'Input' | 'Password' | 'TextArea' | 'NumberPicker' | 'Percent' | 'Money' | 'Select' | 'MultipleSelect' | 'TreeSelect' | 'Cascader' | 'MultipleCascader' | 'ArbitraryCascader' | 'Radio' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'DateTimePicker' | 'WeekPicker' | 'MonthPicker' | 'YearPicker' | 'QuarterPicker' | 'DateRangePicker' | 'TimeRangePicker' | 'DateTimeRangePicker' | 'WeekRangePicker' | 'MonthRangePicker' | 'YearRangePicker' | 'QuarterRangePicker' | 'Transfer' | 'Upload' | 'ColorPicker' | 'ColorRadio' | 'IconPicker' | 'JsonInput' | 'TagPicker' | 'MultipleTagPicker' | 'Range' | 'Search';
-export declare type IButtonComponent = 'Submit' | 'Reset';
-export declare type IComboComponent = 'ArrayCards' | 'ArrayCards.Addition' | 'ArrayCards.Remove' | 'ArrayCards.MoveUp' | 'ArrayCards.MoveDown' | 'ArrayCards.Index' | 'ArrayCollapse' | 'ArrayCollapse.CollapsePanel' | 'ArrayCollapse.Addition' | 'ArrayCollapse.Remove' | 'ArrayCollapse.MoveUp' | 'ArrayCollapse.MoveDown' | 'ArrayCollapse.Index' | 'ArrayTable' | 'ArrayTable.Column' | 'ArrayTable.SortHandle' | 'ArrayTable.Addition' | 'ArrayTable.Remove' | 'ArrayTable.MoveDown' | 'ArrayTable.MoveUp' | 'ArrayTable.Index' | 'ArrayItems' | 'ArrayItems.Item' | 'ArrayItems.SortHandle' | 'ArrayItems.Addition' | 'ArrayItems.Remove' | 'ArrayItems.MoveDown' | 'ArrayItems.MoveUp' | 'ArrayItems.Index' | 'Editable' | 'Editable.Popover' | 'Editable.Dialog' | 'Editable.Drawer';
-export declare type ILayoutComponent = 'FormFlex' | 'FormGrid' | 'FormGroup' | 'FormGroup.GroupPanel' | 'Search' | 'Search.SearchPanel' | 'FormTab' | 'FormTab.TabPane' | 'FormStep' | 'FormStep.StepPane' | 'FormCollapse' | 'FormCollapse.CollapsePanel' | 'FormButtonGroup' | 'FormDialog' | 'FormDrawer' | 'FormDialog.Footer' | 'FormDrawer.Footer';
-export interface IRequestConfig extends CommonRequestConfig {
+export interface ProFormInitializeItem {
+    (item: ProFormSchemaItem, props?: any): ProFormSchemaItem;
+}
+declare type IBaseComponent = 'Input' | 'Password' | 'TextArea' | 'NumberPicker' | 'Percent' | 'Money' | 'Select' | 'MultipleSelect' | 'TreeSelect' | 'Cascader' | 'MultipleCascader' | 'ArbitraryCascader' | 'Radio' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'DateTimePicker' | 'WeekPicker' | 'MonthPicker' | 'YearPicker' | 'QuarterPicker' | 'DateRangePicker' | 'TimeRangePicker' | 'DateTimeRangePicker' | 'WeekRangePicker' | 'MonthRangePicker' | 'YearRangePicker' | 'QuarterRangePicker' | 'Transfer' | 'Upload' | 'ColorPicker' | 'ColorRadio' | 'IconPicker' | 'JsonInput' | 'TagPicker' | 'MultipleTagPicker' | 'Range' | 'Search';
+declare type IButtonComponent = 'Submit' | 'Reset';
+declare type IComboComponent = 'ArrayCards' | 'ArrayCards.Addition' | 'ArrayCards.Remove' | 'ArrayCards.MoveUp' | 'ArrayCards.MoveDown' | 'ArrayCards.Index' | 'ArrayCollapse' | 'ArrayCollapse.CollapsePanel' | 'ArrayCollapse.Addition' | 'ArrayCollapse.Remove' | 'ArrayCollapse.MoveUp' | 'ArrayCollapse.MoveDown' | 'ArrayCollapse.Index' | 'ArrayTable' | 'ArrayTable.Column' | 'ArrayTable.SortHandle' | 'ArrayTable.Addition' | 'ArrayTable.Remove' | 'ArrayTable.MoveDown' | 'ArrayTable.MoveUp' | 'ArrayTable.Index' | 'ArrayItems' | 'ArrayItems.Item' | 'ArrayItems.SortHandle' | 'ArrayItems.Addition' | 'ArrayItems.Remove' | 'ArrayItems.MoveDown' | 'ArrayItems.MoveUp' | 'ArrayItems.Index' | 'Editable' | 'Editable.Popover' | 'Editable.Dialog' | 'Editable.Drawer';
+declare type ILayoutComponent = 'FormFlex' | 'FormGrid' | 'FormGroup' | 'FormGroup.GroupPanel' | 'Search' | 'Search.SearchPanel' | 'FormTab' | 'FormTab.TabPane' | 'FormStep' | 'FormStep.StepPane' | 'FormCollapse' | 'FormCollapse.CollapsePanel' | 'FormButtonGroup' | 'FormDialog' | 'FormDrawer' | 'FormDialog.Footer' | 'FormDrawer.Footer';
+export interface ProFormRequestConfig extends CommonRequestConfig {
     beforeRequest?: (field?: any) => any;
     onSuccess?: (res?: any, field?: any) => any;
     onComplete?: (res?: any, field?: any) => any;
 }
-export interface IFormSchemaItem {
+export interface ProFormSchemaItem {
     type?: string;
     name?: string;
     description?: React.ReactNode;
     title?: string;
     component?: IBaseComponent | IButtonComponent | IComboComponent | ILayoutComponent | 'ProField' | any;
-    props?: anyObject | any;
+    props?: AnyObject | any;
     decorator?: string | null;
-    decoratorProps?: anyObject;
-    dataSource?: any[] | IRequestConfig;
+    decoratorProps?: AnyObject;
+    dataSource?: any[] | string | ProFormRequestConfig;
     reactions?: any;
     rules?: any;
-    items?: IFormSchemaItem;
-    children?: IFormSchemaItem[];
+    items?: ProFormSchemaItem;
+    children?: ProFormSchemaItem[];
     content?: any;
     tooltip?: string;
     required?: boolean;
@@ -40,30 +43,50 @@ export interface IFormSchemaItem {
     readPretty?: boolean | string;
     pattern?: FieldPatternTypes;
     default?: any;
-    request?: IRequestConfig;
-}
-export declare type IFormSchema = IFormSchemaItem[];
-export interface IInitializeItem {
-    (item: IFormSchemaItem, props?: any): IFormSchemaItem;
+    request?: ProFormRequestConfig;
+    data?: AnyObject;
 }
-export interface IFormProps extends IFormLayoutProps {
+export declare type ProFormSchema = ProFormSchemaItem[];
+export interface ProFormProps extends IFormLayoutProps {
     form?: FormType | false;
-    schema: IFormSchema;
+    schema: ProFormSchema;
     scope?: any;
     components?: {
         [key: string]: React.FC | React.ComponentClass;
     };
     children?: React.ReactNode;
-    initialValues?: anyObject;
+    initialValues?: AnyObject;
     initialRequest?: CommonRequestConfig;
     previewTextPlaceholder?: ReactNode;
     onChange?: (values: any, displayValues?: any) => any;
     onSubmit?: ((values: any) => any) | CommonRequestConfig;
     onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
 }
-export interface IFilterProps extends IFormProps {
+export interface QueryFilterProps extends ProFormProps {
+    onFilter?: (values: any) => void;
+    onReset?: (payload?: any) => void;
+}
+/**
+ * 兼容性导出
+ */
+export interface IFilterProps extends ProFormProps {
     triggerType?: 'keydown' | 'change' | 'submit';
     onFilter?: (values: any) => void;
     onReset?: (payload?: any) => void;
 }
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormSchemaItem 代替
+ */
+export interface IFormSchemaItem extends ProFormSchemaItem {
+}
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormSchema 代替
+ */
+export interface IFormSchema extends ProFormSchema {
+}
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormProps 代替
+ */
+export interface IFormProps extends ProFormProps {
+}
 export {};

package/lib/form/utils.d.ts

@@ -12,6 +12,8 @@ declare const mapSize: (props: any, field: any) => any;
  * @returns 映射后的字段属性
  */
 declare const mapStatus: (props: any, field: any) => any;
+declare const mapDataSource: (props: any, field: any) => any;
+declare const mapMode: (props: any, field: any) => any;
 /**
  * 为未配置name的字段添加随机字段名称
  * @param prefix 随机字段名称前缀，默认为name
@@ -34,4 +36,4 @@ declare const mapSchemaName: (obj: any) => any;
  * @returns 合并数组或合并其他值
  */
 declare const mergeArrayValue: (arr: any[], v?: any) => any[];
-export { getRandomName, mapSize, mapStatus, mergeArrayValue, mapSchemaName };
+export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getRandomName, mapSchemaName, };

package/lib/form/utils.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mergeArrayValue = exports.mapStatus = exports.mapSize = exports.mapSchemaName = exports.getRandomName = void 0;
+exports.mergeArrayValue = exports.mapStatus = exports.mapSize = exports.mapSchemaName = exports.mapMode = exports.mapDataSource = exports.getRandomName = void 0;
+
+var _core = require("@formily/core");
 
 var _formily = require("@teamix/formily");
 
@@ -91,6 +93,46 @@ var mapStatus = function mapStatus(props, field) {
 
 exports.mapStatus = mapStatus;
 
+var patchDataSource = function patchDataSource() {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  var removeEmptyChildren = function removeEmptyChildren(data) {
+    var result = _objectSpread({}, data);
+
+    if (!result.children || result.children.length === 0) {
+      delete result.children;
+    } else {
+      result.children = result.children.map(removeEmptyChildren);
+    }
+
+    return result;
+  };
+
+  return dataSource.map(removeEmptyChildren);
+};
+
+var mapDataSource = function mapDataSource(props, field) {
+  var _props$dataSource;
+
+  if ((0, _core.isVoidField)(field)) {
+    return props;
+  }
+
+  return _objectSpread(_objectSpread({}, props), {}, {
+    dataSource: patchDataSource((_props$dataSource = props.dataSource) !== null && _props$dataSource !== void 0 ? _props$dataSource : field === null || field === void 0 ? void 0 : field.dataSource)
+  });
+};
+
+exports.mapDataSource = mapDataSource;
+
+var mapMode = function mapMode(props, field) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    mode: (field === null || field === void 0 ? void 0 : field.readPretty) ? 'read' : 'edit'
+  });
+};
+
+exports.mapMode = mapMode;
+
 var getRandomName = function getRandomName() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'name';
   return "".concat(prefix, "_").concat(Math.floor(Math.random() * Math.pow(10, 18)));

package/lib/form/warning.d.ts

@@ -1,3 +1,3 @@
-import type { IInitializeItem } from './typing';
-declare const warning: IInitializeItem;
+import type { ProFormInitializeItem } from './typing';
+declare const warning: ProFormInitializeItem;
 export default warning;

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.38";
+declare const version = "1.1.39";
 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.38';
+var version = '1.1.39';
 exports.version = version;

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,7 +152,7 @@ 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: {
@@ -331,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/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'] = {