@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/lib/actions/index.d.ts

@@ -0,0 +1,111 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps } from '@alicloudfe/components/types/button';
+import { MenuButtonProps } from '@alicloudfe/components/types/menu-button';
+import { TooltipProps } from '@alicloudfe/components/types/balloon';
+import { LinkAction } from './link';
+import { RequestAction } from './request';
+import { DialogAction } from './dialog';
+import { DialogFormAction } from './dialog-form';
+import { DialogTableAction } from './dialog-table';
+import { DialogInfoAction } from './dialog-info';
+import { PopConfirmAction } from './pop-confirm';
+import './index.scss';
+export declare type ProActionConfig = ({
+    type: 'dialog-form' | 'drawer-form';
+} & DialogFormAction) | ({
+    type: 'dialog-table' | 'drawer-table';
+} & DialogTableAction) | ({
+    type: 'dialog-info' | 'drawer-info';
+} & DialogInfoAction) | ({
+    type: 'pop-confirm' | 'danger-pop-confirm';
+} & PopConfirmAction) | ({
+    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 function useAction(config?: ProActionConfig, context?: any): any;
+export interface ProActionButtonProps extends ProActionCommonProps, ButtonProps {
+    config?: ProActionConfig;
+    disabled?: any;
+    tooltip?: ReactNode;
+    disabledTooltip?: ReactNode;
+    icon?: string;
+    tooltipProps?: TooltipProps;
+    onClick?: (event: React.MouseEvent<Element, MouseEvent>, context?: any) => void;
+}
+export declare const ProActionButton: (props: ProActionButtonProps) => JSX.Element;
+export interface ProActionCommonProps {
+    key?: string | number;
+    visible?: any;
+    context?: any;
+    'data-teamix-spm'?: string;
+}
+export interface ProActionMenuButtonProps extends ProActionCommonProps, Omit<MenuButtonProps, 'visible'> {
+    actions: ProActionProps[];
+    icon?: string;
+    noArrow?: boolean;
+    'data-teamix-spm'?: string;
+}
+export declare const ProActionMenuButton: (props: ProActionMenuButtonProps) => JSX.Element;
+export interface ProActionDividerProps extends ProActionCommonProps {
+    type: 'divider';
+}
+export declare type ProActionProps = ProActionButtonProps | ProActionMenuButtonProps | ProActionDividerProps;
+export declare type ProActionGroupProps = {
+    /** 操作组类型：按钮、文字按钮 */
+    type?: 'button' | 'text';
+    /** 上下文 */
+    context?: any;
+    /** 操作项配置 */
+    actions: ProActionProps[];
+    /** 操作按钮最长数量，超出后折叠，默认为4 */
+    max?: number;
+    /**
+     * @deprecated 建议使用 more 代替
+     */
+    moreText?: string;
+    /** 更多按钮的配置，只有在actions数量超过max时才有效 */
+    more?: string | Omit<ProActionMenuButtonProps, 'actions'>;
+    /** 是否有分割线，只有type="text"时生效，默认有分割线 */
+    divider?: boolean;
+    /** 用于埋点 */
+    ['data-teamix-spm']?: string;
+} & React.HTMLAttributes<HTMLElement>;
+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/lib/actions/index.js

@@ -76,8 +76,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 || 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; }
@@ -227,7 +225,7 @@ var ProActionButton = function ProActionButton(props) {
     buttonProps['data-teamix-spm'] = dataTeamixSpm;
   }
 
-  var content = /*#__PURE__*/_react.default.createElement(_components.Button, _extends({
+  var content = /*#__PURE__*/_react.default.createElement(_components.Button, _objectSpread({
     type: type
   }, buttonProps), buttonContent(children, icon, iconSize, context));
 
@@ -240,15 +238,15 @@ var ProActionButton = function ProActionButton(props) {
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
-        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, tooltip);
+        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
       }
     } else if (!tooltip && disabledTooltip) {
       if (disabled) {
-        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, disabledTooltip);
+        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
       }
     } else if (tooltip && disabledTooltip) {
       var showToolTip = disabled ? disabledTooltip : tooltip;
-      content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, showToolTip);
+      content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
 
@@ -303,19 +301,19 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
-        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, tooltip);
+        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), tooltip);
       }
     } else if (!tooltip && disabledTooltip) {
       if (disabled) {
-        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, disabledTooltip);
+        content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), disabledTooltip);
       }
     } else if (tooltip && disabledTooltip) {
       var showToolTip = disabled ? disabledTooltip : tooltip;
-      content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, baseToolTipProps, showToolTip);
+      content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
     className: (0, _classnames.default)(_defineProperty({}, basePrefix('disabled'), disabled), basePrefix('menu-item'), prefixCls('menu-item'))
   }, buttonProps), content);
 };
