@teamix/pro 1.4.25-bugfix → 1.4.25-bugfix.2

package/lib/actions/index.js

@@ -3,212 +3,172 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  registerActionHandler: true,
+  useAction: true,
+  ProActionButton: true,
+  ProActionMenuButton: true,
+  ProActionGroup: true,
+  ActionGroup: true,
+  ActionButton: true,
+  ActionMenuButton: true
+};
 exports.ProActionButton = exports.ActionMenuButton = exports.ActionGroup = exports.ActionButton = void 0;
 exports.ProActionGroup = ProActionGroup;
 exports.default = exports.ProActionMenuButton = void 0;
 exports.registerActionHandler = registerActionHandler;
 exports.useAction = useAction;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _components = require("@alicloudfe/components");
-
 var _icon = _interopRequireDefault(require("@teamix/icon"));
-
 var _utils = require("@teamix/utils");
-
 var _link = require("./link");
-
 var _request = require("./request");
-
 var _dialog = require("./dialog");
-
 var _confirm = require("./confirm");
-
 var _dangerConfirm = require("./danger-confirm");
-
 var _notice = require("./notice");
-
 var _error = require("./error");
-
 var _dialogForm = require("./dialog-form");
-
 var _dialogTable = require("./dialog-table");
-
 var _dialogInfo = require("./dialog-info");
-
 var _drawer = require("./drawer");
-
 var _drawerForm = require("./drawer-form");
-
 var _drawerTable = require("./drawer-table");
-
 var _drawerInfo = require("./drawer-info");
-
 var _popConfirm = require("./pop-confirm");
-
 var _dangerPopConfirm = require("./danger-pop-confirm");
-
 require("./index.scss");
-
+var _quick = require("./quick");
+Object.keys(_quick).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _quick[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _quick[key];
+    }
+  });
+});
 var _excluded = ["type"],
-    _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "disabled", "onClick", "tooltip", "disabledTooltip", "tooltipProps"],
-    _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"];
-
+  _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", "data-teamix-spm"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 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; }
-
 var RegistedActions = new Map();
-
 function registerActionHandler(id, extendActionId, defaultConfig) {
   RegistedActions.set(id, {
     extendActionId: extendActionId,
     defaultConfig: defaultConfig
   });
 }
-
 function useAction(config, context) {
   if (!config) {
     return {};
   }
-
   var type = config.type,
-      others = _objectWithoutProperties(config, _excluded);
-
+    others = _objectWithoutProperties(config, _excluded);
   if (type === 'request') {
     return (0, _request.useRequestAction)(others, context);
   }
-
   if (type === 'link') {
     return (0, _link.useLinkAction)(others, context);
   }
-
   if (type === 'dialog') {
     return (0, _dialog.useDialogAction)(others, context);
   }
-
   if (type === 'confirm') {
     return (0, _confirm.useConfirmAction)(others, context);
   }
-
   if (type === 'danger-confirm') {
     return (0, _dangerConfirm.useDangerConfirmAction)(others, context);
   }
-
   if (type === 'notice') {
     return (0, _notice.useNoticeAction)(others, context);
   }
-
   if (type === 'error') {
     return (0, _error.useErrorAction)(others, context);
   }
-
   if (type === 'dialog-form') {
     return (0, _dialogForm.useDialogFormAction)(others, context);
   }
-
   if (type === 'dialog-table') {
     return (0, _dialogTable.useDialogTableAction)(others, context);
   }
-
   if (type === 'dialog-info') {
     return (0, _dialogInfo.useDialogInfoAction)(others, context);
   }
-
   if (type === 'drawer') {
     return (0, _drawer.useDrawerAction)(others, context);
   }
-
   if (type === 'drawer-form') {
     return (0, _drawerForm.useDrawerFormAction)(others, context);
   }
-
   if (type === 'drawer-table') {
     return (0, _drawerTable.useDrawerTableAction)(others, context);
   }
-
   if (type === 'drawer-info') {
     return (0, _drawerInfo.useDrawerInfoAction)(others, context);
   }
-
   if (type === 'pop-confirm') {
     return (0, _popConfirm.usePopConfirmAction)(others, context);
   }
-
   if (type === 'danger-pop-confirm') {
     return (0, _dangerPopConfirm.useDangerPopConfirmAction)(others, context);
   }
-
   var registedAction = RegistedActions.get(type);
-
   if (!registedAction) {
     return {};
   }
-
   return useAction(_objectSpread(_objectSpread({
     type: registedAction.extendActionId
   }, registedAction.defaultConfig), others), context);
 }
