@teamix/pro 1.1.36 → 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,13 +40,15 @@ export declare type ProColumnProps = {
     /** 渲染单元格内容字段 */
     render?: ITableCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[] | ProTableCellFunProp;
+    dataSource?: ProFieldDataSourceItem[] | ProTableCellFunProp;
     /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean | ProTableColumnsFilterItemProps[];
     /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
     filtersMode?: 'single' | 'multiple';
     /** 表头的过滤菜单项在搜索之前的参数操作 */
     beforeFilter?: (rules: string[]) => string;
+    /** 表头的过滤菜单宽度 */
+    filtersWidth?: string | number;
     /** 操作组配置 */
     actionSchema?: ActionGroupProps;
     /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
@@ -54,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;
     /** 请求方法 */
@@ -161,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 = {
@@ -175,6 +186,8 @@ export declare type ProTableActionTypeMutations = {
     off?: (...args: any) => void;
     /** 设置 列 过滤规则 */
     setFilterRules?: (rules: ProTableColumnsFilterRulesItem) => void;
+    /** 获取 列 过滤规则 */
+    getFilterRules?: () => object;
     /** 重新计算表格maxHeight高度 */
     resetTableMaxBodyHeight?: () => void;
 };
@@ -183,7 +196,7 @@ export declare type ProTableActionTypeState = {
     fullScreenState: boolean;
     filterRules: ProTableColumnsFilterRulesItem;
 };
-export declare type dataFilterProps = {
+export declare type ProTableDataFilterProps = {
     /** 展示形式 */
     mode?: 'inline' | 'panel';
     /** mode='panel' 时是否默认展开 */
@@ -193,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,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/lib/actions/dialog.js

@@ -10,18 +10,27 @@ exports.useDialogAction = useDialogAction;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactRouterDom = require("react-router-dom");
 
 var _components = require("@alicloudfe/components");
 
 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"];
+    _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 }; }
 
 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); }
 
@@ -31,16 +40,16 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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."); }
@@ -59,6 +68,27 @@ function addContextForReactNode(content, context) {
   }
 
   return content;
+}
+
+var FooterForm = function FooterForm(props) {
+  var schema = props.schema,
+      context = props.context,
+      formRef = props.formRef;
+  var form = (0, _form.createForm)();
+  (0, _react.useEffect)(function () {
+    formRef.current = form;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_form.default, {
+    layout: "inline",
+    feedbackLayout: "none",
+    form: form,
+    schema: (0, _utils.getTargetValue)(schema, context)
+  });
+};
+
+function getFooterAlignClass(isDrawer, align) {
+  var footerAlign = align ? align : isDrawer ? 'left' : 'right';
+  return "footer-align-".concat(footerAlign);
 } // 弹窗 -> 请求（点击确认，发送数据请求）
 
 
@@ -68,8 +98,10 @@ function useDialogAction(action, context) {
       loading = _useState2[0],
       setLoading = _useState2[1];
 
+  var footerDescriptionRef = (0, _react.useRef)();
   var history = (0, _reactRouterDom.useHistory)();
-  return _objectSpread({}, (0, _base.eventHandler)(action, function () {
+
+  var onActionStart = function onActionStart() {
     var url = action.url,
         method = action.method,
         params = action.params,
@@ -98,19 +130,55 @@ 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 dialogMethod = dialogType === 'drawer' ? _components.Drawer : _components.Dialog;
-    var dialogProps = dialogType === 'drawer' ? {} : {
+    var isDrawer = dialogType === 'drawer';
+    var container = isDrawer ? _components.Drawer : _components.Dialog;
+
+    var overlayClassName = overlayProps.className,
+        overlayOtherProps = _objectWithoutProperties(overlayProps, _excluded3);
+
+    var dialogOnlyProps = {
       type: dialogQuickShowType,
       messageProps: {
         type: messageType
+      },
+      overlayProps: _objectSpread({
+        className: (0, _classnames.default)('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.default.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) {
@@ -130,29 +198,33 @@ function useDialogAction(action, context) {
 
                 case 5:
                   setLoading(true);
-                  _context.prev = 6;
-                  _context.next = 9;
-                  return (0, _request.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 (0, _request.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) {
@@ -176,19 +248,29 @@ function useDialogAction(action, context) {
     var dialogContent = Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
       key: (0, _utils.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.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)),
-      closeable: !loading
-    }, dialogProps), dialogOtherProps));
+      }, 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);
+
+    var ret = container.show(quickShowProps);
     store.hide = ret.hide;
-  }));
+  };
+
+  return _objectSpread({}, (0, _base.eventHandler)(action, onActionStart));
 }
 
 var _default = useDialogAction;