@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.6

package/es/actions/index.js

@@ -1,45 +1,44 @@
 var _excluded = ["type"],
-  _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "disabled", "onClick", "tooltip", "disabledTooltip", "tooltipProps"],
+  _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "disabled", "onClick", "tooltip", "disabledTooltip", "tooltipProps", "data-teamix-spm"],
   _excluded3 = ["loading"],
   _excluded4 = ["icon", "iconSize", "label", "actions", "children", "context", "type", "className", "noArrow"],
   _excluded5 = ["context", "text"],
   _excluded6 = ["key", "actions"],
   _excluded7 = ["key", "config"],
-  _excluded8 = ["type", "divider", "max", "moreText", "more", "context", "actions", "className"];
+  _excluded8 = ["type", "divider", "max", "moreText", "more", "context", "actions", "className", "data-teamix-spm"];
 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."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
 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; }
-import React from 'react';
-import cls from 'classnames';
-import { Button, MenuButton, Menu, Divider, Balloon } from '@alicloudfe/components';
+import { Balloon, Button, Divider, Menu, MenuButton } from '@alicloudfe/components';
 import Icon from '@teamix/icon';
-import { getTargetValue, getMessage, usePrefixCls } from '@teamix/utils';
-import { useLinkAction } from './link';
-import { useRequestAction } from './request';
-import { useDialogAction } from './dialog';
+import { getMessage, getTargetValue, usePrefixCls } from '@teamix/utils';
+import cls from 'classnames';
+import React from 'react';
 import { useConfirmAction } from './confirm';
 import { useDangerConfirmAction } from './danger-confirm';
-import { useNoticeAction } from './notice';
-import { useErrorAction } from './error';
+import { useDangerPopConfirmAction } from './danger-pop-confirm';
+import { useDialogAction } from './dialog';
 import { useDialogFormAction } from './dialog-form';
-import { useDialogTableAction } from './dialog-table';
 import { useDialogInfoAction } from './dialog-info';
+import { useDialogTableAction } from './dialog-table';
 import { useDrawerAction } from './drawer';
 import { useDrawerFormAction } from './drawer-form';
-import { useDrawerTableAction } from './drawer-table';
 import { useDrawerInfoAction } from './drawer-info';
-import { usePopConfirmAction } from './pop-confirm';
-import { useDangerPopConfirmAction } from './danger-pop-confirm';
+import { useDrawerTableAction } from './drawer-table';
+import { useErrorAction } from './error';
 import './index.scss';