@@ -359,7 +357,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
       noArrow = props.noArrow,
       others = _objectWithoutProperties(props, _excluded4);
 
-  return /*#__PURE__*/_react.default.createElement(_components.MenuButton, _extends({
+  return /*#__PURE__*/_react.default.createElement(_components.MenuButton, _objectSpread({
     popupTriggerType: "hover",
     autoWidth: false,
     menuProps: {
@@ -377,11 +375,11 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
   }, others), actions.map(function (action, i) {
     return renderCommonActionButtonMenuItem(action, action.key || i, context, others === null || others === void 0 ? void 0 : others['data-teamix-spm']);
   }));
-};
+}; // 超出 max，则折叠起来
+
 
 exports.ProActionMenuButton = ProActionMenuButton;
 
-// 超出 max，则折叠起来
 function foldExtraActions(actions, max, moreConfig) {
   if (actions.length <= max) {
     return actions;
@@ -419,10 +417,9 @@ function renderCommonActionButton(button, context, isTypeText, dataTeamixSpm) {
     });
   }
 
-  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),
@@ -434,10 +431,10 @@ function renderCommonActionButton(button, context, isTypeText, dataTeamixSpm) {
   }
 
   if (!button.actions) {
-    return /*#__PURE__*/_react.default.createElement(ProActionButton, buttonProps);
+    return /*#__PURE__*/_react.default.createElement(ProActionButton, _objectSpread({}, buttonProps));
   }
 
-  return /*#__PURE__*/_react.default.createElement(ProActionMenuButton, buttonProps);
+  return /*#__PURE__*/_react.default.createElement(ProActionMenuButton, _objectSpread({}, buttonProps));
 }
 
 function getDefaultMoreButton(type, more) {
@@ -476,10 +473,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),
@@ -491,10 +487,9 @@ function getActionConfig(action, index, context) {
     }, (0, _utils.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),
@@ -525,7 +520,7 @@ function ProActionGroup(props) {
     return action.visible !== false;
   });
   var formatedActions = formatGroupActions(filteredActions, max, getDefaultMoreButton(type, more || moreText));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
     className: (0, _classnames.default)('teamix-pro-actions', "teamix-pro-actions-type-".concat(type), className, {
       'teamix-pro-actions-divider': type === 'button' ? false : divider
     })
@@ -569,8 +564,4 @@ var ActionButton = ProActionButton;
 
 exports.ActionButton = ActionButton;
 var ActionMenuButton = ProActionMenuButton;
-/**
- * @deprecated 建议使用 ProActionConfig 代替
- */
-
 exports.ActionMenuButton = ActionMenuButton;

package/lib/actions/index.scss

@@ -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/lib/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/lib/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/lib/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/lib/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/lib/actions/utils.d.ts

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

package/lib/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/lib/card/card-container.js

@@ -11,11 +11,17 @@ var _index = require("./index");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
 /**
  * @deprecated 建议使用 ProCard 代替
  */
 var ProCardContainer = function ProCardContainer(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.ProCard, props);
+  return /*#__PURE__*/_react.default.createElement(_index.ProCard, _objectSpread({}, props));
 };
 
 exports.ProCardContainer = ProCardContainer;
