@alicloud/console-base-rc-side-panel 1.1.0 → 1.1.1-beta.1

package/build/cjs/model/const/index.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QUICK_TOP_VISIBLE_OFFSET = exports.DEFAULT_CONTEXT_STATE = exports.BODY_CLASS_WITH_SIDE_PANEL = void 0;
-var BODY_CLASS_WITH_SIDE_PANEL = 'with-side-panel';
-exports.BODY_CLASS_WITH_SIDE_PANEL = BODY_CLASS_WITH_SIDE_PANEL;
-var QUICK_TOP_VISIBLE_OFFSET = 200;
-exports.QUICK_TOP_VISIBLE_OFFSET = QUICK_TOP_VISIBLE_OFFSET;
-var DEFAULT_CONTEXT_STATE = {
+var BODY_CLASS_WITH_SIDE_PANEL = exports.BODY_CLASS_WITH_SIDE_PANEL = 'with-side-panel';
+var QUICK_TOP_VISIBLE_OFFSET = exports.QUICK_TOP_VISIBLE_OFFSET = 200;
+var DEFAULT_CONTEXT_STATE = exports.DEFAULT_CONTEXT_STATE = {
   collapsed: false,
   quickTopVisible: false
-};
-exports.DEFAULT_CONTEXT_STATE = DEFAULT_CONTEXT_STATE;
+};

package/build/cjs/model/context/index.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _default = /*#__PURE__*/(0, _react.createContext)(null);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.createContext)(null);

package/build/cjs/model/enum/index.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EAction = void 0;
-var EAction = /*#__PURE__*/function (EAction) {
+var EAction = exports.EAction = /*#__PURE__*/function (EAction) {
   EAction[EAction["SET_COLLAPSED"] = 0] = "SET_COLLAPSED";
   EAction[EAction["SET_QUICK_TOP_VISIBLE"] = 1] = "SET_QUICK_TOP_VISIBLE";
   return EAction;
-}({});
-exports.EAction = EAction;
+}({});

package/build/cjs/model/hook/_use-model-props.js

@@ -10,8 +10,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _useModelContext2 = _interopRequireDefault(require("./_use-model-context"));
 var _excluded = ["itemsTop", "itemsBottom"];