+import { useLinkAction } from './link';
+import { useNoticeAction } from './notice';
+import { usePopConfirmAction } from './pop-confirm';
+import { useRequestAction } from './request';
 var RegistedActions = new Map();
 export function registerActionHandler(id, extendActionId, defaultConfig) {
   RegistedActions.set(id, {
@@ -115,6 +114,7 @@ var buttonContent = function buttonContent(content, iconType, iconSize, context)
     return renderedContent;
   }
   return [/*#__PURE__*/React.createElement(Icon, {
+    className: 'teamix-pro-action-prefix-icon',
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
@@ -124,7 +124,7 @@ export var ProActionButton = function ProActionButton(props) {
   var config = props.config,
     icon = props.icon,
     _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
+    iconSize = _props$iconSize === void 0 ? 'small' : _props$iconSize,
     _props$type = props.type,
     type = _props$type === void 0 ? 'primary' : _props$type,
     context = props.context,
@@ -135,6 +135,7 @@ export var ProActionButton = function ProActionButton(props) {
     tooltip = props.tooltip,
     disabledTooltip = props.disabledTooltip,
     tooltipProps = props.tooltipProps,
+    dataTeamixSpm = props['data-teamix-spm'],
     others = _objectWithoutProperties(props, _excluded2);
   var actionProps = useAction(config, context);
   var buttonProps = _onClick ? _objectSpread(_objectSpread(_objectSpread({
@@ -146,7 +147,10 @@ export var ProActionButton = function ProActionButton(props) {
   }) : _objectSpread(_objectSpread({
     disabled: disabled
   }, actionProps), others);
-  var content = /*#__PURE__*/React.createElement(Button, _extends({
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+  var content = /*#__PURE__*/React.createElement(Button, _objectSpread({
     type: type
   }, buttonProps), buttonContent(children, icon, iconSize, context));
   var baseToolTipProps = _objectSpread({
@@ -157,22 +161,23 @@ export var ProActionButton = function ProActionButton(props) {
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
-        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, tooltip);
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
       }
     } else if (!tooltip && disabledTooltip) {
       if (disabled) {
-        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, disabledTooltip);
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
       }
     } else if (tooltip && disabledTooltip) {
       var showToolTip = disabled ? disabledTooltip : tooltip;
-      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, showToolTip);
+      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
   return content;
 };
 var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   var action = props.action,
-    context = props.context;
+    context = props.context,
+    dataTeamixSpm = props['data-teamix-spm'];
   var config = action.config,
     btnContext = action.context,
     _onClick2 = action.onClick,
@@ -197,7 +202,10 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
-  var content = buttonContent(children, icon, undefined, context);
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+  var content = buttonContent(children, icon, 'small', context);
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',
     align: 't',
@@ -206,22 +214,22 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
-        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, tooltip);
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
       }
     } else if (!tooltip && disabledTooltip) {
       if (disabled) {
-        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, disabledTooltip);
+        content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
       }
     } else if (tooltip && disabledTooltip) {
       var showToolTip = disabled ? disabledTooltip : tooltip;
-      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, baseToolTipProps, showToolTip);
+      content = /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: cls(_defineProperty({}, basePrefix('disabled'), disabled), basePrefix('menu-item'), prefixCls('menu-item'))
   }, buttonProps), content);
 };
-function renderCommonActionButtonMenuItem(action, key, context) {
+function renderCommonActionButtonMenuItem(action, key, context, dataTeamixSpm) {
   if (action.type === 'divider') {
     return /*#__PURE__*/React.createElement(Menu.Divider, {
       key: key
@@ -233,18 +241,20 @@ function renderCommonActionButtonMenuItem(action, key, context) {
       key: key,
       label: menuBtn.label || menuBtn.children
     }, menuBtn.actions.map(function (a) {
-      return renderCommonActionButtonMenuItem(a, a.key, context);
+      return renderCommonActionButtonMenuItem(a, a.key, context, a['data-teamix-spm']);
     }));
   }
   return /*#__PURE__*/React.createElement(ProActionMenuButtonItem, {
     key: key,
     action: action,
-    context: context
+    context: context,
+    "data-teamix-spm": "".concat(dataTeamixSpm, "-").concat(key)
   });
 }
 export var ProActionMenuButton = function ProActionMenuButton(props) {
   var icon = props.icon,
-    iconSize = props.iconSize,
+    _props$iconSize2 = props.iconSize,
+    iconSize = _props$iconSize2 === void 0 ? 'small' : _props$iconSize2,
     label = props.label,
     actions = props.actions,
     children = props.children,
@@ -254,7 +264,7 @@ export var ProActionMenuButton = function ProActionMenuButton(props) {
     className = props.className,
     noArrow = props.noArrow,
     others = _objectWithoutProperties(props, _excluded4);
-  return /*#__PURE__*/React.createElement(MenuButton, _extends({
+  return /*#__PURE__*/React.createElement(MenuButton, _objectSpread({
     popupTriggerType: "hover",
     autoWidth: false,
     menuProps: {
@@ -270,7 +280,7 @@ export var ProActionMenuButton = function ProActionMenuButton(props) {
       'teamix-pro-actions-text-menu-btn-no-arrow': noArrow
     })
   }, others), actions.map(function (action, i) {
-    return renderCommonActionButtonMenuItem(action, action.key || i, context);
+    return renderCommonActionButtonMenuItem(action, action.key || i, context, others === null || others === void 0 ? void 0 : others['data-teamix-spm']);
   }));
 };
 // 超出 max，则折叠起来
@@ -284,7 +294,6 @@ function foldExtraActions(actions, max, moreConfig) {
     actions: actions.slice(max - 1)
   })]);
 }
-
 // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 // divider 不计数
 function formatGroupActions(actions, max, moreConfig) {
@@ -298,27 +307,28 @@ function formatGroupActions(actions, max, moreConfig) {
   }
   return foldExtraActions(actions, Math.max(index, MAX), moreConfig);
 }
-
 // 渲染一个 button 或者 menu button
-function renderCommonActionButton(button, context, isTypeText) {
+function renderCommonActionButton(button, context, isTypeText, dataTeamixSpm) {
   if (button.type === 'divider') {
     return /*#__PURE__*/React.createElement(Divider, {
       key: button.key,
       direction: "ver"
     });
   }
-  var _ref = button,
-    buttonContext = _ref.context,
-    text = _ref.text,
-    others = _objectWithoutProperties(_ref, _excluded5);
+  var buttonContext = button.context,
+    text = button.text,
+    others = _objectWithoutProperties(button, _excluded5);
   var buttonProps = _objectSpread({
     context: Object.assign({}, context, buttonContext),
     text: text || isTypeText
   }, others);
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
   if (!button.actions) {
-    return /*#__PURE__*/React.createElement(ProActionButton, buttonProps);
+    return /*#__PURE__*/React.createElement(ProActionButton, _objectSpread({}, buttonProps));
   }
-  return /*#__PURE__*/React.createElement(ProActionMenuButton, buttonProps);
+  return /*#__PURE__*/React.createElement(ProActionMenuButton, _objectSpread({}, buttonProps));
 }
 function getDefaultMoreButton(type, more) {
   var defaultConfig = type === 'button' ? {
@@ -348,10 +358,9 @@ function getKey(index, key) {
 }
 function getActionConfig(action, index, context) {
   if (action.actions) {
-    var _ref2 = action,
-      _key = _ref2.key,
-      actions = _ref2.actions,
-      _others = _objectWithoutProperties(_ref2, _excluded6);
+    var _key = action.key,
+      actions = action.actions,
+      _others = _objectWithoutProperties(action, _excluded6);
     return _objectSpread({
       key: getKey(index, _key),
       actions: actions.map(function (a, j) {
@@ -361,10 +370,9 @@ function getActionConfig(action, index, context) {
       })
     }, getTargetValue(_others, context));
   }
-  var _ref3 = action,
-    key = _ref3.key,
-    config = _ref3.config,
-    others = _objectWithoutProperties(_ref3, _excluded7);
+  var key = action.key,
+    config = action.config,
+    others = _objectWithoutProperties(action, _excluded7);
   return _objectSpread({
     key: getKey(index, key),
     config: config
@@ -383,6 +391,7 @@ export function ProActionGroup(props) {
     _props$actions = props.actions,
     actions = _props$actions === void 0 ? [] : _props$actions,
     className = props.className,
+    dataTeamixSpm = props['data-teamix-spm'],
     containerProps = _objectWithoutProperties(props, _excluded8);
   var isTypeText = type === 'text';
   var filteredActions = actions.map(function (action, index) {
@@ -391,13 +400,19 @@ export function ProActionGroup(props) {
     return action.visible !== false;
   });
   var formatedActions = formatGroupActions(filteredActions, max, getDefaultMoreButton(type, more || moreText));
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     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;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    if (dataTeamixSpm) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: actionBtn.key
+      }, renderCommonActionButton(actionBtn, context, isTypeText, "".concat(dataTeamixSpm, "-").concat(actionBtn.key || i)), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
+        direction: "ver"
+      }));
+    } else return /*#__PURE__*/React.createElement(React.Fragment, {
       key: actionBtn.key
     }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
       direction: "ver"
@@ -408,22 +423,16 @@ var ProAction = function ProAction(props) {
   return renderCommonActionButton(props);
 };
 export default ProAction;
-
+export * from './quick';
 /**
  * @deprecated 建议使用 ProActionGroup 代替
  */
 export var ActionGroup = ProActionGroup;
-
 /**
  * @deprecated 建议使用 ProActionButton 代替
  */
 export var ActionButton = ProActionButton;
-
 /**
  * @deprecated 建议使用 ProActionMenuButton 代替
  */
-export var ActionMenuButton = ProActionMenuButton;
-
-/**
- * @deprecated 建议使用 ProActionConfig 代替
- */
+export var ActionMenuButton = ProActionMenuButton;

package/es/actions/index.scss

@@ -10,7 +10,7 @@
   }
 
   &.teamix-pro-actions-type-button {
-    & > button {
+    & > button,& > span {
       &:not(:last-child) {
         margin-right: var(--s-2);
       }
@@ -110,15 +110,20 @@
 
 .next-dialog-body {
   .teamix-pro-info {
+    padding-right: 16px;
     .next-card-content-container {
       margin-top: 10px;
       padding-bottom: 10px;
+      padding-right: 0;
       .next-col.next-col-24:last-child {
         .teamix-pro-info-item:last-child {
           padding-bottom: 0px;
         }
       }
     }
+    .teamix-pro-info-item-value {
+      padding-right: 0px;
+    }
   }
 }
 
@@ -134,3 +139,7 @@
     background: var(--drawer-bg);
   }
 }
+
+.teamix-pro-action-prefix-icon {
+  margin-right: 4px
+}

package/es/actions/link.d.ts

@@ -0,0 +1,8 @@
+import { LocationHistory } from '@teamix/utils';
+import { BaseAction } from './base';
+export interface LinkAction extends BaseAction, LocationHistory {
+}
+export declare function useLinkAction(action: LinkAction, actionContext?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
+};
+export default useLinkAction;

package/es/actions/link.js

@@ -2,13 +2,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 import { getTargetValue, goToLink } from '@teamix/utils';
-import { useNavigate } from 'react-router-dom';
+// import { useHistory } from 'react-router-dom';
+import { useRealHistory } from '@teamix/utils';
 import { eventHandler } from './base';
 export function useLinkAction(action, actionContext) {
-  var navigate = useNavigate();
+  var history = useRealHistory();
   return _objectSpread({}, eventHandler(action, actionContext, function (context) {
     var linkAction = getTargetValue(action, context);
-    goToLink(linkAction, navigate);
+    goToLink(linkAction, history);
   }));
 }
 export default useLinkAction;

package/es/actions/notice.d.ts

@@ -0,0 +1,7 @@
+import { DialogAction } from './dialog';
+export interface NoticeAction extends DialogAction {
+}
+export declare function useNoticeAction(action: DialogAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
+};
+export default useNoticeAction;

package/es/actions/pop-confirm.d.ts

@@ -0,0 +1,9 @@
+import { IPopConfirmProps } from '@teamix/pop-confirm';
+import { DialogAction } from './dialog';
+export declare type PopConfirmAction = DialogAction & Omit<IPopConfirmProps, 'type' | 'trigger'> & {
+    popType?: IPopConfirmProps['type'];
+};
+export declare function usePopConfirmAction(action: PopConfirmAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
+};
+export default usePopConfirmAction;

package/es/actions/quick.d.ts

@@ -0,0 +1,2 @@
+import { ProActionProps } from './';
+export declare function createAction(props: ProActionProps): void;

package/es/actions/quick.js

@@ -0,0 +1,26 @@
+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; }
+import ProAction from './';
+import ReactDom from 'react-dom';
+import React from 'react';
+export function createAction(props) {
+  var parentDom = document.getElementById('teamix-pro-actions-identification-par');
+  if (!parentDom) {
+    parentDom = document.createElement('div');
+    parentDom.setAttribute('id', 'teamix-pro-actions-identification-par');
+    document.body.appendChild(parentDom);
+  } else {
+    parentDom.innerHTML = '';
+  }
+  var divDom = document.createElement('div');
+  divDom.style.display = 'none';
+  divDom.setAttribute('class', 'teamix-pro-actions-identification');
+  ReactDom.render( /*#__PURE__*/React.createElement(ProAction, _objectSpread({}, props)), divDom);
+  parentDom.appendChild(divDom);
+  setTimeout(function () {
+    var _divDom$children, _divDom$children$, _divDom$children$$cli;
+    // @ts-ignore
+    divDom === null || divDom === void 0 ? void 0 : (_divDom$children = divDom.children) === null || _divDom$children === void 0 ? void 0 : (_divDom$children$ = _divDom$children[0]) === null || _divDom$children$ === void 0 ? void 0 : (_divDom$children$$cli = _divDom$children$.click) === null || _divDom$children$$cli === void 0 ? void 0 : _divDom$children$$cli.call(_divDom$children$);
+  });
+}

package/es/actions/request.d.ts

@@ -0,0 +1,9 @@
+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, extraParams?: any): Promise<unknown>;
+export declare function useRequestAction(action: RequestAction, actionContext?: any): {
+    loading: boolean;
+};
+export default useRequestAction;

package/es/actions/request.js

@@ -12,7 +12,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 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; }
 import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+// import { useHistory } from 'react-router-dom';
+import { useRealHistory } from '@teamix/utils';
 import { doCommonRequest } from '@teamix/utils';
 import { eventHandler } from './base';
 // action 里的数据请求都默认是 post 类型
@@ -29,12 +30,12 @@ export function useRequestAction(action, actionContext) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  var navigate = useNavigate();
+  var history = useRealHistory();
   var onFinish = action.onFinish,
     others = _objectWithoutProperties(action, _excluded2);
   return _objectSpread(_objectSpread({}, eventHandler(action, actionContext, function (context) {
     setLoading(true);
-    doRequest(_objectSpread({}, others), context, navigate).then(function () {
+    doRequest(_objectSpread({}, others), context, history).then(function () {
       setLoading(false);
       onFinish && onFinish();
     }).catch(function () {

package/es/actions/utils.d.ts

@@ -0,0 +1 @@
+export declare function addContext(props?: any, context?: any): any;

package/es/card/card-container.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ProCardProps } from './index';
+/**
+ * @deprecated 建议使用 ProCardProps 代替
+ */
+export declare type ProCardContainerProps = ProCardProps;
+/**
+ * @deprecated 建议使用 ProCard 代替
+ */
+export declare const ProCardContainer: React.FC<ProCardContainerProps>;
+/**
+ * @deprecated 建议使用 ProCardContainer 代替
+ */
+export declare const CardContainer: React.FC<ProCardProps>;
+/**
+ * @deprecated 建议使用 ProCardContainerProps 代替
+ */
+export declare type CardContainerProps = ProCardContainerProps;

package/es/card/card-container.js

@@ -1,26 +1,19 @@
+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; }
 import React from 'react';
 import { ProCard } from './index';
-
-/**
- * @deprecated 建议使用 ProCardProps 代替
- */
-
 /**
  * @deprecated 建议使用 ProCard 代替
  */
 export var ProCardContainer = function ProCardContainer(props) {
-  return /*#__PURE__*/React.createElement(ProCard, props);
+  return /*#__PURE__*/React.createElement(ProCard, _objectSpread({}, props));
 };
 ProCardContainer.defaultProps = {
   compacted: true,
   direction: 'column'
 };
-
 /**
  * @deprecated 建议使用 ProCardContainer 代替
  */
-export var CardContainer = ProCardContainer;
-
-/**
- * @deprecated 建议使用 ProCardContainerProps 代替
- */
+export var CardContainer = ProCardContainer;

package/es/card/divider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const ProCardDivider: {
+    (props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+    isProCardDivider: boolean;
+};
+export default ProCardDivider;

package/es/card/divider.js

@@ -1,7 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
 import React from 'react';
 var ProCardDivider = function ProCardDivider(props) {
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: "teamix-pro-card-divider"
   }, props));
 };