@alicloud/console-base-rc-side-panel 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/ui/index.js +2 -2
- package/build/esm/ui/index.js +3 -3
- package/package.json +1 -1
package/build/cjs/ui/index.js
CHANGED
|
@@ -18,8 +18,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
18
18
|
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; }
|
|
19
19
|
var ScAside = _styledComponents.default.aside.withConfig({
|
|
20
20
|
componentId: "sc-1ok6knf-0"
|
|
21
|
-
})(["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;", "
|
|
22
|
-
return props.$collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);
|
|
21
|
+
})(["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;box-shadow:none;", " ", " ", " .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.mixinBorderTertiaryLeft, function (props) {
|
|
22
|
+
return props.$collapsed ? (0, _styledComponents.css)(["transform:translateX(100%);border:none !important;"]) : _consoleBaseTheme.mixinBorderTertiaryLeft;
|
|
23
23
|
}, _consoleBaseTheme.SIZE.HEIGHT_TOP_NAV);
|
|
24
24
|
function Ui() {
|
|
25
25
|
var visible = (0, _model.useVisible)();
|
package/build/esm/ui/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
|
-
import { SIZE, Z_INDEX, mixinBgPrimary,
|
|
4
|
+
import { SIZE, Z_INDEX, mixinBgPrimary, mixinBorderTertiaryLeft } from '@alicloud/console-base-theme';
|
|
5
5
|
import { useVisible, useCollapsed } from '../model';
|
|
6
6
|
import { SIZE_BUTTON_WRAP_HEIGHT, SPACING_Y, DATA_KEY_J } from './const';
|
|
7
7
|
import { GlobalStyleOnBody } from './rc';
|
|
8
8
|
import { ItemsTop, ItemsBottom, CollapseToggle } from './rc-container';
|
|
9
9
|
var ScAside = styled.aside.withConfig({
|
|
10
10
|
componentId: "sc-1ok6knf-0"
|
|
11
|
-
})(["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;", "
|
|
12
|
-
return props.$collapsed ? css(["transform:translateX(100%);
|
|
11
|
+
})(["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;box-shadow:none;", " ", " ", " .hasTopbar &{top:", "px;}"], Z_INDEX.SIDE_PANEL, SPACING_Y * 1.5, SIZE_BUTTON_WRAP_HEIGHT + SPACING_Y, SIZE.WIDTH_SIDE_PANEL, mixinBgPrimary, mixinBorderTertiaryLeft, function (props) {
|
|
12
|
+
return props.$collapsed ? css(["transform:translateX(100%);border:none !important;"]) : mixinBorderTertiaryLeft;
|
|
13
13
|
}, SIZE.HEIGHT_TOP_NAV);
|
|
14
14
|
export default function Ui() {
|
|
15
15
|
var visible = useVisible();
|