@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/lib/form/typing.d.ts

@@ -0,0 +1,192 @@
+import type { ReactNode } from 'react';
+import type { IFormFeedback as InnerFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
+import type { IFormLayoutProps } from '@teamix/formily';
+import type { CommonRequestConfig } from '@teamix/utils';
+import type { UrlStateOptions } from '@teamix/hooks';
+import React from 'react';
+interface AnyObject {
+    [propName: string]: any;
+}
+declare type FieldDisplayTypes = 'none' | 'hidden' | 'visible';
+export interface ProFormInitializeItem {
+    (item: ProFormSchemaItem, props?: any): ProFormSchemaItem;
+}
+/**
+ * ProForm 实例类型
+ */
+export declare type ProFormType = FormType;
+/**
+ * ProForm 反馈类型
+ */
+export declare type IFormFeedback = InnerFormFeedback;
+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' | 'SelectGroup' | 'SelectTable' | 'SelectTable.Column';
+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 ProFormCommonRequestConfig extends CommonRequestConfig {
+    beforeRequest?: (field?: any, context?: any) => any;
+    formatResult?: (res?: any, field?: any, context?: any) => any;
+    onSuccess?: (res?: any, field?: any, context?: any) => any;
+}
+export interface ProFormRequestConfig extends Omit<ProFormCommonRequestConfig, 'url'> {
+    url?: string;
+    customRequest?: (field?: any, context?: any) => Promise<any>;
+    extraConfig?: AnyObject;
+    onComplete?: (res?: any, field?: any, context?: any) => any;
+}
+export interface CascadeWhen {
+    left: string;
+    op: string;
+    right: any;
+}
+export interface Cascade {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    props?: any;
+    state?: any;
+    dataSourceFilter?: any[];
+    dataSourceHide?: any[];
+}
+export interface OnChange {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    values: any;
+}
+export interface ProFormSchemaItem {
+    type?: string;
+    name?: string;
+    description?: React.ReactNode;
+    title?: string;
+    component?: IBaseComponent | IButtonComponent | IComboComponent | ILayoutComponent | any;
+    props?: AnyObject | any;
+    decorator?: string | null;
+    decoratorProps?: AnyObject;
+    dataSource?: any[] | string | ProFormRequestConfig;
+    reactions?: any;
+    rules?: any;
+    items?: ProFormSchemaItem;
+    children?: ProFormSchemaItem[];
+    content?: any;
+    tooltip?: string;
+    required?: boolean;
+    display?: FieldDisplayTypes;
+    visible?: boolean | string;
+    hidden?: boolean | string;
+    disabled?: boolean | string;
+    readOnly?: boolean | string;
+    readPretty?: boolean | string;
+    pattern?: FieldPatternTypes;
+    default?: any;
+    request?: ProFormRequestConfig | ProFormRequestConfig[];
+    data?: AnyObject;
+    cascade?: Cascade[];
+    onChange?: OnChange[];
+}
+export declare type ProFormSchema = ProFormSchemaItem[];
+interface AutoLayout {
+    autoLabel?: boolean;
+}
+export interface ProFormProps extends Omit<IFormLayoutProps, 'breakpoints'> {
+    form?: FormType | false;
+    schema?: ProFormSchema;
+    scope?: any;
+    context?: any;
+    components?: {
+        [key: string]: React.FC | React.ComponentClass;
+    };
+    children?: React.ReactNode;
+    initialValues?: AnyObject;
+    initialRequest?: ProFormCommonRequestConfig;
+    previewTextPlaceholder?: ReactNode;
+    validateFirst?: boolean;
+    onChangeType?: 'form';
+    onChange?: (values: any, fieldValue?: any, fieldName?: any) => any;
+    onSubmit?: ((values: any) => any) | CommonRequestConfig;
+    onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
+    onInitialComplete?: (form: FormType) => void;
+    breakpoints?: number[] | boolean;
+    autoLayout?: AutoLayout | boolean;
+}
+export interface FilterProps extends ProFormProps {
+    form: FormType;
+    defaultFilterValue?: string;
+    filterValues?: string[];
+    activeFilterValueRef?: React.MutableRefObject<any>;
+    forceClear?: boolean;
+    onReset?: (payload?: any) => void;
+}
+export interface QueryFilterLayoutProps {
+    prefixCls?: string;
+    className?: string;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    inlineContent?: ReactNode;
+    panelContent?: ReactNode;
+    count?: number;
+    expand?: boolean;
+    onExpand?: (expand: boolean) => void;
+}
+export interface QueryFilterProps extends ProFormProps {
+    /**
+     * @deprecated triggerType已弃用
+     */
+    triggerType?: 'keydown' | 'change' | 'submit';
+    /** 表单展示形式 */
+    mode?: 'inline' | 'panel';
+    /** 面板模式下是否仅展示面板 */
+    purePanel?: boolean;
+    /** 面板是否默认展开，仅在 mode='panel' 时生效 */
+    expand?: boolean;
+    gridProps?: any;
+    /** 是否强制清除 */
+    forceClear?: boolean;
+    /** 顶部筛选区前缀 */
+    addonBefore?: ReactNode;
+    /** 顶部筛选区后缀 */
+    addonAfter?: ReactNode;
+    /** 顶部筛选区默认筛选项 */
+    defaultFilterValue?: string;
+    /** 顶部筛选区筛选项配置 */
+    filterValues?: string[];
+    /** 透出内部表单实例 */
+    formRef?: React.MutableRefObject<any>;
+    /** onChange事件的防抖时间 */
+    filterDebounce?: number;
+    /** 绑定URL参数 */
+    bindUrl?: boolean | UrlStateOptions;
+    /** 表单初始化（含异步默认值）后回调函数 */
+    onInit?: (values: any) => void;
+    /** 表单筛选回调函数 */
+    onFilter?: (values: any) => void;
+    /** 表单重置回调函数 */
+    onReset?: (payload?: any) => void;
+    /** 高级筛选按钮切换 */
+    onExpand?: (expand: boolean) => void;
+}
+/**
+ * 兼容性导出
+ */
+/**
+ * @deprecated 将在未来移除该组件，建议使用 QueryFilter 代替
+ */
+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/typing.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/form/utils.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 映射字段size，主要是default转medium
+ * @param props component的props
+ * @param field 当前字段实例
+ * @returns 映射后的字段属性
+ */
+declare const mapSize: (props: any, field: any) => any;
+/**
+ * 映射字段state
+ * @param props component的props
+ * @param field 当前字段实例
+ * @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;
+/**
+ * 创建字段名称
+ * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
+ * @param suffix 字段后缀，唯一标识
+ * @returns 字段唯一名称
+ */
+interface IGetFieldName {
+    (prefix: string, suffix?: string): string;
+}
+declare const getFieldName: IGetFieldName;
+/**
+ * 将ProForm的key映射为formily的key，然后筛除掉无效的key/value
+ * @param obj
+ * @returns
+ */
+declare const mapSchemaName: (obj: any) => any;
+/**
+ * 合并数组或非数组，不移除无效值
+ * @param arr 数组
+ * @param v 数组或其他
+ * @returns 合并数组或合并其他值
+ */
+declare const mergeArrayValue: (arr: any[], v?: any) => any[];
+/**
+ * 初始化请求配置为表达式
+ * @param config 请求配置
+ * @param suffix scope名称后缀
+ * @returns 表达式和scope上下文
+ */
+declare const initializeRequestExpression: (config?: any, mode?: string | undefined, suffix?: string | undefined) => {
+    expression: string;
+    scope: {
+        [x: string]: object;
+    };
+} | {
+    expression?: undefined;
+    scope?: undefined;
+};
+export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getFieldName, mapSchemaName, initializeRequestExpression, };

