@teamix/pro 1.2.4 → 1.2.8

package/es/actions/dialog-component.js

@@ -12,13 +12,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import useDialogAction from './dialog';
+import { addContext } from './utils';
 export function useDialogComponentAction(action, context) {
   var schema = action.schema,
       Component = action.component,
       others = _objectWithoutProperties(action, _excluded);
 
   return useDialogAction(Object.assign({
-    content: /*#__PURE__*/React.createElement(Component, _objectSpread({}, schema)),
+    content: /*#__PURE__*/React.createElement(Component, _objectSpread({}, addContext(schema, context))),
     closeable: true
   }, others), context);
 }

package/es/actions/dialog-form.js

@@ -30,6 +30,7 @@ import ProForm, { createForm } from '../form';
 import { getTargetValue } from '@teamix/utils';
 import { doRequest } from './request';
 import useDialogAction from './dialog';
+import { addContext } from './utils';
 
 function getDefaultFormPropsByDialogSize(size) {
   if (size === 'small') {
@@ -119,7 +120,7 @@ var DialogForm = function DialogForm(props) {
   }, /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({
     form: form,
     schema: getTargetValue(formSchema, context)
-  }, getDefaultFormPropsByDialogSize(size)), getTargetValue(others, context))));
+  }, getDefaultFormPropsByDialogSize(size)), addContext(getTargetValue(others, context), context))));
 };
 
 export function useDialogFormAction(action, context) {

package/es/actions/dialog.js

@@ -37,6 +37,7 @@ import ProForm, { createForm } from '../form';
 import { renderProMessage } from '../utils/message';
 import { eventHandler } from './base';
 import { doRequest } from './request';
+import { addContext } from './utils';
 
 function addContextForReactNode(content, context) {
   if (typeof content === 'function' && context) {
@@ -223,7 +224,7 @@ export function useDialogAction(action, context) {
     });
     var dialogContent = Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({
       key: uuid()
-    }, componentProps)) : addContextForReactNode(content, dialogContext);
+    }, addContext(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
 
     var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore

package/es/actions/index.js

@@ -222,13 +222,14 @@ export var ProActionMenuButton = function ProActionMenuButton(props) {
       others = _objectWithoutProperties(props, _excluded4);
 
   return /*#__PURE__*/React.createElement(MenuButton, _objectSpread({
-    popupTriggerType: "hover",
+    popupTriggerType: "click",
+    autoWidth: false,
     menuProps: {
       mode: 'popup',
       triggerType: 'hover'
     },
     popupProps: {
-      shouldUpdatePosition: true
+      v2: true
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)

package/es/actions/index.scss

@@ -85,4 +85,7 @@
   .teamix-pro-form {
     margin-bottom: -20px;
   }
+  .teamix-pro-table .teamix-pro-form {
+    margin-bottom: 0px;
+  }
 }

package/es/actions/utils.d.ts

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

package/es/actions/utils.js

@@ -0,0 +1,27 @@
+var _excluded = ["context"];
+
+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; }
+
+export function addContext(props, context) {
+  if (!props) {
+    return {
+      context: context
+    };
+  }
+
+  var propsContext = props.context,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var mergedContext = Object.assign({}, propsContext, context);
+  return _objectSpread({
+    context: mergedContext
+  }, others);
+}

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

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

@@ -0,0 +1,16 @@
+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';
+
+var ProCardDivider = function ProCardDivider(props) {
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
+    className: "teamix-pro-card-divider"
+  }, props));
+};
+
+ProCardDivider.isProCardDivider = true;
+export default ProCardDivider;

package/es/card/index.d.ts

@@ -1,59 +1,95 @@
 import React from 'react';
-import { ActionGroupProps } from '../actions';
+import { ProActionGroupProps } from '../actions';
 import './index.scss';
-export declare type ProCardContainerProps = {
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    spacing?: [number, number] | number;
-    wrap?: boolean;
-} & React.HTMLAttributes<HTMLElement>;
-export declare const ProCardContainer: React.FC<ProCardContainerProps>;
-export interface ProCardProps {
+export * from './card-container';
+export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
     /** 内容部分 */
     children?: React.ReactNode;
     /**卡片标题 */
     title?: React.ReactNode;
     /**卡片副标题 */
     subTitle?: React.ReactNode;
-    /**额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
-    extra?: React.ReactNode | ActionGroupProps;
-    /**卡片背景图 */
+    /** 标题右侧图标 hover 提示信息 */
+    tooltip?: React.ReactNode;
+    /** 标题右侧图标 */
+    tooltipIcon?: React.ReactNode;
+    /** 标题右侧描述 */
+    description?: React.ReactNode;
+    /** 额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
+    extra?: React.ReactNode | ProActionGroupProps;
+    /** 卡片操作区域，位于卡片最下方，可以配置一些常用轻量操作 */
+    actions?: React.ReactNode | ProActionGroupProps;
+    /** 卡片背景图 */
     image?: string;
-    /**卡片标题下方是否有分割线 */
+    /** 卡片标题下方是否有分割线 */
     divider?: boolean;
-    /**卡片是否有边框 */
+    /**
+     * @deprecated 建议使用 borderColor = 'none' 代替
+     */
     bordered?: boolean;
-    /**卡片在hovers时是否有阴影 */
+    /** 卡片在 hover 时拥有阴影效果 */
     hoveredShadow?: boolean;
-    /**卡片是否为紧凑模式，紧凑模式下卡片无内边距 */
+    /** 卡片是否为紧凑模式，紧凑模式下卡片没有内边距和边框 */
     compacted?: boolean;
-    /**卡片内容是否居中展示 */
+    /** 卡片内容是否居中展示 */
     centered?: boolean;
-    /**加载中状态 */
+    /** 加载中状态 */
     loading?: 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;
-    /**卡片 class */
+    /** 卡片是否可折叠 */
+    collapsible?: boolean;
+    /** 默认是否折叠，用于非受控模式 */
+    defaultCollapsed?: boolean;
+    /** 是否折叠，受控模式 */
+    collapsed?: boolean;
+    /** 折叠状态改变的回调函数 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 卡片 class */
     className?: string;
-    /**卡片样式 */
+    /** 卡片样式 */
     style?: React.CSSProperties;
-    /**卡片内容 class */
+    /** 卡片内容 class */
     contentClassName?: string;
-    /**卡片内容样式 */
+    /** 卡片内容样式 */
     contentStyle?: React.CSSProperties;
+    /** 上下文 */
+    context?: any;
 }
-declare const ProCard: React.FC<ProCardProps>;
+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;
+    };
+    isProCard: boolean;
+};
 export default ProCard;
-/**
- * @deprecated 建议使用 ProCardContainer 代替
- */
-export declare const CardContainer: React.FC<ProCardContainerProps>;
 /**
  * @deprecated 建议使用 ProCardProps 代替
  */
 export declare type CardProps = ProCardProps;
-/**
- * @deprecated 建议使用 ProCardContainerProps 代替
- */
-export declare type CardContainerProps = ProCardContainerProps;