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

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.
Files changed (7) hide show
  1. package/build/cjs/ui/rc-container/collapse-toggle/index.js +12 -9
  2. package/build/cjs/ui/rc-container/item/index.js +14 -11
  3. package/build/cjs/ui/rc-container/items-bottom/quick-top/index.js +12 -9
  4. package/build/esm/ui/rc-container/collapse-toggle/index.js +12 -9
  5. package/build/esm/ui/rc-container/item/index.js +14 -11
  6. package/build/esm/ui/rc-container/items-bottom/quick-top/index.js +12 -9
  7. package/package.json +3 -3
package/build/cjs/ui/rc-container/collapse-toggle/index.js CHANGED
@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
12
12
  var _consoleBaseTheme = require("@alicloud/console-base-theme");
13
- var _reactHookMouseEnterLeave = _interopRequireDefault(require("@alicloud/react-hook-mouse-enter-leave"));
13
+ var _reactHookMouseHover = _interopRequireDefault(require("@alicloud/react-hook-mouse-hover"));
14
14
  var _consoleBaseRcIcon = _interopRequireDefault(require("@alicloud/console-base-rc-icon"));
15
15
  var _const = require("../../const");
16
16
  var _intl = _interopRequireDefault(require("../../intl"));
@@ -43,14 +43,17 @@ function PanelToggle() {
43
43
  return v.unread;
44
44
  });
45
45
  var handleToggleCollapsed = (0, _model.useHandleCollapsedChange)();
46
- var _useMouseEnterLeave = (0, _reactHookMouseEnterLeave.default)((0, _react.useCallback)(function () {
47
- setStateHovered(true);
48
- }, [setStateHovered]), (0, _react.useCallback)(function () {
49
- setStateHovered(false);
50
- }, [setStateHovered])),
51
- _useMouseEnterLeave2 = (0, _slicedToArray2.default)(_useMouseEnterLeave, 2),
52
- handleMouseEnter = _useMouseEnterLeave2[0],
53
- handleMouseLeave = _useMouseEnterLeave2[1];
46
+ var _useMouseHover = (0, _reactHookMouseHover.default)({
47
+ onEnter: (0, _react.useCallback)(function () {
48
+ setStateHovered(true);
49
+ }, [setStateHovered]),
50
+ onLeave: (0, _react.useCallback)(function () {
51
+ setStateHovered(false);
52
+ }, [setStateHovered])
53
+ }),
54
+ _useMouseHover2 = (0, _slicedToArray2.default)(_useMouseHover, 2),
55
+ handleMouseEnter = _useMouseHover2[0],
56
+ handleMouseLeave = _useMouseHover2[1];
54
57
  var title = (0, _intl.default)(collapsed ? 'op:toggle_visible' : 'op:toggle_hidden');
