@alicloud/console-base-rc-side-panel 1.1.16 → 1.1.18

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.
@@ -30,7 +30,7 @@ var Item = function Item(_ref) {
30
30
  _ref$tooltipDefaultOp = _ref.tooltipDefaultOpen,
31
31
  tooltipDefaultOpen = _ref$tooltipDefaultOp === void 0 ? false : _ref$tooltipDefaultOp,
32
32
  _ref$tooltipDefaultOp2 = _ref.tooltipDefaultOpenDelay,
33
- tooltipDefaultOpenDelay = _ref$tooltipDefaultOp2 === void 0 ? 0.1 : _ref$tooltipDefaultOp2,
33
+ tooltipDefaultOpenDelay = _ref$tooltipDefaultOp2 === void 0 ? 250 : _ref$tooltipDefaultOp2,
34
34
  _ref$tooltipDefaultOp3 = _ref.tooltipDefaultOpenDuration,
35
35
  tooltipDefaultOpenDuration = _ref$tooltipDefaultOp3 === void 0 ? 3000 : _ref$tooltipDefaultOp3,
36
36
  tooltipOptions = _ref.tooltipOptions,
@@ -60,7 +60,7 @@ var Item = function Item(_ref) {
60
60
  defaultOpenTimerRef.current = setTimeout(function () {
61
61
  setOpen(false);
62
62
  }, tooltipDefaultOpenDuration);
63
- }, tooltipDefaultOpenDelay);
63
+ }, Math.max(tooltipDefaultOpenDelay, 250));
64
64
  }
65
65
 
66
66
  // 组件卸载时,主动清除计时器
@@ -19,6 +19,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
19
19
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
20
  function Items(_ref) {
21
21
  var items = _ref.items;
22
+ // index 为业务传入的期望展示的顺序
23
+ items.sort(function (a, b) {
24
+ var _a$index, _b$index;
25
+ var indexA = (_a$index = a.index) !== null && _a$index !== void 0 ? _a$index : Number.MAX_SAFE_INTEGER;
26
+ var indexB = (_b$index = b.index) !== null && _b$index !== void 0 ? _b$index : Number.MAX_SAFE_INTEGER;
27
+ return indexA - indexB;
28
+ });
22
29
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map(function (v) {
23
30
  return /*#__PURE__*/_react.default.createElement(_item.default, _objectSpread(_objectSpread({}, v), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _const.DATA_KEY_SIDE_PANEL_ITEM, v.key), "spm", v.key)));
24
31
  }));
@@ -20,7 +20,7 @@ var Item = function Item(_ref) {
20
20
  _ref$tooltipDefaultOp = _ref.tooltipDefaultOpen,
21
21
  tooltipDefaultOpen = _ref$tooltipDefaultOp === void 0 ? false : _ref$tooltipDefaultOp,
22
22
  _ref$tooltipDefaultOp2 = _ref.tooltipDefaultOpenDelay,
23
- tooltipDefaultOpenDelay = _ref$tooltipDefaultOp2 === void 0 ? 0.1 : _ref$tooltipDefaultOp2,
23
+ tooltipDefaultOpenDelay = _ref$tooltipDefaultOp2 === void 0 ? 250 : _ref$tooltipDefaultOp2,
24
24
  _ref$tooltipDefaultOp3 = _ref.tooltipDefaultOpenDuration,
25
25
  tooltipDefaultOpenDuration = _ref$tooltipDefaultOp3 === void 0 ? 3000 : _ref$tooltipDefaultOp3,
26
26
  tooltipOptions = _ref.tooltipOptions,
@@ -50,7 +50,7 @@ var Item = function Item(_ref) {
50
50
  defaultOpenTimerRef.current = setTimeout(function () {
51
51
  setOpen(false);
52
52
  }, tooltipDefaultOpenDuration);
53
- }, tooltipDefaultOpenDelay);
53
+ }, Math.max(tooltipDefaultOpenDelay, 250));
54
54
  }
55
55
 
56
56
  // 组件卸载时,主动清除计时器
@@ -11,6 +11,13 @@ import PanelItem from '../item';
11
11
  import QuickTop from '../quick-top';
12
12
  function Items(_ref) {
13
13
  var items = _ref.items;
14
+ // index 为业务传入的期望展示的顺序
15
+ items.sort(function (a, b) {
16
+ var _a$index, _b$index;
17
+ var indexA = (_a$index = a.index) !== null && _a$index !== void 0 ? _a$index : Number.MAX_SAFE_INTEGER;
18
+ var indexB = (_b$index = b.index) !== null && _b$index !== void 0 ? _b$index : Number.MAX_SAFE_INTEGER;
19
+ return indexA - indexB;
20
+ });
14
21
  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (v) {
15
22
  return /*#__PURE__*/React.createElement(PanelItem, _objectSpread(_objectSpread({}, v), {}, _defineProperty(_defineProperty({}, DATA_KEY_SIDE_PANEL_ITEM, v.key), "spm", v.key)));
16
23
  }));
@@ -47,6 +47,10 @@ export interface SidePanelItemButtonProps {
47
47
  onActiveChange?(active: boolean): void;
48
48
  }
49
49
  export interface ISidePanelItemProps extends SidePanelItemButtonProps {
50
+ /**
51
+ * 自定义展示顺序,越小越靠前,不传则按照消息传入的顺序展示
52
+ */
53
+ index?: number;
50
54
  /**
51
55
  * 右上角徽标,数字展示数字,true 展示小红点
52
56
  */
@@ -68,7 +72,8 @@ export interface ISidePanelItemProps extends SidePanelItemButtonProps {
68
72
  */
69
73
  tooltipDefaultOpen?: boolean;
70
74
  /**
71
- * 默认显示延迟时间,单位毫秒,默认 0.1ms
75
+ * 默认显示延迟时间,单位毫秒,默认 250ms
76
+ * 要等待侧边栏动画结束再展示,所以值不能小于 250,内部已做了最小值判断
72
77
  */
73
78
  tooltipDefaultOpenDelay?: number;
74
79
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-rc-side-panel",
3
- "version": "1.1.16",
3
+ "version": "1.1.18",
4
4
  "description": "ConsoleBase 组件 - 右侧边栏",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,