@alicloud/console-base-rc-side-panel 1.1.8-beta.3 → 1.1.9-beta.0

package/build/cjs/ui/rc-container/item/index.js

@@ -11,9 +11,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _consoleBaseRcEasyIcon = require("@alicloud/console-base-rc-easy-icon");
 var _consoleBaseRcTooltip = require("@alicloud/console-base-rc-tooltip");
+var _consoleBaseRcHtmlTrusted = _interopRequireDefault(require("@alicloud/console-base-rc-html-trusted"));
 var _model = require("../../../model");
 var _rc = require("../../rc");
-var _excluded = ["id", "className", "style", "active", "title", "icon", "unread", "mark", "tooltip", "tooltipOptions", "onlyShowIcon", "onClick", "onActiveChange"];
+var _excluded = ["id", "className", "style", "active", "title", "icon", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipOptions", "onlyShowIcon", "onClick", "onActiveChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function Item(_ref) {
@@ -26,6 +27,7 @@ function Item(_ref) {
     unread = _ref.unread,
     mark = _ref.mark,
     tooltip = _ref.tooltip,
+    tooltipAsHtml = _ref.tooltipAsHtml,
     tooltipOptions = _ref.tooltipOptions,
     onlyShowIcon = _ref.onlyShowIcon,
     onClick = _ref.onClick,
@@ -53,7 +55,9 @@ function Item(_ref) {
     }));
   };
   return collapsed || !tooltip && !title ? renderItem() : /*#__PURE__*/_react.default.createElement(_consoleBaseRcTooltip.TooltipV1, (0, _extends2.default)({
-    title: tooltip || title,
+    title: tooltipAsHtml && typeof tooltip === 'string' ? /*#__PURE__*/_react.default.createElement(_consoleBaseRcHtmlTrusted.default, {
+      text: tooltip
+    }) : tooltip || title,
     placement: "left",
     destroyTooltipOnHide: true,
     fixed: true

package/build/esm/ui/rc-container/item/index.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "active", "title", "icon", "unread", "mark", "tooltip", "tooltipOptions", "onlyShowIcon", "onClick", "onActiveChange"];
+var _excluded = ["id", "className", "style", "active", "title", "icon", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipOptions", "onlyShowIcon", "onClick", "onActiveChange"];
 import React, { useCallback } from 'react';
 import { renderEasyIcon } from '@alicloud/console-base-rc-easy-icon';
 import { TooltipV1 } from '@alicloud/console-base-rc-tooltip';
+import HtmlTrusted from '@alicloud/console-base-rc-html-trusted';
 import { useCollapsed } from '../../../model';
 import { SidePanelItemWrap, SidePanelItemButton, SidePanelItemBadge } from '../../rc';
 export default function Item(_ref) {
@@ -16,6 +17,7 @@ export default function Item(_ref) {
     unread = _ref.unread,
     mark = _ref.mark,
     tooltip = _ref.tooltip,
+    tooltipAsHtml = _ref.tooltipAsHtml,
     tooltipOptions = _ref.tooltipOptions,
     onlyShowIcon = _ref.onlyShowIcon,
     onClick = _ref.onClick,
@@ -43,7 +45,9 @@ export default function Item(_ref) {
     }));
   };
   return collapsed || !tooltip && !title ? renderItem() : /*#__PURE__*/React.createElement(TooltipV1, _extends({
-    title: tooltip || title,
+    title: tooltipAsHtml && typeof tooltip === 'string' ? /*#__PURE__*/React.createElement(HtmlTrusted, {
+      text: tooltip
+    }) : tooltip || title,
     placement: "left",
     destroyTooltipOnHide: true,
     fixed: true

package/build/types/model/types/common.d.ts

@@ -18,6 +18,10 @@ export interface ISidePanelItemProps extends Omit<ButtonProps, 'label' | 'size'
      * 当需要复杂的 tooltip 时，可以用这个 prop
      */
     tooltip?: string | React.ReactElement;
+    /**
+     * 当 Tooltip 没有条件用 JSX，必须是字符串但又需要展示成 HTML 时，可以用 `tooltipAsHtml: true`
+     */
+    tooltipAsHtml?: boolean;
     /**
      * tooltip 的配置
      */

package/build/types/ui/rc-container/item/index.d.ts

@@ -1,2 +1,2 @@
 import { SidePanelItemProps } from '../../../model';
-export default function Item({ id, className, style, active, title, icon, unread, mark, tooltip, tooltipOptions, onlyShowIcon, onClick, onActiveChange, ...rest }: SidePanelItemProps): JSX.Element;
+export default function Item({ id, className, style, active, title, icon, unread, mark, tooltip, tooltipAsHtml, tooltipOptions, onlyShowIcon, onClick, onActiveChange, ...rest }: SidePanelItemProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.1.8-beta.3",
+  "version": "1.1.9-beta.0",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,