@alicloud/console-base-rc-side-panel 1.1.21 → 1.1.23

package/build/cjs/ui/index.js

@@ -37,7 +37,7 @@ function Ui() {
   return visible ? /*#__PURE__*/_react.default.createElement(ScAside, (0, _defineProperty2.default)({
     $collapsed: collapsed,
     className: 'J_fixed_right_will_be_pushed_left',
-    'data-spm': 'console-base_side-panel'
+    'data-spm': 'console-base_sidebar'
   }, _const.DATA_KEY_J, ''), /*#__PURE__*/_react.default.createElement(_rc.GlobalStyleOnBody, null), /*#__PURE__*/_react.default.createElement(_rcContainer.ItemsTop, null), /*#__PURE__*/_react.default.createElement(_rcContainer.ItemsBottom, null), /*#__PURE__*/_react.default.createElement(ScCollapseAsideWrapper, {
     $collapsedAsideMini: !!collapsedAsideMini,
     $collapsed: collapsed

package/build/cjs/ui/rc/side-panel-item-button/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _consoleBaseRcButton = require("@alicloud/console-base-rc-button");
 var _consoleBaseRcEasyIcon = require("@alicloud/console-base-rc-easy-icon");
 var _styles = require("./styles");
-var _excluded = ["title", "icon", "onlyShowIcon", "active"];
+var _excluded = ["title", "icon", "onlyShowIcon", "active", "buttonId", "buttonStyle"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -22,8 +22,12 @@ function SidePanelItemButton(_ref) {
     icon = _ref.icon,
     onlyShowIcon = _ref.onlyShowIcon,
     active = _ref.active,
+    buttonId = _ref.buttonId,
+    buttonStyle = _ref.buttonStyle,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_styles.ScButton, _objectSpread({
+    id: buttonId,
+    style: buttonStyle,
     size: _consoleBaseRcButton.ButtonSize.NONE,
     theme: _consoleBaseRcButton.ButtonTheme.NONE,
     'aria-label': title,

package/build/cjs/ui/rc-container/collapse-toggle/index.js

@@ -38,7 +38,7 @@ function PanelToggle() {
     overlayStyle: {
       marginLeft: '8px'
     },
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, /*#__PURE__*/_react.default.createElement(_styles.ScCollapseToggle, {
     $hovered: isHovered,
     $collapsed: collapsed,

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

@@ -15,7 +15,7 @@ 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 = ["title", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipDefaultOpen", "tooltipDefaultOpenDelay", "tooltipDefaultOpenDuration", "tooltipOptions", "active", "onActiveChange", "onClick", "id", "className", "icon", "iconHovered"];
+var _excluded = ["title", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipDefaultOpen", "tooltipDefaultOpenDelay", "tooltipDefaultOpenDuration", "tooltipOptions", "active", "onActiveChange", "onClick", "id", "buttonId", "buttonStyle", "className", "icon", "iconHovered"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -38,6 +38,8 @@ var Item = function Item(_ref) {
     onActiveChange = _ref.onActiveChange,
     onClick = _ref.onClick,
     id = _ref.id,
+    buttonId = _ref.buttonId,
+    buttonStyle = _ref.buttonStyle,
     className = _ref.className,
     icon = _ref.icon,
     iconHovered = _ref.iconHovered,
@@ -89,7 +91,7 @@ var Item = function Item(_ref) {
     destroyTooltipOnHide: true,
     placement: "left",
     fixed: true,
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, tooltipOptions, {
     overlayStyle: _objectSpread({
       marginLeft: '8px'
@@ -100,6 +102,8 @@ var Item = function Item(_ref) {
     id: id,
     className: className
   }, /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemButton, (0, _extends2.default)({
+    buttonId: buttonId,
+    buttonStyle: buttonStyle,
     title: title,
     active: active,
     icon: open && iconHovered ? iconHovered : icon,

package/build/cjs/ui/rc-container/quick-top/index.js

@@ -22,7 +22,7 @@ function QuickTop() {
     overlayStyle: {
       marginLeft: '8px'
     },
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemWrap, null, /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemButton, {
     title: title,
     icon: /*#__PURE__*/_react.default.createElement(_consoleBaseRcIcon.default, {

package/build/esm/ui/index.js

@@ -27,7 +27,7 @@ export default function Ui() {
   return visible ? /*#__PURE__*/React.createElement(ScAside, _defineProperty({
     $collapsed: collapsed,
     className: 'J_fixed_right_will_be_pushed_left',
-    'data-spm': 'console-base_side-panel'
+    'data-spm': 'console-base_sidebar'
   }, DATA_KEY_J, ''), /*#__PURE__*/React.createElement(GlobalStyleOnBody, null), /*#__PURE__*/React.createElement(ItemsTop, null), /*#__PURE__*/React.createElement(ItemsBottom, null), /*#__PURE__*/React.createElement(ScCollapseAsideWrapper, {
     $collapsedAsideMini: !!collapsedAsideMini,
     $collapsed: collapsed

package/build/esm/ui/rc/side-panel-item-button/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["title", "icon", "onlyShowIcon", "active"];
+var _excluded = ["title", "icon", "onlyShowIcon", "active", "buttonId", "buttonStyle"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -16,8 +16,12 @@ export default function SidePanelItemButton(_ref) {
     icon = _ref.icon,
     onlyShowIcon = _ref.onlyShowIcon,
     active = _ref.active,
+    buttonId = _ref.buttonId,
+    buttonStyle = _ref.buttonStyle,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ScButton, _objectSpread({
+    id: buttonId,
+    style: buttonStyle,
     size: ButtonSize.NONE,
     theme: ButtonTheme.NONE,
     'aria-label': title,

package/build/esm/ui/rc-container/collapse-toggle/index.js

@@ -28,7 +28,7 @@ export default function PanelToggle() {
     overlayStyle: {
       marginLeft: '8px'
     },
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, /*#__PURE__*/React.createElement(ScCollapseToggle, {
     $hovered: isHovered,
     $collapsed: collapsed,

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["title", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipDefaultOpen", "tooltipDefaultOpenDelay", "tooltipDefaultOpenDuration", "tooltipOptions", "active", "onActiveChange", "onClick", "id", "className", "icon", "iconHovered"];
+var _excluded = ["title", "unread", "mark", "tooltip", "tooltipAsHtml", "tooltipDefaultOpen", "tooltipDefaultOpenDelay", "tooltipDefaultOpenDuration", "tooltipOptions", "active", "onActiveChange", "onClick", "id", "buttonId", "buttonStyle", "className", "icon", "iconHovered"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -28,6 +28,8 @@ var Item = function Item(_ref) {
     onActiveChange = _ref.onActiveChange,
     onClick = _ref.onClick,
     id = _ref.id,
+    buttonId = _ref.buttonId,
+    buttonStyle = _ref.buttonStyle,
     className = _ref.className,
     icon = _ref.icon,
     iconHovered = _ref.iconHovered,
@@ -79,7 +81,7 @@ var Item = function Item(_ref) {
     destroyTooltipOnHide: true,
     placement: "left",
     fixed: true,
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, tooltipOptions, {
     overlayStyle: _objectSpread({
       marginLeft: '8px'
@@ -90,6 +92,8 @@ var Item = function Item(_ref) {
     id: id,
     className: className
   }, /*#__PURE__*/React.createElement(SidePanelItemButton, _extends({
+    buttonId: buttonId,
+    buttonStyle: buttonStyle,
     title: title,
     active: active,
     icon: open && iconHovered ? iconHovered : icon,

package/build/esm/ui/rc-container/quick-top/index.js

@@ -15,7 +15,7 @@ export default function QuickTop() {
     overlayStyle: {
       marginLeft: '8px'
     },
-    spm: "console-base_side-panel"
+    spm: "console-base_sidebar"
   }, /*#__PURE__*/React.createElement(SidePanelItemWrap, null, /*#__PURE__*/React.createElement(SidePanelItemButton, {
     title: title,
     icon: /*#__PURE__*/React.createElement(Icon, {

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

@@ -1,6 +1,14 @@
 import { EasyIconValue } from '@alicloud/console-base-rc-easy-icon';
 import { TooltipPropsV1 } from '@alicloud/console-base-rc-tooltip';
 export interface SidePanelItemButtonProps {
+    /**
+     * 入口按钮 ID
+     */
+    buttonId?: string;
+    /**
+     * 入口按钮样式
+     */
+    buttonStyle?: React.CSSProperties;
     /**
      * 默认用于 tooltip，也是按钮 aria-label 属性
      */

package/build/types/ui/rc/side-panel-item-button/index.d.ts

@@ -2,4 +2,4 @@ import { SidePanelItemButtonProps } from '../../../model/types/common';
 /**
  * 工具的按钮
  */
-export default function SidePanelItemButton({ title, icon, onlyShowIcon, active, ...rest }: SidePanelItemButtonProps): JSX.Element;
+export default function SidePanelItemButton({ title, icon, onlyShowIcon, active, buttonId, buttonStyle, ...rest }: SidePanelItemButtonProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,