@teamix/pro 1.1.36 → 1.1.40

package/es/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/es/actions/dialog-form.js

@@ -1,5 +1,5 @@
 var _excluded = ["schema"],
-    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
+    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -133,7 +133,6 @@ export 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 = useRef();
@@ -169,9 +168,6 @@ export 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/es/actions/dialog.d.ts

@@ -1,14 +1,26 @@
 import React from 'react';
 import { QuickShowConfig } from '@alicloudfe/components/types/dialog';
 import { quickShowDrawerProps } from '@alicloudfe/components/types/drawer';
+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'> {
+    /** 点击「确认按钮」后的数据请求地址，非必填，不填就不发请求 */
     url?: string;
+    /** 弹窗类型，支持普通弹窗和抽屉两种模式，默认为普通弹窗 */
     dialogType?: 'dialog' | 'drawer';
+    /** 弹窗快捷调用类型 */
     dialogQuickShowType?: 'alert' | 'confirm';
+    /** 弹窗消息类型 */
     messageType?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /** 位于弹窗内容最上方的自定义内容区 */
     beforeContent?: React.ReactNode;
+    /** 位于弹窗内容上方的消息提示区 */
+    message?: ProMessageProps;
+    /** 位于弹窗内容下方的自定义内容区 */
     afterContent?: React.ReactNode;
+    /** 弹窗页脚描述区，位于按钮组的对面 */
+    footerDescription?: React.ReactNode | ProFormSchema | ProFormSchemaItem;
 }
 export declare function useDialogAction(action: DialogAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/es/actions/dialog.js

@@ -1,20 +1,21 @@
 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"];
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "overlayProps"],
+    _excluded3 = ["className"];
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-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 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; }
+
 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."); }
@@ -27,10 +28,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
+import classnames from 'classnames';
 import { useHistory } from 'react-router-dom';
 import { Dialog, Drawer } from '@alicloudfe/components';
 import { getTargetValue, uuid, goToLink } from '@teamix/utils';
+import ProForm, { createForm } from '../form';
+import { renderProMessage } from '../utils/message';
 import { eventHandler } from './base';
 import { doRequest } from './request';
 
@@ -40,6 +44,27 @@ function addContextForReactNode(content, context) {
   }
 
   return content;
+}
+
+var FooterForm = function FooterForm(props) {
+  var schema = props.schema,
+      context = props.context,
+      formRef = props.formRef;
+  var form = createForm();
+  useEffect(function () {
+    formRef.current = form;
+  }, []);
+  return /*#__PURE__*/React.createElement(ProForm, {
+    layout: "inline",
+    feedbackLayout: "none",
+    form: form,
+    schema: getTargetValue(schema, context)
+  });
+};
+
+function getFooterAlignClass(isDrawer, align) {
+  var footerAlign = align ? align : isDrawer ? 'left' : 'right';
+  return "footer-align-".concat(footerAlign);
 } // 弹窗 -> 请求（点击确认，发送数据请求）
 
 