-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) { (0, _defineProperty2.default)(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 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; }
 function useModelProps() {
   var _useModelContext = (0, _useModelContext2.default)(),
     props = _useModelContext.props;

package/build/cjs/model/provider/index.js

@@ -13,8 +13,8 @@ var _const = require("../const");
 var _reducer = _interopRequireDefault(require("../reducer"));
 var _context = _interopRequireDefault(require("../context"));
 var _lifecycle = _interopRequireDefault(require("../lifecycle"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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 Provider(_ref) {
   var props = _ref.props,
     children = _ref.children;

package/build/cjs/ui/const/index.js

@@ -5,22 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SPACING_Y = exports.SPACING_X = exports.SIZE_BUTTON_WRAP_WIDTH = exports.SIZE_BUTTON_WRAP_HEIGHT = exports.SIZE_BUTTON_ICON = exports.SIZE_BUTTON = exports.DATA_KEY_SIDE_PANEL_ITEM = exports.DATA_KEY_J = void 0;
 var _consoleBaseTheme = require("@alicloud/console-base-theme");
-var SPACING_X = 10; // 圆形按钮与条状 Panel 的水平间隙
-exports.SPACING_X = SPACING_X;
-var SPACING_Y = 6;
-exports.SPACING_Y = SPACING_Y;
-var SIZE_BUTTON = _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL - SPACING_X * 2;
-exports.SIZE_BUTTON = SIZE_BUTTON;
-var SIZE_BUTTON_ICON = SIZE_BUTTON * 0.5;
-exports.SIZE_BUTTON_ICON = SIZE_BUTTON_ICON;
-var SIZE_BUTTON_WRAP_WIDTH = _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL;
-exports.SIZE_BUTTON_WRAP_WIDTH = SIZE_BUTTON_WRAP_WIDTH;
-var SIZE_BUTTON_WRAP_HEIGHT = SIZE_BUTTON + 2 * SPACING_Y;
-exports.SIZE_BUTTON_WRAP_HEIGHT = SIZE_BUTTON_WRAP_HEIGHT;
-var DATA_KEY_SIDE_PANEL_ITEM = 'data-console-base-side-panel-item';
+var SPACING_X = exports.SPACING_X = 10; // 圆形按钮与条状 Panel 的水平间隙
+var SPACING_Y = exports.SPACING_Y = 6;
+var SIZE_BUTTON = exports.SIZE_BUTTON = _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL - SPACING_X * 2;
+var SIZE_BUTTON_ICON = exports.SIZE_BUTTON_ICON = SIZE_BUTTON * 0.5;
+var SIZE_BUTTON_WRAP_WIDTH = exports.SIZE_BUTTON_WRAP_WIDTH = _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL;
+var SIZE_BUTTON_WRAP_HEIGHT = exports.SIZE_BUTTON_WRAP_HEIGHT = SIZE_BUTTON + 2 * SPACING_Y;
+var DATA_KEY_SIDE_PANEL_ITEM = exports.DATA_KEY_SIDE_PANEL_ITEM = 'data-console-base-side-panel-item';
 
 // 给应用一些属性钩子，不需要值（所有 ConsoleBase 下的组件，钩子属性的规范是 `data-j-[组件名]-xx`）
 // 不要随意改
-exports.DATA_KEY_SIDE_PANEL_ITEM = DATA_KEY_SIDE_PANEL_ITEM;
-var DATA_KEY_J = 'data-j-side-panel';
-exports.DATA_KEY_J = DATA_KEY_J;
+var DATA_KEY_J = exports.DATA_KEY_J = 'data-j-side-panel';

package/build/cjs/ui/index.js

@@ -14,8 +14,8 @@ var _model = require("../model");
 var _const = require("./const");
 var _rc = require("./rc");
 var _rcContainer = require("./rc-container");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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; }
 var ScAside = _styledComponents.default.aside.withConfig({
   componentId: "sc-1ok6knf-0"
 })(["display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:", ";padding:", "px 0 ", "px 0;width:", "px;transition:transform ease-in-out 250ms;", " ", " .theme-dark &{box-shadow:inset 1px 0 0 0 rgba(255,255,255,0.1),-4px 0 8px 0 rgba(0,0,0,0.3);}", " .hasTopbar &{top:", "px;}"], _consoleBaseTheme.Z_INDEX.SIDE_PANEL, _const.SPACING_Y * 1.5, _const.SIZE_BUTTON_WRAP_HEIGHT + _const.SPACING_Y, _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL, _consoleBaseTheme.mixinBgPrimary, _consoleBaseTheme.mixinShadowLLeft, function (props) {

package/build/cjs/ui/intl/index.js

@@ -10,10 +10,9 @@ var _enUs = _interopRequireDefault(require("./locales/en-us"));
 var _zhCn = _interopRequireDefault(require("./locales/zh-cn"));
 var _zhTw = _interopRequireDefault(require("./locales/zh-tw"));
 var _jaJp = _interopRequireDefault(require("./locales/ja-jp"));
-var _default = (0, _consoleBaseIntlFactoryBasic.default)({
+var _default = exports.default = (0, _consoleBaseIntlFactoryBasic.default)({
   'en-US': _enUs.default,
   'zh-CN': _zhCn.default,
   'zh-TW': _zhTw.default,
   'ja-JP': _jaJp.default
-});
-exports.default = _default;
+});

package/build/cjs/ui/intl/locales/en-us.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   'op:toggle_visible': 'Show Side Panel',
   'op:toggle_hidden': 'Hide Side Panel',
   'op:back_to_top': 'Back to Top'
-};
-exports.default = _default;
+};

package/build/cjs/ui/intl/locales/ja-jp.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   'op:toggle_visible': 'サイドバーを表示',
   'op:toggle_hidden': 'サイドバーを隠す',
   'op:back_to_top': 'トップに戻る'
-};
-exports.default = _default;
+};

package/build/cjs/ui/intl/locales/zh-cn.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   'op:toggle_visible': '显示侧边栏',
   'op:toggle_hidden': '隐藏侧边栏',
   'op:back_to_top': '返回顶部'
-};
-exports.default = _default;
+};