package/lib/form/utils.js

@@ -139,13 +139,6 @@ var mapMode = function mapMode(props, field) {
     mode: (field === null || field === void 0 ? void 0 : field.readPretty) ? 'read' : 'edit'
   });
 };
-/**
- * 创建字段名称
- * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
- * @param suffix 字段后缀，唯一标识
- * @returns 字段唯一名称
- */
-
 
 exports.mapMode = mapMode;
 

package/lib/form/warning.d.ts

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

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import * as hooks from '@teamix/hooks';
+export default hooks;

package/lib/index-without-icon.d.ts

@@ -0,0 +1,32 @@
+import ProAction from './actions';
+import ProCard from './card';
+import ProField from './field';
+import ProForm from './form';
+import hooks from './hooks';
+import ProInfo from './info';
+import ProPageContainer from './page-container';
+import ProPageHeader from './page-header';
+import ProTable from './table';
+import ProSkeleton from './skeleton';
+import utils from './utils';
+import ProSidebar from './sidebar';
+import { ProTimeline } from './timeline';
+import * as nocode from './nocode';
+import * as templates from './templates';
+import TeamixIcon from '@teamix/icon';
+import './global.scss';
+export * from './actions';
+export * from './card';
+export * from './field';
+export * from './form';
+export * from './info';
+export * from './nocode';
+export * from './page-container';
+export * from './page-header';
+export * from './skeleton';
+export * from './table';
+export * from './sidebar';
+export * from './utils';
+export * from './timeline';
+declare const version = "1.4.7";
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/lib/index.d.ts