@@ -49,8 +74,10 @@ export function useDialogAction(action, context) {
       loading = _useState2[0],
       setLoading = _useState2[1];
 
+  var footerDescriptionRef = useRef();
   var history = useHistory();
-  return _objectSpread({}, eventHandler(action, function () {
+
+  var onActionStart = function onActionStart() {
     var url = action.url,
         method = action.method,
         params = action.params,
@@ -79,19 +106,55 @@ export function useDialogAction(action, context) {
         link = _getTargetValue.link,
         beforeContent = _getTargetValue.beforeContent,
         afterContent = _getTargetValue.afterContent,
-        dialogOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
+        message = _getTargetValue.message,
+        footerDescription = _getTargetValue.footerDescription,
+        footerAlign = _getTargetValue.footerAlign,
+        _getTargetValue$overl = _getTargetValue.overlayProps,
+        overlayProps = _getTargetValue$overl === void 0 ? {} : _getTargetValue$overl,
+        containerProps = _objectWithoutProperties(_getTargetValue, _excluded2);
+
+    var isDrawer = dialogType === 'drawer';
+    var container = isDrawer ? Drawer : Dialog;
+
+    var overlayClassName = overlayProps.className,
+        overlayOtherProps = _objectWithoutProperties(overlayProps, _excluded3);
 
-    var dialogMethod = dialogType === 'drawer' ? Drawer : Dialog;
-    var dialogProps = dialogType === 'drawer' ? {} : {
+    var dialogOnlyProps = {
       type: dialogQuickShowType,
       messageProps: {
         type: messageType
+      },
+      overlayProps: _objectSpread({
+        className: classnames('teamix-pro-action-dialog', overlayClassName, {
+          'has-footer-description': !!footerDescription
+        })
+      }, overlayOtherProps)
+    };
+    var containerOtherProps = isDrawer ? {} : dialogOnlyProps;
+
+    var renderDialogFooterDescription = function renderDialogFooterDescription(footer) {
+      if (footer instanceof Array || footer.component) {
+        var _schema = footer instanceof Array ? footer : [footer];
+
+        return /*#__PURE__*/React.createElement(FooterForm, {
+          formRef: footerDescriptionRef,
+          context: context,
+          schema: [{
+            component: 'FormFlex',
+            children: _schema
+          }]
+        });
       }
+
+      return footer;
     };
 
     var onOk = function onOk() {
       return new Promise( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(resolve) {
+          var _footerDescriptionRef;
+
+          var footerDescriptionValues, requestContext;
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
@@ -111,29 +174,33 @@ export function useDialogAction(action, context) {
 
                 case 5:
                   setLoading(true);
-                  _context.prev = 6;
-                  _context.next = 9;
-                  return doRequest(action, context, history);
-
-                case 9:
+                  footerDescriptionValues = Object.assign({}, footerDescriptionRef === null || footerDescriptionRef === void 0 ? void 0 : (_footerDescriptionRef = footerDescriptionRef.current) === null || _footerDescriptionRef === void 0 ? void 0 : _footerDescriptionRef.values);
+                  _context.prev = 7;
+                  requestContext = Object.assign({
+                    footer: footerDescriptionValues
+                  }, context);
+                  _context.next = 11;
+                  return doRequest(action, requestContext, history, footerDescriptionValues);
+
+                case 11:
                   onFinish && onFinish();
                   resolve(true);
-                  _context.next = 18;
+                  _context.next = 20;
                   break;
 
-                case 13:
-                  _context.prev = 13;
-                  _context.t0 = _context["catch"](6);
+                case 15:
+                  _context.prev = 15;
+                  _context.t0 = _context["catch"](7);
                   setLoading(false);
                   resolve(false);
                   return _context.abrupt("return");
 
-                case 18:
+                case 20:
                 case "end":
                   return _context.stop();
               }
             }
-          }, _callee, null, [[6, 13]]);
+          }, _callee, null, [[7, 15]]);
         }));
 
         return function (_x) {
@@ -157,18 +224,28 @@ export function useDialogAction(action, context) {
     var dialogContent = Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({
       key: uuid()
     }, componentProps)) : addContextForReactNode(content, dialogContext);
-    var ret = dialogMethod.show(_objectSpread(_objectSpread({
+
+    var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
       onOk: onOk,
       title: addContextForReactNode(title, dialogContext),
       content: /*#__PURE__*/React.createElement(React.Fragment, null, beforeContent && /*#__PURE__*/React.createElement("div", {
         className: "teamix-pro-dialog-before-content"
-      }, beforeContent), dialogContent, afterContent && /*#__PURE__*/React.createElement("div", {
+      }, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/React.createElement("div", {
+        className: "teamix-pro-dialog-message"
+      }, renderProMessage(message)), dialogContent, afterContent && /*#__PURE__*/React.createElement("div", {
         className: "teamix-pro-dialog-after-content"
-      }, afterContent)),
-      closeable: !loading
-    }, dialogProps), dialogOtherProps));
+      }, addContextForReactNode(afterContent, dialogContext)), footerDescription && /*#__PURE__*/React.createElement("div", {
+        className: classnames('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
+      }, renderDialogFooterDescription(footerDescription))),
+      closeable: !loading,
+      footerAlign: footerAlign
+    }, containerOtherProps), containerProps);
+
+    var ret = container.show(quickShowProps);
     store.hide = ret.hide;
