@alicloud/console-base-rc-side-panel 1.0.0 → 1.0.2

package/build/cjs/ui/index.js

@@ -9,21 +9,23 @@ exports.default = Ui;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _consoleBaseTheme = require("@alicloud/console-base-theme");
 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; }
-var ScUi = (0, _styledComponents.default)(_rc.Aside).withConfig({
+var ScAside = _styledComponents.default.aside.withConfig({
   componentId: "sc-1ok6knf-0"
-})(["", ""], function (props) {
-  return props.collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);"]) : null;
-});
+})(["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;", " ", " .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, function (props) {
+  return props.$collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);"]) : _consoleBaseTheme.mixinShadowLLeft;
+}, _consoleBaseTheme.SIZE.HEIGHT_TOP_NAV);
 function Ui() {
   var visible = (0, _model.useVisible)();
   var collapsed = (0, _model.useCollapsed)();
-  return visible ? /*#__PURE__*/_react.default.createElement(ScUi, (0, _defineProperty2.default)({
-    collapsed: collapsed
+  return visible ? /*#__PURE__*/_react.default.createElement(ScAside, (0, _defineProperty2.default)({
+    $collapsed: collapsed,
+    className: 'J_fixed_right_will_be_pushed_left'
   }, _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(_rcContainer.CollapseToggle, null)) : null;
 }

package/build/cjs/ui/rc/global-style-on-body/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
 var _consoleBaseTheme = require("@alicloud/console-base-theme");
 var _model = require("../../../model");
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["body.", "{padding-right:", "px;transition:padding-right ease-in-out 250ms;.viewFramework-body{right:", "px;left:0;z-index:", ";width:auto !important;}}"], _model.BODY_CLASS_WITH_SIDE_PANEL, _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL, _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL, _consoleBaseTheme.Z_INDEX.SIDE_PANEL - 1);
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(["body.", "{padding-right:", "px;transition:padding-right ease-in-out 250ms;&.with-micro-browser{transition:none;}.viewFramework-body{right:", "px;left:0;z-index:", ";width:auto !important;}}"], _model.BODY_CLASS_WITH_SIDE_PANEL, _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL, _consoleBaseTheme.SIZE.WIDTH_SIDE_PANEL, _consoleBaseTheme.Z_INDEX.SIDE_PANEL - 1);
 function GlobalStyleOnBody() {
   return /*#__PURE__*/_react.default.createElement(GlobalStyle, null);
 }

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

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Aside", {
-  enumerable: true,
-  get: function get() {
-    return _aside.default;
-  }
-});
 Object.defineProperty(exports, "GlobalStyleOnBody", {
   enumerable: true,
   get: function get() {
@@ -40,7 +34,6 @@ Object.defineProperty(exports, "SidePanelItemWrap", {
     return _sidePanelItemWrap.default;
   }
 });
-var _aside = _interopRequireDefault(require("./aside"));
 var _globalStyleOnBody = _interopRequireDefault(require("./global-style-on-body"));
 var _sidePanelItemWrap = _interopRequireDefault(require("./side-panel-item-wrap"));
 var _sidePanelItemButton = _interopRequireDefault(require("./side-panel-item-button"));

package/build/es/ui/index.js

@@ -1,19 +1,21 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import styled, { css } from 'styled-components';
+import { SIZE, Z_INDEX, mixinBgPrimary, mixinShadowLLeft } from '@alicloud/console-base-theme';
 import { useVisible, useCollapsed } from '../model';
-import { DATA_KEY_J } from './const';
-import { Aside, GlobalStyleOnBody } from './rc';
+import { SIZE_BUTTON_WRAP_HEIGHT, SPACING_Y, DATA_KEY_J } from './const';
+import { GlobalStyleOnBody } from './rc';
 import { ItemsTop, ItemsBottom, CollapseToggle } from './rc-container';
-var ScUi = styled(Aside).withConfig({
+var ScAside = styled.aside.withConfig({
   componentId: "sc-1ok6knf-0"
-})(["", ""], function (props) {
-  return props.collapsed ? css(["transform:translateX(100%);"]) : null;
-});
+})(["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;", " ", " .hasTopbar &{top:", "px;}"], Z_INDEX.SIDE_PANEL, SPACING_Y * 1.5, SIZE_BUTTON_WRAP_HEIGHT + SPACING_Y, SIZE.WIDTH_SIDE_PANEL, mixinBgPrimary, function (props) {
+  return props.$collapsed ? css(["transform:translateX(100%);"]) : mixinShadowLLeft;
+}, SIZE.HEIGHT_TOP_NAV);
 export default function Ui() {
   var visible = useVisible();
   var collapsed = useCollapsed();
-  return visible ? /*#__PURE__*/React.createElement(ScUi, _defineProperty({
-    collapsed: collapsed
+  return visible ? /*#__PURE__*/React.createElement(ScAside, _defineProperty({
+    $collapsed: collapsed,
+    className: 'J_fixed_right_will_be_pushed_left'
   }, DATA_KEY_J, ''), /*#__PURE__*/React.createElement(GlobalStyleOnBody, null), /*#__PURE__*/React.createElement(ItemsTop, null), /*#__PURE__*/React.createElement(ItemsBottom, null), /*#__PURE__*/React.createElement(CollapseToggle, null)) : null;
 }

package/build/es/ui/rc/global-style-on-body/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { createGlobalStyle } from 'styled-components';
 import { SIZE, Z_INDEX } from '@alicloud/console-base-theme';
 import { BODY_CLASS_WITH_SIDE_PANEL } from '../../../model';
-var GlobalStyle = createGlobalStyle(["body.", "{padding-right:", "px;transition:padding-right ease-in-out 250ms;.viewFramework-body{right:", "px;left:0;z-index:", ";width:auto !important;}}"], BODY_CLASS_WITH_SIDE_PANEL, SIZE.WIDTH_SIDE_PANEL, SIZE.WIDTH_SIDE_PANEL, Z_INDEX.SIDE_PANEL - 1);
+var GlobalStyle = createGlobalStyle(["body.", "{padding-right:", "px;transition:padding-right ease-in-out 250ms;&.with-micro-browser{transition:none;}.viewFramework-body{right:", "px;left:0;z-index:", ";width:auto !important;}}"], BODY_CLASS_WITH_SIDE_PANEL, SIZE.WIDTH_SIDE_PANEL, SIZE.WIDTH_SIDE_PANEL, Z_INDEX.SIDE_PANEL - 1);
 export default function GlobalStyleOnBody() {
   return /*#__PURE__*/React.createElement(GlobalStyle, null);
 }

package/build/es/ui/rc/index.js

@@ -1,4 +1,3 @@
-export { default as Aside } from './aside';
 export { default as GlobalStyleOnBody } from './global-style-on-body';
 export { default as SidePanelItemWrap } from './side-panel-item-wrap';
 export { default as SidePanelItemButton } from './side-panel-item-button';

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

@@ -1,4 +1,3 @@
-export { default as Aside } from './aside';
 export { default as GlobalStyleOnBody } from './global-style-on-body';
 export { default as SidePanelItemWrap } from './side-panel-item-wrap';
 export { default as SidePanelItemButton } from './side-panel-item-button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,
@@ -22,16 +22,16 @@
   "keywords": [],
   "devDependencies": {
     "@alicloud/console-base-demo-helper-theme-switcher": "^1.1.9",
-    "@alicloud/console-base-rc-top-nav": "^1.16.5",
+    "@alicloud/console-base-rc-top-nav": "^1.16.7",
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.11.16",
+    "@alicloud/demo-rc-elements": "^1.11.17",
     "@alicloud/ts-config": "^1.1.3",
     "@types/react": "^17.0.58",
     "@types/styled-components": "^5.1.26",
     "react": "^17.0.2",
-    "styled-components": "^5.3.9",
-    "typescript": "^4.9.5"
+    "styled-components": "^5.3.10",
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
     "react": ">=16.8",
@@ -39,16 +39,16 @@
   },
   "dependencies": {
     "@alicloud/console-base-intl-factory-basic": "^1.6.9",
-    "@alicloud/console-base-rc-button": "^1.7.11",
+    "@alicloud/console-base-rc-button": "^1.8.2",
     "@alicloud/console-base-rc-easy-icon": "^1.0.1",
     "@alicloud/console-base-rc-flex": "^1.4.11",
     "@alicloud/console-base-rc-html-trusted": "^1.0.5",
     "@alicloud/console-base-rc-icon": "^1.10.5",
     "@alicloud/console-base-rc-marks": "^1.8.3",
     "@alicloud/console-base-rc-tooltip": "^1.1.12",
-    "@alicloud/console-base-theme": "^1.9.3",
+    "@alicloud/console-base-theme": "^1.9.6",
     "@alicloud/console-base-theme-sc-base": "^1.6.4",
-    "@alicloud/mere-dom": "^1.7.0",
+    "@alicloud/mere-dom": "^1.8.0",
     "@alicloud/react-hook-is-unmounted": "^1.3.4",
     "@alicloud/react-hook-mouse-enter-leave": "^1.0.3",
     "@alicloud/typescript-missing-helpers": "^1.3.4",

package/build/cjs/ui/rc/aside/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _consoleBaseTheme = require("@alicloud/console-base-theme");
-var _const = require("../../const");
-var _default = _styledComponents.default.aside.withConfig({
-  componentId: "sc-1e5hmz-0"
-})(["display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:", ";padding:", "px 0 ", "px 0;width:", "px;transition:all ease-in-out 250ms;", " ", " .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.mixinShadowSLeft, _consoleBaseTheme.SIZE.HEIGHT_TOP_NAV);
-exports.default = _default;

package/build/es/ui/rc/aside/index.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-import { SIZE, Z_INDEX, mixinBgPrimary, mixinShadowSLeft } from '@alicloud/console-base-theme';
-import { SIZE_BUTTON_WRAP_HEIGHT, SPACING_Y } from '../../const';
-export default styled.aside.withConfig({
-  componentId: "sc-1e5hmz-0"
-})(["display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:", ";padding:", "px 0 ", "px 0;width:", "px;transition:all ease-in-out 250ms;", " ", " .hasTopbar &{top:", "px;}"], Z_INDEX.SIDE_PANEL, SPACING_Y * 1.5, SIZE_BUTTON_WRAP_HEIGHT + SPACING_Y, SIZE.WIDTH_SIDE_PANEL, mixinBgPrimary, mixinShadowSLeft, SIZE.HEIGHT_TOP_NAV);

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

@@ -1,2 +0,0 @@
-declare const _default: import("styled-components").StyledComponent<"aside", any, {}, never>;
-export default _default;