@@ -0,0 +1,32 @@
+import ProAction from './actions';
+import ProCard from './card';
+import ProField from './field';
+import ProForm from './form';
+import hooks from './hooks';
+import ProInfo from './info';
+import ProPageContainer from './page-container';
+import ProPageHeader from './page-header';
+import ProTable from './table';
+import ProSkeleton from './skeleton';
+import utils from './utils';
+import ProSidebar from './sidebar';
+import { ProTimeline } from './timeline';
+import * as nocode from './nocode';
+import * as templates from './templates';
+import TeamixIcon from '@teamix/icon';
+import './global.scss';
+export * from './actions';
+export * from './card';
+export * from './field';
+export * from './form';
+export * from './info';
+export * from './nocode';
+export * from './page-container';
+export * from './page-header';
+export * from './skeleton';
+export * from './table';
+export * from './sidebar';
+export * from './utils';
+export * from './timeline';
+declare const version = "1.5.1";
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -318,5 +318,5 @@ if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMI
   _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 }
 
-var version = '1.5.1-aplha.0';
+var version = '1.5.1';
 exports.version = version;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProInfoGroupProps } from '../../typing';
+import './index.scss';
+declare const ProInfoGroup: React.FC<ProInfoGroupProps>;
+export default ProInfoGroup;

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

@@ -27,7 +27,11 @@ 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; }
 
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
 
@@ -102,7 +106,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: proInfoClassName,
       key: index
-    }, /*#__PURE__*/_react.default.createElement(_.default, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_.default, _objectSpread({
       compacted: compacted
     }, item)));
   })), infoType === 'infoDom' && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+import { InfoValueItemProps } from '../../typing';
+declare const InfoValueItem: React.FC<InfoValueItemProps>;
+export default InfoValueItem;

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