package/build/cjs/ui/intl/locales/zh-tw.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   'op:toggle_visible': '展示側邊欄',
   'op:toggle_hidden': '隱藏側邊欄',
   'op:back_to_top': '返回頂部'
-};
-exports.default = _default;
+};

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

@@ -10,8 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _consoleBaseThemeScBase = require("@alicloud/console-base-theme-sc-base");
 var _consoleBaseRcMarks = _interopRequireDefault(require("@alicloud/console-base-rc-marks"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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; }
 var ScUnreadDot = (0, _styledComponents.default)(_consoleBaseThemeScBase.BadgeBaseDot).withConfig({
   componentId: "sc-1isvxe9-0"
 })(["top:8px;", ""], function (props) {

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

@@ -13,25 +13,34 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _consoleBaseTheme = require("@alicloud/console-base-theme");
 var _consoleBaseRcButton = _interopRequireWildcard(require("@alicloud/console-base-rc-button"));
 var _const = require("../../const");
-var _excluded = ["title"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2.default)(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; }
+var _excluded = ["title", "onlyShowIcon"];
+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 && Object.prototype.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; }
+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; }
 var ScButton = (0, _styledComponents.default)(_consoleBaseRcButton.default).withConfig({
   componentId: "sc-titsgb-0"
 })(["border-radius:", "px;width:", "px;height:", "px;line-height:", "px;", " ", " ", " i{font-size:", "px;}svg,img{display:inline-block;width:", "px;height:", "px;vertical-align:middle;}&:hover{", "}a:link&,a:visited&{", "}"], _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON, _consoleBaseTheme.mixinBgSecondaryFade, _consoleBaseTheme.mixinTextSecondary, function (props) {
   return props.active ? (0, _styledComponents.css)(["", " ", ""], _consoleBaseTheme.mixinBgTertiaryFade, _consoleBaseTheme.mixinShadowSDown) : null;
 }, _const.SIZE_BUTTON_ICON, _const.SIZE_BUTTON_ICON, _const.SIZE_BUTTON_ICON, _consoleBaseTheme.mixinBgTertiaryFade, _consoleBaseTheme.mixinTextSecondary);
+var ScButtonIcon = (0, _styledComponents.default)(_consoleBaseRcButton.default).withConfig({
+  componentId: "sc-titsgb-1"
+})(["border-radius:", "px;width:", "px;height:", "px;line-height:", "px;svg,img{display:inline-block;width:", "px;height:", "px;vertical-align:middle;}"], _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON, _const.SIZE_BUTTON);
 
 /**
  * 工具的按钮
  */
 function SidePanelItemButton(_ref) {
   var title = _ref.title,
+    onlyShowIcon = _ref.onlyShowIcon,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(ScButton, _objectSpread(_objectSpread({
-    'aria-label': title
+  return onlyShowIcon ? /*#__PURE__*/_react.default.createElement(ScButtonIcon, _objectSpread(_objectSpread({
+    "aria-label": title
+  }, props), {}, {
+    size: _consoleBaseRcButton.ButtonSize.NONE,
+    theme: _consoleBaseRcButton.ButtonTheme.NONE
+  })) : /*#__PURE__*/_react.default.createElement(ScButton, _objectSpread(_objectSpread({
+    "aria-label": title
   }, props), {}, {
     size: _consoleBaseRcButton.ButtonSize.NONE,
     theme: _consoleBaseRcButton.ButtonTheme.NONE

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

@@ -14,10 +14,10 @@ var _consoleBaseTheme = require("@alicloud/console-base-theme");
 var _consoleBaseRcTooltip = _interopRequireWildcard(require("@alicloud/console-base-rc-tooltip"));
 var _const = require("../../const");
 var _excluded = ["visible", "align", "content"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2.default)(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 _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 && Object.prototype.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; }
+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; }
 var ScTooltip = (0, _styledComponents.default)(_consoleBaseRcTooltip.default).withConfig({
   componentId: "sc-11m2ouk-0"
 })(["right:", "px;", " img{max-width:100%;}"], _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL - 4, function (props) {

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

@@ -10,7 +10,6 @@ var _const = require("../../const");
 /**
  * 工具的外层包裹
  */
-var _default = _styledComponents.default.div.withConfig({
+var _default = exports.default = _styledComponents.default.div.withConfig({
   componentId: "sc-3r2cly-0"
-})(["display:flex;align-items:center;justify-content:center;position:relative;width:", "px;height:", "px;transition:all ease-in-out 250ms;"], _const.SIZE_BUTTON_WRAP_WIDTH, _const.SIZE_BUTTON_WRAP_HEIGHT);
-exports.default = _default;
+})(["display:flex;align-items:center;justify-content:center;position:relative;width:", "px;height:", "px;transition:all ease-in-out 250ms;"], _const.SIZE_BUTTON_WRAP_WIDTH, _const.SIZE_BUTTON_WRAP_HEIGHT);

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

@@ -16,8 +16,8 @@ var _const = require("../../const");
 var _intl = _interopRequireDefault(require("../../intl"));
 var _model = require("../../../model");
 var _rc = require("../../rc");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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; }
 var ScCollapseToggle = (0, _styledComponents.default)(_rc.SidePanelItemWrap).withConfig({
   componentId: "sc-15z8r94-0"
 })(["position:absolute;right:0;bottom:", "px;", ""], _const.SPACING_Y, function (props) {

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

@@ -17,10 +17,10 @@ var _model = require("../../../model");
 var _util = require("../../util");
 var _rc = require("../../rc");
 var _excluded = ["id", "className", "style", "active", "title", "titleActive", "icon", "iconHovered", "iconActive", "iconActiveHovered", "unread", "mark", "tooltip", "tooltipActive", "tooltipAsHtml", "tooltipAlign", "tooltipDefaultVisible", "onClick", "onActiveChange", "onMouseEnter", "onMouseLeave"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2.default)(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 _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 && Object.prototype.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; }
+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; }
 function Item(_ref) {
   var id = _ref.id,
     className = _ref.className,

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

@@ -9,12 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _const = require("../../const");
 var _item = _interopRequireDefault(require("../item"));
-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) { (0, _defineProperty2.default)(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 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; }
 function Items(_ref) {
   var items = _ref.items;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map(function (v) {
-    var _objectSpread2;
-    return /*#__PURE__*/_react.default.createElement(_item.default, _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, _const.DATA_KEY_SIDE_PANEL_ITEM, v.key), (0, _defineProperty2.default)(_objectSpread2, "spm", v.key), _objectSpread2), v));
+    return /*#__PURE__*/_react.default.createElement(_item.default, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _const.DATA_KEY_SIDE_PANEL_ITEM, v.key), "spm", v.key), v));
   }));
 }

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

@@ -13,8 +13,8 @@ var _consoleBaseRcIcon = _interopRequireDefault(require("@alicloud/console-base-
 var _model = require("../../../../model");
 var _intl = _interopRequireDefault(require("../../../intl"));
 var _rc = require("../../../rc");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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 QuickTop() {
   var handleGoTop = (0, _model.useHandleGoTop)();
   var _useState = (0, _react.useState)(false),

package/build/esm/model/hook/_use-model-props.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["itemsTop", "itemsBottom"];
-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 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 { useMemo } from 'react';
 import useModelContext from './_use-model-context';
 export default function useModelProps() {

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

@@ -1,27 +1,36 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["title"];
-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; }
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { mixinTextSecondary, mixinBgSecondaryFade, mixinBgTertiaryFade, mixinShadowSDown } from '@alicloud/console-base-theme';
-import Button, { ButtonSize, ButtonTheme } from '@alicloud/console-base-rc-button';
-import { SIZE_BUTTON, SIZE_BUTTON_ICON } from '../../const';
+var _excluded = ["title", "onlyShowIcon"];
+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";
+import styled, { css } from "styled-components";
+import { mixinTextSecondary, mixinBgSecondaryFade, mixinBgTertiaryFade, mixinShadowSDown } from "@alicloud/console-base-theme";
+import Button, { ButtonSize, ButtonTheme } from "@alicloud/console-base-rc-button";
+import { SIZE_BUTTON, SIZE_BUTTON_ICON } from "../../const";
 var ScButton = styled(Button).withConfig({
   componentId: "sc-titsgb-0"
 })(["border-radius:", "px;width:", "px;height:", "px;line-height:", "px;", " ", " ", " i{font-size:", "px;}svg,img{display:inline-block;width:", "px;height:", "px;vertical-align:middle;}&:hover{", "}a:link&,a:visited&{", "}"], SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON, mixinBgSecondaryFade, mixinTextSecondary, function (props) {
   return props.active ? css(["", " ", ""], mixinBgTertiaryFade, mixinShadowSDown) : null;
 }, SIZE_BUTTON_ICON, SIZE_BUTTON_ICON, SIZE_BUTTON_ICON, mixinBgTertiaryFade, mixinTextSecondary);
+var ScButtonIcon = styled(Button).withConfig({
+  componentId: "sc-titsgb-1"
+})(["border-radius:", "px;width:", "px;height:", "px;line-height:", "px;svg,img{display:inline-block;width:", "px;height:", "px;vertical-align:middle;}"], SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON, SIZE_BUTTON);
 
 /**
  * 工具的按钮
  */
 export default function SidePanelItemButton(_ref) {
   var title = _ref.title,
+    onlyShowIcon = _ref.onlyShowIcon,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ScButton, _objectSpread(_objectSpread({
-    'aria-label': title
+  return onlyShowIcon ? /*#__PURE__*/React.createElement(ScButtonIcon, _objectSpread(_objectSpread({
+    "aria-label": title
+  }, props), {}, {
+    size: ButtonSize.NONE,
+    theme: ButtonTheme.NONE
+  })) : /*#__PURE__*/React.createElement(ScButton, _objectSpread(_objectSpread({
+    "aria-label": title
   }, props), {}, {
     size: ButtonSize.NONE,
     theme: ButtonTheme.NONE

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["visible", "align", "content"];
-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 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';
 import styled, { css } from 'styled-components';
 import { SIZE } from '@alicloud/console-base-theme';

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

@@ -2,8 +2,8 @@ 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 = ["id", "className", "style", "active", "title", "titleActive", "icon", "iconHovered", "iconActive", "iconActiveHovered", "unread", "mark", "tooltip", "tooltipActive", "tooltipAsHtml", "tooltipAlign", "tooltipDefaultVisible", "onClick", "onActiveChange", "onMouseEnter", "onMouseLeave"];
-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 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, { useState, useCallback } from 'react';
 import useMouseHover from '@alicloud/react-hook-mouse-hover';
 import HtmlTrusted from '@alicloud/console-base-rc-html-trusted';

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

@@ -1,13 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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 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';
 import { DATA_KEY_SIDE_PANEL_ITEM } from '../../const';
 import PanelItem from '../item';
 export default function Items(_ref) {
   var items = _ref.items;
   return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (v) {
-    var _objectSpread2;
-    return /*#__PURE__*/React.createElement(PanelItem, _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, DATA_KEY_SIDE_PANEL_ITEM, v.key), _defineProperty(_objectSpread2, "spm", v.key), _objectSpread2), v));
+    return /*#__PURE__*/React.createElement(PanelItem, _objectSpread(_defineProperty(_defineProperty({}, DATA_KEY_SIDE_PANEL_ITEM, v.key), "spm", v.key), v));
   }));
 }

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

@@ -14,6 +14,10 @@ export interface ISidePanelItemProps extends Omit<ButtonProps, 'label' | 'size'
      * 图标（请尽可能用正方形），如果是组件则直接用，当它是字符串的时候，会智能判断
      */
     icon: EasyIconValue;
+    /**
+     * 只显示图标，不需要背景
+     */
+    onlyShowIcon: boolean;
     /**
      * 鼠标 hover 时的图标，不填则 fallback 到 icon
      */

package/build/types/ui/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function Ui(): JSX.Element | null;

package/build/types/ui/rc/global-style-on-body/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function GlobalStyleOnBody(): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SidePanelItemProps } from '../../../model';
 interface IProps extends Pick<SidePanelItemProps, 'unread' | 'mark'> {
     alignLeft?: boolean;

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

@@ -1,5 +1,6 @@
-import { ISidePanelItemButtonProps } from '../../types';
+/// <reference types="react" />
+import { ISidePanelItemButtonProps } from "../../types";
 /**
  * 工具的按钮
  */
-export default function SidePanelItemButton({ title, ...props }: ISidePanelItemButtonProps): JSX.Element;
+export default function SidePanelItemButton({ title, onlyShowIcon, ...props }: ISidePanelItemButtonProps): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipProps } from '@alicloud/console-base-rc-tooltip';
 import { SidePanelItemProps } from '../../../model';
 interface IProps extends Omit<TooltipProps, 'placement' | 'arrowOffset'> {

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function PanelToggle(): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SidePanelItemProps } from '../../../model';
 interface IProps extends SidePanelItemProps {
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SidePanelItemPropsWithKey } from '../../../model';
 interface IProps {
     items: SidePanelItemPropsWithKey[];

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function ItemsBottom(): JSX.Element | null;

package/build/types/ui/rc-container/items-bottom/quick-top/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function QuickTop(): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function ItemsTop(): JSX.Element;

package/build/types/ui/types/index.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps } from '@alicloud/console-base-rc-button';
 export interface ISidePanelItemButtonProps extends Omit<ButtonProps, 'size' | 'theme' | 'title'> {
     title?: string;
+    onlyShowIcon?: boolean;
 }

package/build/types/with-model/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ModelProps } from '../model';
 export default function WithModel(props: ModelProps): JSX.Element;

package/package.json

@@ -1,20 +1,15 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.1.0",
+  "version": "1.1.1-beta.1",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,
   "main": "build/cjs/index.js",
   "module": "build/esm/index.js",
   "types": "build/types/index.d.ts",
-  "homepage": "https://github.com/aliyun/alibabacloud-console-base/tree/master/packages-rc/console-base-rc-side-panel",
   "author": {
-    "name": "Jianchun Wang",
-    "email": "justnewbee@gmail.com"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/aliyun/alibabacloud-console-base.git"
+    "name": "pudi.gmd",
+    "email": "gaomingda.gmd@alibaba-inc.com"
   },
   "publishConfig": {
     "access": "public"
@@ -22,10 +17,10 @@
   "keywords": [],
   "devDependencies": {
     "@alicloud/console-base-demo-helper-theme-switcher": "^1.1.9",
-    "@alicloud/console-base-rc-top-nav": "^1.16.8",
+    "@alicloud/console-base-rc-top-nav": "^1.17.0",
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.12.2",
+    "@alicloud/demo-rc-elements": "^1.13.0",
     "@alicloud/ts-config": "^1.1.3",
     "@types/react": "^17.0.58",
     "@types/styled-components": "^5.1.26",
@@ -50,7 +45,7 @@
     "@alicloud/console-base-theme-sc-base": "^1.6.4",
     "@alicloud/mere-dom": "^1.8.0",
     "@alicloud/react-hook-is-unmounted": "^1.3.4",
-    "@alicloud/react-hook-mouse-hover": "^1.0.1",
+    "@alicloud/react-hook-mouse-hover": "^1.0.2",
     "@alicloud/typescript-missing-helpers": "^1.3.4",
     "immutability-helper": "^3.1.1"
   },
@@ -65,5 +60,6 @@
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },
-  "gitHead": "e3daf0b177915f37e8beae4ecee204d8c62f9507"
+  "gitHead": "e3daf0b177915f37e8beae4ecee204d8c62f9507",
+  "repository": "git@gitlab.alibaba-inc.com:aliyun/console-base.git"
 }