@@ -28,8 +34,4 @@ ProCardContainer.defaultProps = {
  */
 
 var CardContainer = ProCardContainer;
-/**
- * @deprecated 建议使用 ProCardContainerProps 代替
- */
-
 exports.CardContainer = CardContainer;

package/lib/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/lib/card/divider.js

@@ -9,10 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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; }
 
 var ProCardDivider = function ProCardDivider(props) {
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
     className: "teamix-pro-card-divider"
   }, props));
 };

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

package/lib/card/index.js

@@ -78,8 +78,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _extends() { _extends = Object.assign || 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; }
@@ -98,15 +96,14 @@ var renderActionGroup = function renderActionGroup(extra, context) {
   }
 
   if (extra.actions instanceof Array) {
-    var _ref = extra,
-        userContext = _ref.context,
-        others = _objectWithoutProperties(_ref, _excluded);
+    var userContext = extra.context,
+        others = _objectWithoutProperties(extra, _excluded);
 
     var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
 
-    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _extends({
+    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
       context: mergedContext
-    }, others, {
+    }, others), {}, {
       type: "text"
     }));
   }
@@ -327,12 +324,12 @@ var ProCard = function ProCard(props) {
     })));
   };
 
-  return /*#__PURE__*/_react.default.createElement(_components.Card, _extends({
+  return /*#__PURE__*/_react.default.createElement(_components.Card, _objectSpread({
     free: true,
     className: cardClassName,
     style: style,
-    actions: renderActionGroup(actions, context) // @ts-ignore
-    ,
+    actions: renderActionGroup(actions, context),
+    // @ts-ignore
     ref: cardRef
   }, others), !loading && image && /*#__PURE__*/_react.default.createElement(_components.Card.Media, {
     component: "img",
@@ -376,8 +373,4 @@ ProCard.Selectable = _selectable.default;
 ProCard.Tab = _tab.default;
 ProCard.isProCard = true;
 var _default = ProCard;
-/**
- * @deprecated 建议使用 ProCardProps 代替
- */
-
 exports.default = _default;

package/lib/card/index.scss

@@ -51,6 +51,12 @@
     display: flex;
     align-items: center;
 
+    .next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn {
+      i {
+        margin-right: 0;
+      }
+    }
+
     & > div {
       display: flex;
       align-items: center;
@@ -295,4 +301,5 @@
   &.transparent {
     background: transparent;
   }
+
 }

package/lib/card/selectable.d.ts

@@ -0,0 +1,13 @@
+import { ProCardProps } from './index';
+export interface ProCardSelectableProps extends Omit<ProCardProps, 'onSelect'> {
+    selected?: boolean;
+    onSelect?: (selected: boolean) => void;
+}
+declare const ProCardSelectable: {
+    (props: ProCardSelectableProps): JSX.Element;
+    defaultProps: {
+        hoveredShadow: boolean;
+    };
+    isProCard: boolean;
+};
+export default ProCardSelectable;

package/lib/card/selectable.js

@@ -19,7 +19,11 @@ var _excluded = ["selected", "onSelect", "className", "onClick"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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; }
 
@@ -34,7 +38,7 @@ var ProCardSelectable = function ProCardSelectable(props) {
       _onClick = props.onClick,
       others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_index.ProCard, _extends({
+  return /*#__PURE__*/_react.default.createElement(_index.ProCard, _objectSpread({
     className: (0, _classnames.default)(cls(), className),
     borderColor: selected ? 'blue' : 'grey',
     extra: /*#__PURE__*/_react.default.createElement(_icon.default, {

package/lib/card/tab.d.ts

@@ -0,0 +1,6 @@
+import { TabProps } from '@alicloudfe/components/types/tab';
+declare const ProCardTab: {
+    (props: TabProps): JSX.Element;
+    Item: typeof import("@alifd/next/types/tab").Item;
+};
+export default ProCardTab;