@alicloud/console-base-rc-side-panel 1.0.1 → 1.0.3

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

@@ -8,5 +8,5 @@ exports.default = useModelContext;
 var _react = require("react");
 var _context = _interopRequireDefault(require("../context"));
 function useModelContext() {
-  return (0, _react.useContext)(_context.default);
+  return (0, _react.useContext)(_context.default); // eslint-disable-line @typescript-eslint/no-non-null-assertion
 }

package/build/cjs/ui/index.js

@@ -18,8 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 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: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, function (props) {
-  return props.$collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);"]) : _consoleBaseTheme.mixinShadowLLeft;
+})(["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) {
+  return props.$collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);box-shadow:none !important;"]) : _consoleBaseTheme.mixinShadowLLeft;
 }, _consoleBaseTheme.SIZE.HEIGHT_TOP_NAV);
 function Ui() {
   var visible = (0, _model.useVisible)();

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/{es → esm}/model/hook/_use-model-context.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
 import Context from '../context';
 export default function useModelContext() {
-  return useContext(Context);
+  return useContext(Context); // eslint-disable-line @typescript-eslint/no-non-null-assertion
 }

package/build/{es → esm}/ui/index.js

@@ -8,8 +8,8 @@ import { GlobalStyleOnBody } from './rc';
 import { ItemsTop, ItemsBottom, CollapseToggle } from './rc-container';
 var ScAside = styled.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: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, function (props) {
-  return props.$collapsed ? css(["transform:translateX(100%);"]) : mixinShadowLLeft;
+})(["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;}"], Z_INDEX.SIDE_PANEL, SPACING_Y * 1.5, SIZE_BUTTON_WRAP_HEIGHT + SPACING_Y, SIZE.WIDTH_SIDE_PANEL, mixinBgPrimary, mixinShadowLLeft, function (props) {
+  return props.$collapsed ? css(["transform:translateX(100%);box-shadow:none !important;"]) : mixinShadowLLeft;
 }, SIZE.HEIGHT_TOP_NAV);
 export default function Ui() {
   var visible = useVisible();

package/build/{es → esm}/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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@alicloud/console-base-rc-side-panel",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "ConsoleBase 组件 - 右侧边栏",
   "license": "MIT",
   "sideEffects": false,
   "main": "build/cjs/index.js",
-  "module": "build/es/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": {
@@ -22,10 +22,10 @@
   "keywords": [],
   "devDependencies": {
     "@alicloud/console-base-demo-helper-theme-switcher": "^1.1.9",
-    "@alicloud/console-base-rc-top-nav": "^1.16.7",
+    "@alicloud/console-base-rc-top-nav": "^1.16.8",
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.11.17",
+    "@alicloud/demo-rc-elements": "^1.12.2",
     "@alicloud/ts-config": "^1.1.3",
     "@types/react": "^17.0.58",
     "@types/styled-components": "^5.1.26",
@@ -43,7 +43,7 @@
     "@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-icon": "^1.10.6",
     "@alicloud/console-base-rc-marks": "^1.8.3",
     "@alicloud/console-base-rc-tooltip": "^1.1.12",
     "@alicloud/console-base-theme": "^1.9.6",
@@ -60,8 +60,8 @@
     "build:esm": "breezr build --engine babel --es-module",
     "build:cjs": "breezr build --engine babel",
     "build:bundle": "breezr build --engine webpack",
-    "build:typings": "tsc --outDir build/types --declaration --emitDeclarationOnly",
-    "build": "yarn build:esm && yarn build:cjs && yarn build:typings",
+    "build:types": "tsc -p tsconfig-declaration.json --rootDir src --outDir build/types --declaration --emitDeclarationOnly",
+    "build": "yarn build:esm && yarn build:cjs && yarn build:types",
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },