@teamix/pro 1.5.0 → 1.5.1

package/es/actions/index.d.ts

@@ -41,11 +41,13 @@ 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 {
@@ -69,6 +71,8 @@ export declare type ProActionGroupProps = {
     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;

package/es/actions/index.js

@@ -1,11 +1,11 @@
 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(); }
 
@@ -170,6 +170,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);
@@ -182,6 +183,11 @@ export var ProActionButton = function ProActionButton(props) {
   }) : _objectSpread(_objectSpread({
     disabled: disabled
   }, actionProps), others);
+
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+
   var content = /*#__PURE__*/React.createElement(Button, _objectSpread({
     type: type
   }, buttonProps), buttonContent(children, icon, iconSize, context));
@@ -212,7 +218,8 @@ export var ProActionButton = function ProActionButton(props) {
 
 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,
@@ -239,6 +246,11 @@ 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({
@@ -267,7 +279,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   }, 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
@@ -281,14 +293,15 @@ 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)
   });
 }
 
@@ -321,7 +334,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，则折叠起来
 
@@ -354,7 +367,7 @@ function formatGroupActions(actions, 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,
@@ -371,6 +384,10 @@ function renderCommonActionButton(button, context, isTypeText) {
     text: text || isTypeText
   }, others);
 
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+
   if (!button.actions) {
     return /*#__PURE__*/React.createElement(ProActionButton, _objectSpread({}, buttonProps));
   }
@@ -451,6 +468,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';
@@ -466,7 +484,14 @@ export function ProActionGroup(props) {
     })
   }, 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"

package/es/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/es/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/es/index.d.ts

@@ -28,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.5.0";
+declare const version = "1.5.1";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/es/index.js

@@ -37,6 +37,6 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.5.0';
+var version = '1.5.1';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };

package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts

@@ -1,7 +1,7 @@
 import { TooltipProps } from '@alicloudfe/components/types/balloon';
 import React from 'react';
 import './index.scss';
-export declare type ProIconSwitch = {
+export declare type ProIconSwitchProps = {
     /** 默认状态 */
     visible?: boolean;
     /** tooltip 显示隐藏 */
@@ -19,5 +19,5 @@ export declare type ProIconSwitch = {
     /** 状态改变的回调 */
     onChange?: (state: boolean) => void;
 };
-declare const ProIconSwitch: React.FC<ProIconSwitch>;
+declare const ProIconSwitch: React.FC<ProIconSwitchProps>;
 export default ProIconSwitch;

package/es/sidebar/components/tree-node/components/IconSwitch/index.scss

@@ -3,5 +3,5 @@
   cursor: pointer;
 }
 .teamix-pro-icon-switch-active {
-  color: var(--color-warning-7, #ffb96e);
+  color: var(--color-warning-5, #ffb96e);
 }

package/es/sidebar/index.d.ts

@@ -3,5 +3,7 @@ import './index.scss';
 import { ProSidebarProps } from './typing';
 export * from './typing';
 export * from './utils';
+import ProIconSwitch from './components/tree-node/components/IconSwitch';
 declare const ProSidebar: React.FC<ProSidebarProps>;
 export default ProSidebar;
+export { ProIconSwitch };

package/es/sidebar/index.js

@@ -32,6 +32,7 @@ import { useActionType } from './utils/action-ref';
 import debounce from 'lodash.debounce';
 export * from './typing';
 export * from './utils';
+import ProIconSwitch from './components/tree-node/components/IconSwitch';
 var cls = usePrefixCls('teamix-pro-sidebar');
 
 var ProSidebar = function ProSidebar(props) {
@@ -203,4 +204,5 @@ var ProSidebar = function ProSidebar(props) {
   }, treeProps))));
 };
 
-export default ProSidebar;
+export default ProSidebar;
+export { ProIconSwitch };

package/es/table/components/CardView/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProTableCardViewProps } from '../../typing';
+import './index.scss';
+declare const CardView: React.FC<ProTableCardViewProps>;
+export default CardView;