@@ -33,8 +33,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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."); }
@@ -107,7 +105,7 @@ var InfoValueItem = function InfoValueItem(props) {
 
 
   var getRender = function getRender() {
-    var _ref, _ref2;
+    var _processRenderFunctio;
 
     if (typeof render === 'function') {
       return function () {
@@ -115,7 +113,7 @@ var InfoValueItem = function InfoValueItem(props) {
       };
     }
 
-    var newRender = processBuriedPoint((_ref = processRenderFunction((_ref2 = render) !== null && _ref2 !== void 0 ? _ref2 : {}, value, record)) !== null && _ref !== void 0 ? _ref : {}, value, record);
+    var newRender = processBuriedPoint((_processRenderFunctio = processRenderFunction(render !== null && render !== void 0 ? render : {}, value, record)) !== null && _processRenderFunctio !== void 0 ? _processRenderFunctio : {}, value, record);
 
     if (valueType === 'selectGroup') {
       newRender = _objectSpread(_objectSpread({
@@ -151,10 +149,10 @@ var InfoValueItem = function InfoValueItem(props) {
       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 (_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2),
-              k = _ref4[0],
-              v = _ref4[1];
+        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), {}, {
             value: value
@@ -214,10 +212,10 @@ var InfoValueItem = function InfoValueItem(props) {
 
   var processRenderFunction = function processRenderFunction(render, value, record) {
     var external = ['linkOnClick', 'link', 'value'];
-    return Object.fromEntries(Object.entries(render).map(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-          k = _ref6[0],
-          v = _ref6[1];
+    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;
@@ -249,10 +247,10 @@ var InfoValueItem = function InfoValueItem(props) {
   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 (_ref7) {
-      var _ref8 = _slicedToArray(_ref7, 2),
-          k = _ref8[0],
-          v = _ref8[1];
+    ['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,
@@ -265,7 +263,7 @@ var InfoValueItem = function InfoValueItem(props) {
   if (getInfoItemProps(isEdit)) {
     // 渲染表单
     var renderContent = function renderContent() {
-      return /*#__PURE__*/_react.default.createElement(_form.default, _extends({
+      return /*#__PURE__*/_react.default.createElement(_form.default, _objectSpread({
         schema: [{
           name: dataIndex,
           component: 'Input',
@@ -339,12 +337,12 @@ var InfoValueItem = function InfoValueItem(props) {
       onMouseLeave: function onMouseLeave() {
         setEditVisible(false);
       }
-    }, /*#__PURE__*/_react.default.createElement(_field.default, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread(_objectSpread({
       type: type,
       value: value,
       render: getRender(),
       dataSource: getDataSource()
-    }, others, getFieldProps())), /*#__PURE__*/_react.default.createElement(_popConfirm.default, {
+    }, others), getFieldProps())), /*#__PURE__*/_react.default.createElement(_popConfirm.default, {
       visible: popConfirmVisible,
       content: renderContent(),
       triggerType: "click",
@@ -357,8 +355,8 @@ var InfoValueItem = function InfoValueItem(props) {
       trigger: /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "edit-line",
         size: "small",
-        className: cls('edit-icon') // 这里使用 opacity 是为了占位
-        ,
+        className: cls('edit-icon'),
+        // 这里使用 opacity 是为了占位
         style: {
           opacity: editVisible || popConfirmVisible ? 1 : 0
         },
@@ -371,12 +369,12 @@ var InfoValueItem = function InfoValueItem(props) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cls('item-value')
-  }, /*#__PURE__*/_react.default.createElement(_field.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread(_objectSpread({
     type: type,
     value: value,
     render: getRender(),
     dataSource: getDataSource()
-  }, others, getFieldProps())), renderAction(), extra && extra);
+  }, others), getFieldProps())), renderAction(), extra && extra);
 };
 
 var _default = InfoValueItem;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IProProInfoItem } from '../../typing';
+import './index.scss';
+declare const ProInfoItem: React.FC<IProProInfoItem>;
+export default ProInfoItem;

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

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

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

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

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

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

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

@@ -56,11 +56,10 @@ var ProTableInfo = function ProTableInfo(props) {
       result = props.result,
       actionRef = props.actionRef,
       context = props.context;
-  var _ref = layout,
-      _ref$colNum = _ref.colNum,
-      colNum = _ref$colNum === void 0 ? 2 : _ref$colNum,
-      _ref$labelGutter = _ref.labelGutter,
-      labelGutter = _ref$labelGutter === void 0 ? '80px' : _ref$labelGutter;
+  var _layout$colNum = layout.colNum,
+      colNum = _layout$colNum === void 0 ? 2 : _layout$colNum,
+      _layout$labelGutter = layout.labelGutter,
+      labelGutter = _layout$labelGutter === void 0 ? '80px' : _layout$labelGutter;
 
   var getNewColumns = function getNewColumns() {
     // 需要 fill 填充 否则有可能不执行

package/lib/info/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.scss';
+import { ProInfoProps } from './typing';
+export * from './typing';
+declare const ProInfo: {
+    (props: ProInfoProps): JSX.Element;
+    Group: React.FC<import("./typing").ProInfoGroupProps>;
+    ProInfoGroup: React.FC<import("./typing").ProInfoGroupProps>;
+};
+export default ProInfo;

package/lib/info/index.js

@@ -50,8 +50,6 @@ 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; }
 
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -190,10 +188,9 @@ var ProInfo = function ProInfo(props) {
       return extra;
     }
 
-    var _ref2 = extra,
-        _ref2$context = _ref2.context,
-        actionContext = _ref2$context === void 0 ? {} : _ref2$context,
-        others = _objectWithoutProperties(_ref2, _excluded2);
+    var _extra$context = extra.context,
+        actionContext = _extra$context === void 0 ? {} : _extra$context,
+        others = _objectWithoutProperties(extra, _excluded2);
 
     return _objectSpread(_objectSpread({}, others), {}, {
       context: _objectSpread(_objectSpread({}, context), actionContext)
@@ -207,12 +204,12 @@ var ProInfo = function ProInfo(props) {
     "data-teamix-test-request": "url=".concat(url, "&formatResult=").concat(!!formatResult),
     "data-teamix-test-params": (0, _utils2.getTestRequestParams)(params),
     "data-teamix-test-data": (0, _utils2.getTestRequestData)(columns)
-  }, /*#__PURE__*/_react.default.createElement(_.ProCard, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread(_objectSpread({
     compacted: true,
     hoveredShadow: false,
     bordered: false,
     backgroundColor: "transparent"
-  }, header, others, {
+  }, header), others), {}, {
     extra: getExtra()
   }), type === 'table' && /*#__PURE__*/_react.default.createElement(_tableInfo.default, {
     dataSource: dataSource,