-  }));
+  };
+
+  return _objectSpread({}, eventHandler(action, onActionStart));
 }
 export default useDialogAction;

package/es/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;

package/es/actions/index.js

@@ -56,7 +56,7 @@ export function registerActionHandler(id, extendActionId, defaultConfig) {
     defaultConfig: defaultConfig
   });
 }
-export var useAction = function useAction(config, context) {
+export function useAction(config, context) {
   if (!config) {
     return {};
   }
@@ -129,7 +129,7 @@ export var useAction = function useAction(config, context) {
   return useAction(_objectSpread(_objectSpread({
     type: registedAction.extendActionId
   }, registedAction.defaultConfig), others), context);
-};
+}
 
 var buttonContent = function buttonContent(content, iconType, iconSize, context) {
   var renderedContent = typeof content === 'function' ? content(context) : content;
@@ -145,7 +145,7 @@ var buttonContent = function buttonContent(content, iconType, iconSize, context)
   }), renderedContent];
 };
 
-export var ActionButton = function ActionButton(props) {
+export var ProActionButton = function ProActionButton(props) {
   var config = props.config,
       icon = props.icon,
       _props$iconSize = props.iconSize,
@@ -210,7 +210,7 @@ function renderCommonActionButtonMenuItem(action, key, context) {
   return renderMenuButtonItem(action, key, context);
 }
 
-export var ActionMenuButton = function ActionMenuButton(props) {
+export var ProActionMenuButton = function ProActionMenuButton(props) {
   var icon = props.icon,
       iconSize = props.iconSize,
       label = props.label,
@@ -258,19 +258,13 @@ function renderCommonActionButton(button, context, isTypeText) {
   var buttonProps = _objectSpread({
     context: Object.assign({}, context, buttonContext),
     text: text || isTypeText
-  }, others); // @ts-ignore
-
+  }, others);
 
   if (!button.actions) {
-    return (
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(ActionButton, _objectSpread({}, buttonProps))
-    );
-  } // @ts-ignore
-
+    return /*#__PURE__*/React.createElement(ProActionButton, _objectSpread({}, buttonProps));
+  }
 
-  return /*#__PURE__*/React.createElement(ActionMenuButton, _objectSpread({}, buttonProps));
+  return /*#__PURE__*/React.createElement(ProActionMenuButton, _objectSpread({}, buttonProps));
 }
 
 function getDefaultMoreButton(type, moreText) {
@@ -297,9 +291,7 @@ function getDefaultMoreButton(type, moreText) {
 var MAX_ACTTIONS = 4;
 
 function getActionConfig(action, context) {
-  // @ts-ignore
   if (action.actions) {
-    // @ts-ignore
     var actions = action.actions,
         _others = _objectWithoutProperties(action, _excluded6);
 
@@ -308,8 +300,7 @@ function getActionConfig(action, context) {
         return getActionConfig(a, context);
       })
     }, getTargetValue(_others, context));
-  } // @ts-ignore
-
+  }
 
   var config = action.config,
       others = _objectWithoutProperties(action, _excluded7);
@@ -319,7 +310,7 @@ function getActionConfig(action, context) {
   }, getTargetValue(others, context));
 }
 
