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

package/es/actions/index.js

@@ -1,18 +1,17 @@
 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; }
@@ -135,6 +134,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 +146,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 +160,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,6 +201,9 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
   var content = buttonContent(children, icon, undefined, context);
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',
@@ -206,22 +213,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,13 +240,14 @@ 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) {
@@ -254,7 +262,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 +278,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 +292,6 @@ function foldExtraActions(actions, max, moreConfig) {
     actions: actions.slice(max - 1)
   })]);
 }
-
 // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 // divider 不计数
 function formatGroupActions(actions, max, moreConfig) {
@@ -298,27 +305,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 +356,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 +368,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 +389,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 +398,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 +421,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;
+    }
   }
 }
 

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));
 };

package/es/card/index.d.ts

@@ -0,0 +1,109 @@
+import React from 'react';
+import { ProTagItem } from '../field';
+import { ProMessageProps } from '../utils/message';
+import { ProActionGroupProps } from '../actions';
+import './index.scss';
+export * from './card-container';
+export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** 内容部分 */
+    children?: React.ReactNode;
+    /**卡片标题 */
+    title?: React.ReactNode;
+    /**卡片副标题 */
+    subTitle?: React.ReactNode;
+    /** 标题右侧图标 hover 提示信息 */
+    tooltip?: React.ReactNode;
+    /** 标题右侧图标 */
+    tooltipIcon?: React.ReactNode;
+    /** 标签组 */
+    tags?: ProTagItem[];
+    /** 标题右侧描述 */
+    description?: React.ReactNode;
+    /** 额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
+    extra?: React.ReactNode | ProActionGroupProps;
+    /** 卡片操作区域，位于卡片最下方，可以配置一些常用轻量操作 */
+    actions?: React.ReactNode | ProActionGroupProps;
+    /** 卡片背景图 */
+    image?: string;
+    /** 位于弹窗内容上方的消息提示区 */
+    message?: ProMessageProps;
+    /** 卡片标题下方是否有分割线 */
+    divider?: boolean;
+    /**
+     * @deprecated 建议使用 borderColor = 'none' 代替
+     */
+    bordered?: boolean;
+    /** 卡片在 hover 时拥有阴影效果 */
+    hoveredShadow?: boolean;
+    /** 卡片是否为紧凑模式，紧凑模式下卡片没有内边距和边框 */
+    compacted?: boolean;
+    /** 卡片内容是否居中展示 */
+    centered?: boolean;
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 是否只是内容区加载，标题正常显示 */
+    contentLoading?: boolean;
+    /** 空状态 */
+    empty?: boolean;
+    /** 边框颜色 */
+    borderColor?: 'blue' | 'green' | 'red' | 'orange' | 'yellow' | 'grey' | 'transparent' | 'none';
+    /** 背景色 */
+    backgroundColor?: 'blue' | 'green' | 'red' | 'orange' | 'yellow' | 'grey' | 'transparent';
+    /** 内容区栅格排列 flex 方向，仅仅在卡片嵌套模式下生效 */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /** 内容区栅格的间距，仅仅在卡片嵌套模式下生效 */
+    spacing?: [number, number] | number;
+    /** 内容区栅格超出部分是否换行展示，仅仅在卡片嵌套模式下生效 */
+    wrap?: boolean;
+    /** 卡片嵌套使用的模式下，子卡片分隔 */
+    split?: 'horizontal' | 'vertical';
+    /** 卡片嵌套使用的模式下，卡片占父卡片内容区域的栅格数量 */
+    col?: number | string;
+    /** 卡片是否可折叠 */
+    collapsible?: boolean;
+    /** 默认是否折叠，用于非受控模式 */
+    defaultCollapsed?: boolean;
+    /** 是否折叠，受控模式 */
+    collapsed?: boolean;
+    /** 折叠状态改变的回调函数 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 卡片 class */
+    className?: string;
+    /** 卡片样式 */
+    style?: React.CSSProperties;
+    /** 卡片内容 class */
+    contentClassName?: string;
+    /** 卡片内容样式 */
+    contentStyle?: React.CSSProperties;
+    /** 上下文 */
+    context?: any;
+}
+export declare const ProCard: {
+    (props: ProCardProps): JSX.Element;
+    defaultProps: {
+        bordered: boolean;
+        spacing: number;
+        direction: string;
+    };
+    Divider: {
+        (props: React.HTMLAttributes<HTMLElement>): JSX.Element;
+        isProCardDivider: boolean;
+    };
+    Selectable: {
+        (props: import("./selectable").ProCardSelectableProps): JSX.Element;
+        defaultProps: {
+            hoveredShadow: boolean;
+        };
+        isProCard: boolean;
+    };
+    Tab: {
+        (props: import("@alifd/next/types/tab").TabProps): JSX.Element;
+        Item: typeof import("@alifd/next/types/tab").Item;
+    };
+    isProCard: boolean;
+};
+export default ProCard;
+/**
+ * @deprecated 建议使用 ProCardProps 代替
+ */
+export declare type CardProps = ProCardProps;