@teamix/pro 1.1.39 → 1.1.40

package/es/table/typing.d.ts

@@ -2,19 +2,19 @@
  * ProTable 类型定义
  */
 import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
-import { IProFieldType, IProFieldFormatterProps, IProFieldOptionItem } from '../field';
+import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
 import { IFilterProps } from '../form';
-import { ActionGroupProps, IActionButton } from '../actions';
+import { ActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '@teamix/utils';
 import { Method } from 'axios';
 import React from 'react';
 import type { Form as FormType } from '@formily/core';
-declare type IFieldRenderProps = keyof IProFieldFormatterProps;
+declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any) => any;
 declare type ITableCellRender = {
-    [key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ProTableCellFunProp;
+    [key in IFieldRenderProps]?: ProFieldRenderProps[key] | ProTableCellFunProp;
 } | ((...other: any) => React.ReactNode);
 declare type TDataService = {
     /** 翻页器总数 */
@@ -22,7 +22,7 @@ declare type TDataService = {
     /** 表格数据 */
     data?: any;
 };
-export declare type ProColumnProps = {
+export declare type ProTableColumnProps = {
     /**
      * 会在 title 之后展示一个 icon，hover 之后提示一些信息
      */
@@ -32,7 +32,7 @@ export declare type ProColumnProps = {
      */
     tooltipIcon?: React.ReactNode;
     /** 对应 ProField 里面的 type */
-    valueType?: IProFieldType;
+    valueType?: ProFieldType;
     /** 【列配置】是否默认隐藏列 */
     columnFilters?: boolean;
     /** 【列配置】是否禁用隐藏列 */
@@ -40,7 +40,7 @@ export declare type ProColumnProps = {
     /** 渲染单元格内容字段 */
     render?: ITableCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[] | ProTableCellFunProp;
+    dataSource?: ProFieldDataSourceItem[] | ProTableCellFunProp;
     /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean | ProTableColumnsFilterItemProps[];
     /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
@@ -56,9 +56,10 @@ export declare type ProColumnProps = {
     /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
     format?: string;
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
+export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
     /** ProColums 定义，取代 Table 的 columns */
-    columns: ProColumnProps[];
+    columns: ProTableColumnProps[];
     /** 请求地址 */
     url?: string;
     /** 请求方法 */
@@ -163,7 +164,15 @@ export declare type ProTableActionType = {
         current?: number;
         /** 每页数据量 */
         pageSize?: number;
+        /** 翻页页数的请求参数名*/
+        targetPageKey?: string;
+        /** 翻页单页数量的请求参数名 */
+        targetPageSizeKey?: string;
     };
+    /** 重置翻页器为1，不发送请求 */
+    resetPage?: () => void;
+    /** 获取数据过滤区表单实例 */
+    dataFilterForm?: FormType;
 } & ProTableActionTypeMutations;
 /** action State 定义 */
 export declare type ProTableActionTypeMutations = {
@@ -177,6 +186,8 @@ export declare type ProTableActionTypeMutations = {
     off?: (...args: any) => void;
     /** 设置 列 过滤规则 */
     setFilterRules?: (rules: ProTableColumnsFilterRulesItem) => void;
+    /** 获取 列 过滤规则 */
+    getFilterRules?: () => object;
     /** 重新计算表格maxHeight高度 */
     resetTableMaxBodyHeight?: () => void;
 };
@@ -185,7 +196,7 @@ export declare type ProTableActionTypeState = {
     fullScreenState: boolean;
     filterRules: ProTableColumnsFilterRulesItem;
 };
-export declare type dataFilterProps = {
+export declare type ProTableDataFilterProps = {
     /** 展示形式 */
     mode?: 'inline' | 'panel';
     /** mode='panel' 时是否默认展开 */
@@ -195,25 +206,27 @@ export declare type dataFilterProps = {
     /** 搜索时是否传入值为空字符串的参数，默认不传 */
     searchEmptyString?: boolean;
 } & IFilterProps;
+export declare type dataFilterProps = ProTableDataFilterProps;
 export declare type ProTableTopAreaProps = {
     /** 标题区 */
     header?: ProTableHeaderProps;
     /** 主操作区 */
     mainAction?: ActionGroupProps | React.ReactNode;
     /** 工具栏区 */
-    toolBar?: boolean | toolBarItem[];
+    toolBar?: boolean | ProTableToolBarItem[];
     /** 快捷操作区 */
-    extra?: IActionButton | React.ReactNode | React.ReactNode[];
+    extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
     /** 数据过滤区 */
-    dataFilter?: dataFilterProps;
+    dataFilter?: ProTableDataFilterProps;
     /** 数据过滤区 form 表单模型 */
     dataFilterForm?: FormType;
 };
 /** 单个工具栏 */
-declare type toolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type ProTableToolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type toolBarItem = ProTableToolBarItem;
 export declare type ProTableLayoutProps = {
     actionRef: React.MutableRefObject<ProTableActionType | undefined>;
-    columns?: ProColumnProps[];
+    columns?: ProTableColumnProps[];
     rowSelection?: innerRowSelectionType | rowSelectionType;
 } & ProTableTopAreaProps;
 /** columns 列过滤 */

package/es/table/utils/columnRender.d.ts

@@ -2,12 +2,12 @@
  * 渲染列的逻辑函数
  */
 import React from 'react';
-import { ProColumnProps, ProTableActionType } from '../typing';
+import { ProTableColumnProps, ProTableActionType } from '../typing';
 /**
  * 增加了 icon 的功能 render title
  */
-export declare const renderColumnsTitle: (item: ProColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
+export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
 /**
  * 负责单元格的具体渲染
  */
-export declare const renderCell: (value: any, item: ProColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
+export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;

package/es/table/utils/columnRender.js

@@ -29,7 +29,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  */
 import React from 'react';
 import { getTargetValue, LabelIconTip } from '@teamix/utils';
-import { ActionGroup } from '../../actions';
+import { ProActionGroup } from '../../actions';
 import ProField from '../../field';
 import Filter from '../components/Filter';
 /**
@@ -93,7 +93,7 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
       record: record,
       action: actionRef.current
     };
-    return /*#__PURE__*/React.createElement(ActionGroup, _objectSpread(_objectSpread({
+    return /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread(_objectSpread({
       type: "text"
     }, actionSchema), {}, {
       context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)

package/es/table/utils/genProColumnToColumn.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ProColumnProps, ProTableActionType } from '../typing';
+import { ProTableColumnProps, ProTableActionType } from '../typing';
 import { ColumnProps } from '@alicloudfe/components/types/table';
 /**
  * ProColumn => Column
  */
-export default function genProColumnToColumn(columns: ProColumnProps[], 
+export default function genProColumnToColumn(columns: ProTableColumnProps[], 
 /** 是否渲染骨架屏 */
 showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>): ColumnProps[];

package/es/table/utils/genProColumnToColumn.js

@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import { renderColumnsTitle, renderCell } from './columnRender';
-import { BaseSkeleton as Skeleton } from '../../skeleton';
+import { ProSkeletonRaw as Skeleton } from '../../skeleton';
 /**
  * ProColumn => Column
  */

package/es/table/utils/index.js

@@ -45,6 +45,28 @@ var mutations = {
     state.filterRules = rules;
   },
 
+  /**
+   * 获取筛选规则。为params
+   */
+  getFilterRules: function getFilterRules() {
+    var result = {};
+
+    if (state.filterRules) {
+      result = Object.entries(state.filterRules).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            k = _ref2[0],
+            v = _ref2[1];
+
+        return _defineProperty({}, k, v.params);
+      }).reduce(function (acc, cur) {
+        acc = _objectSpread(_objectSpread({}, acc), cur);
+        return acc;
+      }, {});
+    }
+
+    return result;
+  },
+
   /**
    * 绑定监听函数
    * @param fun 监听函数
@@ -55,14 +77,14 @@ var mutations = {
     callback[state][name] = fun;
   },
   off: function off(name) {
-    callback = Object.fromEntries(Object.entries(callback).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
+    callback = Object.fromEntries(Object.entries(callback).map(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+          k = _ref5[0],
+          v = _ref5[1];
 
-      var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 1),
-            k = _ref4[0];
+      var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 1),
+            k = _ref7[0];
 
         return k !== name;
       }));
@@ -77,10 +99,10 @@ var useOn = function useOn(state) {
   }
 
   if (callback[state]) {
-    Object.entries(callback[state]).forEach(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-          k = _ref6[0],
-          v = _ref6[1];
+    Object.entries(callback[state]).forEach(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 2),
+          k = _ref9[0],
+          v = _ref9[1];
 
       if (v) {
         v === null || v === void 0 ? void 0 : v.apply(void 0, args);

package/es/templates/List/index.d.ts

@@ -1,8 +1,8 @@
 import { PageProps } from '../../page-container';
-import { PageHeaderProps } from '../../page-header';
+import { ProPageHeaderProps } from '../../page-header';
 import { ProTableProps } from '../../table';
 export declare type ListPageProps = PageProps<{
-    header: PageHeaderProps;
+    header: ProPageHeaderProps;
     content: ProTableProps;
 }>;
 export declare const ListPage: (props: ListPageProps) => JSX.Element;

package/es/utils/message.d.ts

@@ -0,0 +1,3 @@
+import { MessageProps } from '@alicloudfe/components/types/message';
+export declare type ProMessageProps = MessageProps | string;
+export declare const renderProMessage: (message: ProMessageProps) => JSX.Element;

package/es/utils/message.js

@@ -0,0 +1,19 @@
+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; }
+
+import React from 'react';
+import { Message } from '@alicloudfe/components';
+export var renderProMessage = function renderProMessage(message) {
+  if (typeof message === 'string') {
+    return /*#__PURE__*/React.createElement(Message, {
+      type: "notice"
+    }, message);
+  }
+
+  return /*#__PURE__*/React.createElement(Message, _objectSpread({
+    type: "notice"
+  }, message));
+};

package/lib/actions/dialog-form.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IFormProps, IFormSchema } from '../form';
+import { ProFormProps, ProFormSchema } from '../form';
 import { RequestAction } from './request';
 import { DialogAction } from './dialog';
 export interface DialogFormAction extends DialogAction {
@@ -10,11 +10,11 @@ export interface DialogFormAction extends DialogAction {
     /** 表单提交发送数据请求时，是否携带全部表单数据。默认携带 */
     useFieldValuesForRequest?: boolean;
     /**
-     * @deprecated 建议使用 schema 配置 IFormProps 代替
+     * @deprecated 建议使用 schema 配置 ProFormProps 代替
      */
-    formProps?: Omit<IFormProps, 'schema'>;
-    /** 同时支持两种配置方式，如果想完整定制表单，可使用完整的表单配置项 IFormProps，否则可以只配置 IFormSchema */
-    schema: IFormSchema | IFormProps;
+    formProps?: Omit<ProFormProps, 'schema'>;
+    /** 同时支持两种配置方式，如果想完整定制表单，可使用完整的表单配置项 ProFormProps，否则可以只配置 ProFormSchema */
+    schema: ProFormSchema | ProFormProps;
 }
 export declare function useDialogFormAction(action: DialogFormAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/lib/actions/dialog-form.js

@@ -23,7 +23,7 @@ var _request = require("./request");
 var _dialog = _interopRequireDefault(require("./dialog"));
 
 var _excluded = ["schema"],
-    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
+    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -155,7 +155,6 @@ function useDialogFormAction(action, context) {
       _action$size = action.size,
       size = _action$size === void 0 ? 'small' : _action$size,
       _onFinish = action.onFinish,
-      _onCancel = action.onCancel,
       others = _objectWithoutProperties(action, _excluded2);
 
   var formRef = (0, _react.useRef)();
@@ -191,9 +190,6 @@ function useDialogFormAction(action, context) {
       var _formRef$current;
 
       _onFinish && _onFinish((_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.values);
-    },
-    onCancel: function onCancel() {
-      _onCancel && _onCancel();
     }
   }, others), context);
 }

package/lib/actions/dialog.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { QuickShowConfig } from '@alicloudfe/components/types/dialog';
 import { quickShowDrawerProps } from '@alicloudfe/components/types/drawer';
-import { IFormSchema, IFormSchemaItem } from '../form';
+import { ProFormSchema, ProFormSchemaItem } from '../form';
+import { ProMessageProps } from '../utils/message';
 import { RequestAction } from './request';
 export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShowConfig, 'onError' | 'type'>, Omit<quickShowDrawerProps, 'trigger' | 'animation' | 'height' | 'locale' | 'onOk' | 'onCancel' | 'onError'> {
     /** 点击「确认按钮」后的数据请求地址，非必填，不填就不发请求 */
@@ -12,12 +13,14 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
     dialogQuickShowType?: 'alert' | 'confirm';
     /** 弹窗消息类型 */
     messageType?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
-    /** 位于弹窗内容上方的自定义内容区 */
+    /** 位于弹窗内容最上方的自定义内容区 */
     beforeContent?: React.ReactNode;
+    /** 位于弹窗内容上方的消息提示区 */
+    message?: ProMessageProps;
     /** 位于弹窗内容下方的自定义内容区 */
     afterContent?: React.ReactNode;
     /** 弹窗页脚描述区，位于按钮组的对面 */
-    footerDescription?: React.ReactNode | IFormSchema | IFormSchemaItem;
+    footerDescription?: React.ReactNode | ProFormSchema | ProFormSchemaItem;
 }
 export declare function useDialogAction(action: DialogAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/lib/actions/dialog.js

@@ -20,12 +20,14 @@ var _utils = require("@teamix/utils");
 
 var _form = _interopRequireWildcard(require("../form"));
 
+var _message = require("../utils/message");
+
 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", "beforeContent", "afterContent", "footerDescription", "footerAlign", "overlayProps"],
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "overlayProps"],
     _excluded3 = ["className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -128,6 +130,7 @@ function useDialogAction(action, context) {
         link = _getTargetValue.link,
         beforeContent = _getTargetValue.beforeContent,
         afterContent = _getTargetValue.afterContent,
+        message = _getTargetValue.message,
         footerDescription = _getTargetValue.footerDescription,
         footerAlign = _getTargetValue.footerAlign,
         _getTargetValue$overl = _getTargetValue.overlayProps,
@@ -245,20 +248,25 @@ function useDialogAction(action, context) {
     var dialogContent = Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
       key: (0, _utils.uuid)()
     }, componentProps)) : addContextForReactNode(content, dialogContext);
-    var ret = container.show(_objectSpread(_objectSpread({
+
+    var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
       onOk: onOk,
       title: addContextForReactNode(title, 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", {
+      }, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/_react.default.createElement("div", {
+        className: "teamix-pro-dialog-message"
+      }, (0, _message.renderProMessage)(message)), dialogContent, afterContent && /*#__PURE__*/_react.default.createElement("div", {
         className: "teamix-pro-dialog-after-content"
-      }, afterContent), footerDescription && /*#__PURE__*/_react.default.createElement("div", {
+      }, addContextForReactNode(afterContent, dialogContext)), footerDescription && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
       }, renderDialogFooterDescription(footerDescription))),
       closeable: !loading,
       footerAlign: footerAlign
-    }, containerOtherProps), containerProps));
+    }, containerOtherProps), containerProps);
+
+    var ret = container.show(quickShowProps);
     store.hide = ret.hide;
   };
 

package/lib/actions/index.d.ts

@@ -4,75 +4,82 @@ import { MenuButtonProps } from '@alicloudfe/components/types/menu-button';
 import { LinkAction } from './link';
 import { RequestAction } from './request';
 import { DialogAction } from './dialog';
-import { ConfirmAction } from './confirm';
-import { DangerConfirmAction } from './danger-confirm';
-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: 'confirm';
-} & ConfirmAction) | ({
-    type: 'danger-confirm';
-} & DangerConfirmAction) | ({
-    type: 'notice';
-} & NoticeAction) | ({
-    type: 'error';
-} & ErrorAction) | ({
-    type: 'dialog';
-} & DialogAction) | ({
-    type: 'dialog-form';
+export declare type ProActionConfig = ({
+    type: 'dialog-form' | 'drawer-form';
 } & DialogFormAction) | ({
-    type: 'dialog-table';
+    type: 'dialog-table' | 'drawer-table';
 } & DialogTableAction) | ({
-    type: 'dialog-info';
+    type: 'dialog-info' | 'drawer-info';
 } & DialogInfoAction) | ({
-    type: 'drawer';
-} & DrawerAction) | ({
-    type: 'drawer-form';
-} & DrawerFormAction) | ({
-    type: 'drawer-table';
-} & DrawerTableAction) | ({
-    type: 'drawer-info';
-} & DrawerInfoAction);
+    type: 'dialog' | 'drawer' | 'confirm' | 'danger-confirm' | 'notice' | 'error';
+} & DialogAction) | ({
+    type: 'request';
+} & RequestAction) | ({
+    type: 'link';
+} & LinkAction);
 export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
-export declare const useAction: any;
-export interface IActionButton extends ButtonProps {
-    config?: ActionConfig;
+export declare function useAction(config?: ProActionConfig, context?: any): any;
+export interface ProActionButtonProps extends ButtonProps {
+    config?: ProActionConfig;
     visible?: any;
     disabled?: any;
     icon?: string;
     context?: any;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>, context?: any) => void;
 }
-export declare const ActionButton: (props: IActionButton) => JSX.Element;
-export interface IActionMenuButton extends MenuButtonProps {
-    actions: ICommonActionButton[];
+export declare const ProActionButton: (props: ProActionButtonProps) => JSX.Element;
+export interface ProActionMenuButtonProps extends MenuButtonProps {
+    actions: ProActionProps[];
     visible?: any;
     icon?: string;
     context?: any;
 }
-export declare const ActionMenuButton: (props: IActionMenuButton) => JSX.Element;
-export declare type ICommonActionButton = IActionButton | IActionMenuButton;
-export declare type ActionGroupProps = {
+export declare const ProActionMenuButton: (props: ProActionMenuButtonProps) => JSX.Element;
+export declare type ProActionProps = ProActionButtonProps | ProActionMenuButtonProps;
+export declare type ProActionGroupProps = {
     type?: 'button' | 'text';
     context?: any;
-    actions: ICommonActionButton[];
+    actions: ProActionProps[];
     max?: number;
     moreText?: string;
     divider?: boolean;
 } & React.HTMLAttributes<HTMLElement>;
-export declare function ActionGroup(props: ActionGroupProps): JSX.Element;
-export declare type IProAction = ICommonActionButton;
-declare const ProAction: (props: IProAction) => JSX.Element;
+export declare function ProActionGroup(props: ProActionGroupProps): JSX.Element;
+declare const ProAction: (props: ProActionProps) => JSX.Element;
 export default ProAction;
+/**
+ * @deprecated 建议使用 ProActionGroup 代替
+ */
+export declare const ActionGroup: typeof ProActionGroup;
+/**
+ * @deprecated 建议使用 ProActionButton 代替
+ */
+export declare const ActionButton: (props: ProActionButtonProps) => JSX.Element;
+/**
+ * @deprecated 建议使用 ProActionMenuButton 代替
+ */
+export declare const ActionMenuButton: (props: ProActionMenuButtonProps) => JSX.Element;
+/**
+ * @deprecated 建议使用 ProActionConfig 代替
+ */
+export declare type ActionConfig = ProActionConfig;
+/**
+ * @deprecated 建议使用 ProActionButtonProps 代替
+ */
+export declare type IActionButton = ProActionButtonProps;
+/**
+ * @deprecated 建议使用 ProActionMenuButtonProps 代替
+ */
+export declare type IActionMenuButton = ProActionMenuButtonProps;
+/**
+ * @deprecated 建议使用 ProActionGroupProps 代替
+ */
+export declare type ActionGroupProps = ProActionGroupProps;
+/**
+ * @deprecated 建议使用 ProActionProps 代替
+ */
+export declare type ICommonActionButton = ProActionProps;