55
58
  return /*#__PURE__*/_react.default.createElement(ScCollapseToggle, {
56
59
  hovered: stateHovered,
package/build/cjs/ui/rc-container/item/index.js CHANGED
@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
- var _reactHookMouseEnterLeave = _interopRequireDefault(require("@alicloud/react-hook-mouse-enter-leave"));
13
+ var _reactHookMouseHover = _interopRequireDefault(require("@alicloud/react-hook-mouse-hover"));
14
14
  var _consoleBaseRcHtmlTrusted = _interopRequireDefault(require("@alicloud/console-base-rc-html-trusted"));
15
15
  var _consoleBaseRcEasyIcon = require("@alicloud/console-base-rc-easy-icon");
16
16
  var _model = require("../../../model");
@@ -50,16 +50,19 @@ function Item(_ref) {
50
50
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
51
51
  stateTooltipVisible = _useState2[0],
52
52
  setStateTooltipVisible = _useState2[1];
53
- var _useMouseEnterLeave = (0, _reactHookMouseEnterLeave.default)((0, _react.useCallback)(function () {
54
- setStateTooltipVisible(true);
55
- onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
56
- }, [setStateTooltipVisible, onMouseEnter]), (0, _react.useCallback)(function () {
57
- setStateTooltipVisible(false);
58
- onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
59
- }, [setStateTooltipVisible, onMouseLeave])),
60
- _useMouseEnterLeave2 = (0, _slicedToArray2.default)(_useMouseEnterLeave, 2),
61
- handleMouseEnter = _useMouseEnterLeave2[0],
62
- handleMouseLeave = _useMouseEnterLeave2[1];
53
+ var _useMouseHover = (0, _reactHookMouseHover.default)({
54
+ onEnter: (0, _react.useCallback)(function () {
55
+ setStateTooltipVisible(true);
56
+ onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
57
+ }, [setStateTooltipVisible, onMouseEnter]),
58
+ onLeave: (0, _react.useCallback)(function () {
59
+ setStateTooltipVisible(false);
60
+ onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
61
+ }, [setStateTooltipVisible, onMouseLeave])
62
+ }),
63
+ _useMouseHover2 = (0, _slicedToArray2.default)(_useMouseHover, 2),
64
+ handleMouseEnter = _useMouseHover2[0],
65
+ handleMouseLeave = _useMouseHover2[1];
63
66
  var handleClick = (0, _react.useCallback)(function (e) {
64
67
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
65
68
  onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(!active);
package/build/cjs/ui/rc-container/items-bottom/quick-top/index.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = QuickTop;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
- var _reactHookMouseEnterLeave = _interopRequireDefault(require("@alicloud/react-hook-mouse-enter-leave"));
11
+ var _reactHookMouseHover = _interopRequireDefault(require("@alicloud/react-hook-mouse-hover"));
12
12
  var _consoleBaseRcIcon = _interopRequireDefault(require("@alicloud/console-base-rc-icon"));
13
13
  var _model = require("../../../../model");
14
14
  var _intl = _interopRequireDefault(require("../../../intl"));
@@ -21,14 +21,17 @@ function QuickTop() {
21
21
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
22
22
  stateHovered = _useState2[0],
23
23
  setStateHovered = _useState2[1];
24
- var _useMouseEnterLeave = (0, _reactHookMouseEnterLeave.default)((0, _react.useCallback)(function () {
25
- setStateHovered(true);
26
- }, [setStateHovered]), (0, _react.useCallback)(function () {
27
- setStateHovered(false);
28
- }, [setStateHovered])),
29
- _useMouseEnterLeave2 = (0, _slicedToArray2.default)(_useMouseEnterLeave, 2),
30
- handleMouseEnter = _useMouseEnterLeave2[0],
31
- handleMouseLeave = _useMouseEnterLeave2[1];
24
+ var _useMouseHover = (0, _reactHookMouseHover.default)({
25
+ onEnter: (0, _react.useCallback)(function () {
26
+ setStateHovered(true);
27
+ }, [setStateHovered]),
28
+ onLeave: (0, _react.useCallback)(function () {
29
+ setStateHovered(false);
30
+ }, [setStateHovered])
31
+ }),
32
+ _useMouseHover2 = (0, _slicedToArray2.default)(_useMouseHover, 2),
33
+ handleMouseEnter = _useMouseHover2[0],
34
+ handleMouseLeave = _useMouseHover2[1];
32
35
  var title = (0, _intl.default)('op:back_to_top');
33
36
  return /*#__PURE__*/_react.default.createElement(_rc.SidePanelItemWrap, {
34
37
  hovered: stateHovered,
package/build/esm/ui/rc-container/collapse-toggle/index.js CHANGED
@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import React, { useState, useCallback } from 'react';
3
3
  import styled, { css } from 'styled-components';
4
4
  import { mixinBgAccent, mixinTextWhite } from '@alicloud/console-base-theme';
5
- import useMouseEnterLeave from '@alicloud/react-hook-mouse-enter-leave';
5
+ import useMouseHover from '@alicloud/react-hook-mouse-hover';
6
6
  import Icon from '@alicloud/console-base-rc-icon';
7
7
  import { SPACING_Y } from '../../const';
8
8
  import intl from '../../intl';
@@ -33,14 +33,17 @@ export default function PanelToggle() {
33
33
  return v.unread;
34
34
  });
35
35
  var handleToggleCollapsed = useHandleCollapsedChange();
36
- var _useMouseEnterLeave = useMouseEnterLeave(useCallback(function () {
37
- setStateHovered(true);
38
- }, [setStateHovered]), useCallback(function () {
39
- setStateHovered(false);
40
- }, [setStateHovered])),
41
- _useMouseEnterLeave2 = _slicedToArray(_useMouseEnterLeave, 2),
42
- handleMouseEnter = _useMouseEnterLeave2[0],
43
- handleMouseLeave = _useMouseEnterLeave2[1];
36
+ var _useMouseHover = useMouseHover({
37
+ onEnter: useCallback(function () {
38
+ setStateHovered(true);
39
+ }, [setStateHovered]),
40
+ onLeave: useCallback(function () {
41
+ setStateHovered(false);
42
+ }, [setStateHovered])
43
+ }),
44
+ _useMouseHover2 = _slicedToArray(_useMouseHover, 2),
45
+ handleMouseEnter = _useMouseHover2[0],
46
+ handleMouseLeave = _useMouseHover2[1];
44
47
  var title = intl(collapsed ? 'op:toggle_visible' : 'op:toggle_hidden');
45
48
  return /*#__PURE__*/React.createElement(ScCollapseToggle, {
46
49
  hovered: stateHovered,
package/build/esm/ui/rc-container/item/index.js CHANGED
@@ -5,7 +5,7 @@ var _excluded = ["id", "className", "style", "active", "title", "titleActive", "
5
5
  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; }
6
6
  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; }
7
7
  import React, { useState, useCallback } from 'react';
8
- import useMouseEnterLeave from '@alicloud/react-hook-mouse-enter-leave';
8
+ import useMouseHover from '@alicloud/react-hook-mouse-hover';
9
9
  import HtmlTrusted from '@alicloud/console-base-rc-html-trusted';
10
10
  import { renderEasyIcon } from '@alicloud/console-base-rc-easy-icon';
11
11
  import { useCollapsed } from '../../../model';
@@ -40,16 +40,19 @@ export default function Item(_ref) {
40
40
  _useState2 = _slicedToArray(_useState, 2),
41
41
  stateTooltipVisible = _useState2[0],
42
42
  setStateTooltipVisible = _useState2[1];
43
- var _useMouseEnterLeave = useMouseEnterLeave(useCallback(function () {
44
- setStateTooltipVisible(true);
45
- onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
46
- }, [setStateTooltipVisible, onMouseEnter]), useCallback(function () {
47
- setStateTooltipVisible(false);
48
- onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
49
- }, [setStateTooltipVisible, onMouseLeave])),
50
- _useMouseEnterLeave2 = _slicedToArray(_useMouseEnterLeave, 2),
51
- handleMouseEnter = _useMouseEnterLeave2[0],
52
- handleMouseLeave = _useMouseEnterLeave2[1];
43
+ var _useMouseHover = useMouseHover({
44
+ onEnter: useCallback(function () {
45
+ setStateTooltipVisible(true);
46
+ onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
47
+ }, [setStateTooltipVisible, onMouseEnter]),
48
+ onLeave: useCallback(function () {
49
+ setStateTooltipVisible(false);
50
+ onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
51
+ }, [setStateTooltipVisible, onMouseLeave])
52
+ }),
53
+ _useMouseHover2 = _slicedToArray(_useMouseHover, 2),
54
+ handleMouseEnter = _useMouseHover2[0],
55
+ handleMouseLeave = _useMouseHover2[1];
53
56
  var handleClick = useCallback(function (e) {
54
57
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
55
58
  onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(!active);
package/build/esm/ui/rc-container/items-bottom/quick-top/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
2
  import React, { useState, useCallback } from 'react';
3
- import useMouseEnterLeave from '@alicloud/react-hook-mouse-enter-leave';
3
+ import useMouseHover from '@alicloud/react-hook-mouse-hover';
4
4
  import Icon from '@alicloud/console-base-rc-icon';
5
5
  import { useHandleGoTop } from '../../../../model';
6
6
  import intl from '../../../intl';
@@ -11,14 +11,17 @@ export default function QuickTop() {
11
11
  _useState2 = _slicedToArray(_useState, 2),
12
12
  stateHovered = _useState2[0],
13
13
  setStateHovered = _useState2[1];
14
- var _useMouseEnterLeave = useMouseEnterLeave(useCallback(function () {
15
- setStateHovered(true);
16
- }, [setStateHovered]), useCallback(function () {
17
- setStateHovered(false);
18
- }, [setStateHovered])),
19
- _useMouseEnterLeave2 = _slicedToArray(_useMouseEnterLeave, 2),
20
- handleMouseEnter = _useMouseEnterLeave2[0],
21
- handleMouseLeave = _useMouseEnterLeave2[1];
14
+ var _useMouseHover = useMouseHover({
15
+ onEnter: useCallback(function () {
16
+ setStateHovered(true);
17
+ }, [setStateHovered]),
18
+ onLeave: useCallback(function () {
19
+ setStateHovered(false);
20
+ }, [setStateHovered])
21
+ }),
22
+ _useMouseHover2 = _slicedToArray(_useMouseHover, 2),
23
+ handleMouseEnter = _useMouseHover2[0],
24
+ handleMouseLeave = _useMouseHover2[1];
22
25
  var title = intl('op:back_to_top');
23
26
  return /*#__PURE__*/React.createElement(SidePanelItemWrap, {
24
27
  hovered: stateHovered,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-rc-side-panel",
3
- "version": "1.0.3",
3
+ "version": "1.1.0",
4
4
  "description": "ConsoleBase 组件 - 右侧边栏",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -46,11 +46,11 @@
46
46
  "@alicloud/console-base-rc-icon": "^1.10.6",
47
47
  "@alicloud/console-base-rc-marks": "^1.8.3",
48
48
  "@alicloud/console-base-rc-tooltip": "^1.1.12",
49
- "@alicloud/console-base-theme": "^1.9.6",
49
+ "@alicloud/console-base-theme": "^1.9.7",
50
50
  "@alicloud/console-base-theme-sc-base": "^1.6.4",
51
51
  "@alicloud/mere-dom": "^1.8.0",
52
52
  "@alicloud/react-hook-is-unmounted": "^1.3.4",
53
- "@alicloud/react-hook-mouse-enter-leave": "^1.0.3",
53
+ "@alicloud/react-hook-mouse-hover": "^1.0.1",
54
54
  "@alicloud/typescript-missing-helpers": "^1.3.4",
55
55
  "immutability-helper": "^3.1.1"
56
56
  },