-export function ActionGroup(props) {
+export function ProActionGroup(props) {
   var _props$type3 = props.type,
       type = _props$type3 === void 0 ? 'button' : _props$type3,
       _props$divider = props.divider,
@@ -341,8 +332,8 @@ export function ActionGroup(props) {
   });
   var formatedActions = formatGroupActions(filteredActions, max, getDefaultMoreButton(type, moreText));
   return /*#__PURE__*/React.createElement("div", _objectSpread({
-    className: cls('teamix-pro-actions', type, className, {
-      divider: divider
+    className: cls('teamix-pro-actions', "teamix-pro-actions-type-".concat(type), className, {
+      'teamix-pro-actions-divider': type === 'button' ? false : divider
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
@@ -358,4 +349,19 @@ var ProAction = function ProAction(props) {
   return renderCommonActionButton(props);
 };
 
-export default ProAction;
+export default ProAction;
+/**
+ * @deprecated 建议使用 ProActionGroup 代替
+ */
+
+export var ActionGroup = ProActionGroup;
+/**
+ * @deprecated 建议使用 ProActionButton 代替
+ */
+
+export var ActionButton = ProActionButton;
+/**
+ * @deprecated 建议使用 ProActionMenuButton 代替
+ */
+
+export var ActionMenuButton = ProActionMenuButton;

package/es/actions/index.scss

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-  &.button {
+  &.teamix-pro-actions-type-button {
     & > button {
       &:not(:last-child) {
         margin-right: var(--s-2);
@@ -10,7 +10,7 @@
     }
   }
 
-  &.text:not(.divider) {
+  &.teamix-pro-actions-type-text:not(.teamix-pro-actions-divider) {
     & > button {
       &:not(:last-child) {
         margin-right: var(--s-4);
@@ -29,10 +29,45 @@
   }
 }
 
+.teamix-pro-dialog-footer-description {
+  position: absolute;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  bottom: var(--dialog-footer-padding-top, 16px);
+  height: var(--btn-size-m-height, 32px);
+
+  &.footer-align-right {
+    left: var(--dialog-footer-padding-left-right, 20px);
+  }
+  &.footer-align-center {
+    left: var(--dialog-footer-padding-left-right, 20px);
+  }
+  &.footer-align-left {
+    right: var(--dialog-footer-padding-left-right, 20px);
+  }
+}
+
+.teamix-pro-action-dialog.has-footer-description {
+  .next-message {
+    position: static;
+  }
+}
+
 .teamix-pro-dialog-before-content {
   margin-bottom: var(--s-2);
 }
 
+.teamix-pro-dialog-message {
+  margin-bottom: var(--s-2);
+
+  &+.next-loading {
+    .teamix-pro-form {
+      margin-top: 20px;
+    }
+  }
+}
+
 .teamix-pro-dialog-after-content {
   margin-top: var(--s-2);
 }
@@ -40,3 +75,14 @@
 .next-menu-divider + .next-menu-divider {
   display: none;
 }
+
+.next-dialog-body {
+  .teamix-pro-dialog-footer-description {
+    .teamix-pro-form {
+      margin-bottom: 0;
+    }
+  }
+  .teamix-pro-form {
+    margin-bottom: -20px;
+  }
+}

package/es/actions/link.js

@@ -5,11 +5,13 @@ 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; }
 
 import { getTargetValue, goToLink } from '@teamix/utils';
+import { useHistory } from 'react-router-dom';
 import { eventHandler } from './base';
 export function useLinkAction(action, context) {
-  var linkAction = getTargetValue(action, context);
+  var history = useHistory();
   return _objectSpread({}, eventHandler(action, function () {
-    goToLink(linkAction);
+    var linkAction = getTargetValue(action, context);
+    goToLink(linkAction, history);
   }));
 }
 export default useLinkAction;

package/es/actions/request.d.ts

@@ -2,7 +2,7 @@ import { CommonRequestConfig } from '@teamix/utils';
 import { BaseAction } from './base';
 export interface RequestAction extends CommonRequestConfig, BaseAction {
 }
-export declare function doRequest(action: RequestAction, context?: any, history?: any): Promise<unknown>;
+export declare function doRequest(action: RequestAction, context?: any, history?: any, extraParams?: any): Promise<unknown>;
 export declare function useRequestAction(action: RequestAction, context?: any): {
     loading: boolean;
 };

package/es/actions/request.js

@@ -28,14 +28,14 @@ import { useHistory } from 'react-router-dom';
 import { doCommonRequest } from '@teamix/utils';
 import { eventHandler } from './base'; // action 里的数据请求都默认是 post 类型
 
-export function doRequest(action, context, history) {
+export function doRequest(action, context, history, extraParams) {
   var _action$method = action.method,
       method = _action$method === void 0 ? 'post' : _action$method,
       others = _objectWithoutProperties(action, _excluded);
 
   return doCommonRequest(_objectSpread({
     method: method
-  }, others), context, history);
+  }, others), context, history, extraParams);
 }
 export function useRequestAction(action, context) {
   var _useState = useState(false),