-
 var buttonContent = function buttonContent(content, iconType, iconSize, context) {
   var renderedContent = typeof content === 'function' ? content(context) : content;
-
   if (!iconType) {
     return renderedContent;
   }
-
   return [/*#__PURE__*/_react.default.createElement(_icon.default, {
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
   }), renderedContent];
 };
-
 var ProActionButton = function ProActionButton(props) {
   var config = props.config,
-      icon = props.icon,
-      _props$iconSize = props.iconSize,
-      iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'primary' : _props$type,
-      context = props.context,
-      children = props.children,
-      visible = props.visible,
-      disabled = props.disabled,
-      _onClick = props.onClick,
-      tooltip = props.tooltip,
-      disabledTooltip = props.disabledTooltip,
-      tooltipProps = props.tooltipProps,
-      others = _objectWithoutProperties(props, _excluded2);
-
+    icon = props.icon,
+    _props$iconSize = props.iconSize,
+    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    context = props.context,
+    children = props.children,
+    visible = props.visible,
+    disabled = props.disabled,
+    _onClick = props.onClick,
+    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({
     disabled: disabled
@@ -219,17 +179,17 @@ var ProActionButton = function ProActionButton(props) {
   }) : _objectSpread(_objectSpread({
     disabled: disabled
   }, actionProps), others);
-
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
   var content = /*#__PURE__*/_react.default.createElement(_components.Button, _objectSpread({
     type: type
   }, buttonProps), buttonContent(children, icon, iconSize, context));
-
   var baseToolTipProps = _objectSpread({
     triggerType: 'hover',
     align: 't',
     trigger: content
   }, tooltipProps);
-
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
@@ -244,24 +204,22 @@ var ProActionButton = function ProActionButton(props) {
       content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
-
   return content;
 };
-
 exports.ProActionButton = ProActionButton;
-
 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,
-      children = action.children,
-      icon = action.icon,
-      disabled = action.disabled,
-      tooltip = action.tooltip,
-      disabledTooltip = action.disabledTooltip,
-      tooltipProps = action.tooltipProps;
+    btnContext = action.context,
+    _onClick2 = action.onClick,
+    children = action.children,
+    icon = action.icon,
+    disabled = action.disabled,
+    tooltip = action.tooltip,
+    disabledTooltip = action.disabledTooltip,
+    tooltipProps = action.tooltipProps;
   var basePrefix = (0, _utils.usePrefixCls)('', {
     base: true
   });
@@ -269,24 +227,23 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
-
   var _useAction = useAction(menuItemActionConfig, btnContext || context),
-      loading = _useAction.loading,
-      menuItemProps = _objectWithoutProperties(_useAction, _excluded3);
-
+    loading = _useAction.loading,
+    menuItemProps = _objectWithoutProperties(_useAction, _excluded3);
   var buttonProps = disabled ? {} : _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
     onClick: function onClick(e) {
       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',
     align: 't',
     trigger: content
   }, tooltipProps);
-
   if (tooltip || disabledTooltip) {
     if (tooltip && !disabledTooltip) {
       if (!disabled) {
@@ -301,50 +258,44 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       content = /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({}, baseToolTipProps), showToolTip);
     }
   }
-
   return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
     className: (0, _classnames.default)(_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.default.createElement(_components.Menu.Divider, {
       key: key
     });
   }
-
   var menuBtn = action;
-
   if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/_react.default.createElement(_components.Menu.SubMenu, {
       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.default.createElement(ProActionMenuButtonItem, {
     key: key,
     action: action,
-    context: context
+    context: context,
+    "data-teamix-spm": "".concat(dataTeamixSpm, "-").concat(key)
   });
 }
-
 var ProActionMenuButton = function ProActionMenuButton(props) {
   var icon = props.icon,
-      iconSize = props.iconSize,
-      label = props.label,
-      actions = props.actions,
-      children = props.children,
-      context = props.context,
-      _props$type2 = props.type,
-      type = _props$type2 === void 0 ? 'primary' : _props$type2,
-      className = props.className,
-      noArrow = props.noArrow,
-      others = _objectWithoutProperties(props, _excluded4);
-
+    iconSize = props.iconSize,
+    label = props.label,
+    actions = props.actions,
+    children = props.children,
+    context = props.context,
+    _props$type2 = props.type,
+    type = _props$type2 === void 0 ? 'primary' : _props$type2,
+    className = props.className,
+    noArrow = props.noArrow,
+    others = _objectWithoutProperties(props, _excluded4);
   return /*#__PURE__*/_react.default.createElement(_components.MenuButton, _objectSpread({
     popupTriggerType: "hover",
     autoWidth: false,
@@ -361,66 +312,57 @@ 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，则折叠起来
-
-
+};
+// 超出 max，则折叠起来
 exports.ProActionMenuButton = ProActionMenuButton;
-
 function foldExtraActions(actions, max, moreConfig) {
   if (actions.length <= max) {
     return actions;
   }
-
   return [].concat(_toConsumableArray(actions.slice(0, max - 1)), [_objectSpread(_objectSpread({
     key: '__teamix_pro_action_group_more_btn'
   }, moreConfig), {}, {
     actions: actions.slice(max - 1)
   })]);
-} // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
+}
+// 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 // divider 不计数
-
-
 function formatGroupActions(actions, max, moreConfig) {
   var MAX = max < 1 ? MAX_ACTTIONS : max;
   var count = 0;
   var index = 0;
-
   for (; index < actions.length && count < MAX; index++) {
     if (actions[index].type !== 'divider') {
       count += 1;
     }
   }
-
   return foldExtraActions(actions, Math.max(index, MAX), moreConfig);
-} // 渲染一个 button 或者 menu button
-
-
-function renderCommonActionButton(button, context, isTypeText) {
+}
+// 渲染一个 button 或者 menu button
+function renderCommonActionButton(button, context, isTypeText, dataTeamixSpm) {
   if (button.type === 'divider') {
     return /*#__PURE__*/_react.default.createElement(_components.Divider, {
       key: button.key,
       direction: "ver"
     });
   }
-
   var buttonContext = button.context,
-      text = button.text,
-      others = _objectWithoutProperties(button, _excluded5);
-
+    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.default.createElement(ProActionButton, _objectSpread({}, buttonProps));
   }
-
   return /*#__PURE__*/_react.default.createElement(ProActionMenuButton, _objectSpread({}, buttonProps));
 }
-
 function getDefaultMoreButton(type, more) {
   var defaultConfig = type === 'button' ? {
     children: (0, _utils.getMessage)('more')
@@ -429,38 +371,29 @@ function getDefaultMoreButton(type, more) {
     autoWidth: false,
     noArrow: true
   };
-
   if (!more) {
     return defaultConfig;
   }
-
   var moreConfig = typeof more === 'string' ? {
     children: more
   } : more;
-
   if (type === 'button') {
     return Object.assign(defaultConfig, moreConfig);
   }
-
   return moreConfig;
 }
-
 var MAX_ACTTIONS = 4;
-
 function getKey(index, key) {
   if (key !== undefined) {
     return key;
   }
-
   return "__teamix_pro_action_key_".concat(index);
 }
-
 function getActionConfig(action, index, context) {
   if (action.actions) {
     var _key = action.key,
-        actions = action.actions,
-        _others = _objectWithoutProperties(action, _excluded6);
-
+      actions = action.actions,
+      _others = _objectWithoutProperties(action, _excluded6);
     return _objectSpread({
       key: getKey(index, _key),
       actions: actions.map(function (a, j) {
@@ -470,32 +403,29 @@ function getActionConfig(action, index, context) {
       })
     }, (0, _utils.getTargetValue)(_others, context));
   }
-
   var key = action.key,
-      config = action.config,
-      others = _objectWithoutProperties(action, _excluded7);
-
+    config = action.config,
+    others = _objectWithoutProperties(action, _excluded7);
   return _objectSpread({
     key: getKey(index, key),
     config: config
   }, (0, _utils.getTargetValue)(others, context));
 }
-
 function ProActionGroup(props) {
   var _props$type3 = props.type,
-      type = _props$type3 === void 0 ? 'button' : _props$type3,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? true : _props$divider,
-      _props$max = props.max,
-      max = _props$max === void 0 ? MAX_ACTTIONS : _props$max,
-      moreText = props.moreText,
-      more = props.more,
-      context = props.context,
-      _props$actions = props.actions,
-      actions = _props$actions === void 0 ? [] : _props$actions,
-      className = props.className,
-      containerProps = _objectWithoutProperties(props, _excluded8);
-
+    type = _props$type3 === void 0 ? 'button' : _props$type3,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? true : _props$divider,
+    _props$max = props.max,
+    max = _props$max === void 0 ? MAX_ACTTIONS : _props$max,
+    moreText = props.moreText,
+    more = props.more,
+    context = props.context,
+    _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) {
     return getActionConfig(action, index, context);
@@ -509,35 +439,36 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    if (dataTeamixSpm) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: actionBtn.key
+      }, renderCommonActionButton(actionBtn, context, isTypeText, "".concat(dataTeamixSpm, "-").concat(actionBtn.key || i)), isTypeText && divider && !isLastOne && /*#__PURE__*/_react.default.createElement(_components.Divider, {
+        direction: "ver"
+      }));
+    } else return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: actionBtn.key
     }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/_react.default.createElement(_components.Divider, {
       direction: "ver"
     }));
   }));
 }
