@alicloud/console-base-rc-side-panel 1.1.30 → 1.1.32-beta.1
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/model/reducer/reduce-set-collapsed.js +2 -0
- package/build/cjs/ui/rc-container/item-collapse/collapse-with-aside-widget/index.js +1 -18
- package/build/esm/model/reducer/reduce-set-collapsed.js +2 -0
- package/build/esm/ui/rc-container/item-collapse/collapse-with-aside-widget/index.js +1 -18
- package/package.json +5 -1
|
@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = reduceSetCollapsed;
|
|
8
8
|
var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
|
|
9
|
+
var _consoleBaseMessengerSidePanel = require("@alicloud/console-base-messenger-side-panel");
|
|
9
10
|
function reduceSetCollapsed(state, payload) {
|
|
11
|
+
(0, _consoleBaseMessengerSidePanel.sidePanelCollapsed)(payload);
|
|
10
12
|
return (0, _immutabilityHelper.default)(state, {
|
|
11
13
|
collapsed: {
|
|
12
14
|
$set: payload
|
|
@@ -35,21 +35,6 @@ function CollapseWithAsideWidget() {
|
|
|
35
35
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
36
36
|
windowHeight = _useState4[0],
|
|
37
37
|
setWindowHeight = _useState4[1];
|
|
38
|
-
|
|
39
|
-
// 拖拽也会触发 spm 自动曝光,所以此处只能手动处理
|
|
40
|
-
var collapseAsideClick = function collapseAsideClick() {
|
|
41
|
-
try {
|
|
42
|
-
var aplus = window.aplus;
|
|
43
|
-
var q = window.goldlog_queue || (window.goldlog_queue = []);
|
|
44
|
-
var logkey = "/aliyun.".concat(aplus.getPageSPM().join('.'), ".console-base_sidebar.dcollapsed-aside");
|
|
45
|
-
q.push({
|
|
46
|
-
action: 'aplus.record',
|
|
47
|
-
arguments: [logkey, 'CLK']
|
|
48
|
-
});
|
|
49
|
-
} catch (error) {
|
|
50
|
-
// ignore
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
38
|
(0, _react.useEffect)(function () {
|
|
54
39
|
var handleResize = function handleResize() {
|
|
55
40
|
setWindowHeight(window.innerHeight);
|
|
@@ -90,9 +75,7 @@ function CollapseWithAsideWidget() {
|
|
|
90
75
|
"data-spm": "console-base_sidebar",
|
|
91
76
|
$isDragging: isDragging,
|
|
92
77
|
$collapsedAsideMini: !!collapsedAsideMini
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.ScCollapseAside, {
|
|
94
|
-
onClick: collapseAsideClick
|
|
95
|
-
}, collapsedAside), /*#__PURE__*/_react.default.createElement(_consoleBaseRcTooltip.TooltipV1, {
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.ScCollapseAside, null, collapsedAside), /*#__PURE__*/_react.default.createElement(_consoleBaseRcTooltip.TooltipV1, {
|
|
96
79
|
spm: 'console-base_sidebar',
|
|
97
80
|
title: (0, _intl.default)('op:toggle_visible'),
|
|
98
81
|
placement: 'left',
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import update from 'immutability-helper';
|
|
2
|
+
import { sidePanelCollapsed } from '@alicloud/console-base-messenger-side-panel';
|
|
2
3
|
export default function reduceSetCollapsed(state, payload) {
|
|
4
|
+
sidePanelCollapsed(payload);
|
|
3
5
|
return update(state, {
|
|
4
6
|
collapsed: {
|
|
5
7
|
$set: payload
|
|
@@ -26,21 +26,6 @@ export default function CollapseWithAsideWidget() {
|
|
|
26
26
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
27
27
|
windowHeight = _useState4[0],
|
|
28
28
|
setWindowHeight = _useState4[1];
|
|
29
|
-
|
|
30
|
-
// 拖拽也会触发 spm 自动曝光,所以此处只能手动处理
|
|
31
|
-
var collapseAsideClick = function collapseAsideClick() {
|
|
32
|
-
try {
|
|
33
|
-
var aplus = window.aplus;
|
|
34
|
-
var q = window.goldlog_queue || (window.goldlog_queue = []);
|
|
35
|
-
var logkey = "/aliyun.".concat(aplus.getPageSPM().join('.'), ".console-base_sidebar.dcollapsed-aside");
|
|
36
|
-
q.push({
|
|
37
|
-
action: 'aplus.record',
|
|
38
|
-
arguments: [logkey, 'CLK']
|
|
39
|
-
});
|
|
40
|
-
} catch (error) {
|
|
41
|
-
// ignore
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
29
|
useEffect(function () {
|
|
45
30
|
var handleResize = function handleResize() {
|
|
46
31
|
setWindowHeight(window.innerHeight);
|
|
@@ -81,9 +66,7 @@ export default function CollapseWithAsideWidget() {
|
|
|
81
66
|
"data-spm": "console-base_sidebar",
|
|
82
67
|
$isDragging: isDragging,
|
|
83
68
|
$collapsedAsideMini: !!collapsedAsideMini
|
|
84
|
-
}, /*#__PURE__*/React.createElement(ScCollapseAside, {
|
|
85
|
-
onClick: collapseAsideClick
|
|
86
|
-
}, collapsedAside), /*#__PURE__*/React.createElement(TooltipV1, {
|
|
69
|
+
}, /*#__PURE__*/React.createElement(ScCollapseAside, null, collapsedAside), /*#__PURE__*/React.createElement(TooltipV1, {
|
|
87
70
|
spm: 'console-base_sidebar',
|
|
88
71
|
title: intl('op:toggle_visible'),
|
|
89
72
|
placement: 'left',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/console-base-rc-side-panel",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.32-beta.1",
|
|
4
4
|
"description": "ConsoleBase 组件 - 右侧边栏",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@alicloud/console-base-intl-factory-basic": "^1.6.9",
|
|
38
|
+
"@alicloud/console-base-messenger-side-panel": "beta",
|
|
38
39
|
"@alicloud/console-base-rc-button": "^1.8.4",
|
|
39
40
|
"@alicloud/console-base-rc-easy-icon": "^1.0.1",
|
|
40
41
|
"@alicloud/console-base-rc-flex": "^1.4.11",
|
|
@@ -50,6 +51,9 @@
|
|
|
50
51
|
"immutability-helper": "^3.1.1",
|
|
51
52
|
"react-draggable": "^4.4.6"
|
|
52
53
|
},
|
|
54
|
+
"overrides": {
|
|
55
|
+
"@alicloud/console-base-messenger-side-panel": "beta"
|
|
56
|
+
},
|
|
53
57
|
"scripts": {
|
|
54
58
|
"start": "breezr start-storybook",
|
|
55
59
|
"test": "breezr test:unit",
|