-
 var ProAction = function ProAction(props) {
   return renderCommonActionButton(props);
 };
-
 var _default = ProAction;
+exports.default = _default;
 /**
  * @deprecated 建议使用 ProActionGroup 代替
  */
-
-exports.default = _default;
 var ActionGroup = ProActionGroup;
 /**
  * @deprecated 建议使用 ProActionButton 代替
  */
-
 exports.ActionGroup = ActionGroup;
 var ActionButton = ProActionButton;
 /**
  * @deprecated 建议使用 ProActionMenuButton 代替
  */
-
 exports.ActionButton = ActionButton;
 var ActionMenuButton = ProActionMenuButton;
 exports.ActionMenuButton = ActionMenuButton;

package/lib/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/lib/actions/link.js

@@ -5,26 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.useLinkAction = useLinkAction;
-
 var _utils = require("@teamix/utils");
-
-var _reactRouterDom = require("react-router-dom");
-
 var _base = require("./base");
-
 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 useLinkAction(action, actionContext) {
-  var history = (0, _reactRouterDom.useHistory)();
+  var history = (0, _utils.useRealHistory)();
   return _objectSpread({}, (0, _base.eventHandler)(action, actionContext, function (context) {
     var linkAction = (0, _utils.getTargetValue)(action, context);
     (0, _utils.goToLink)(linkAction, history);
   }));
 }
-
 var _default = useLinkAction;
 exports.default = _default;