@sheinx/base 3.6.4-beta.7 → 3.6.4-beta.8

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 (9) hide show
  1. package/cjs/popover/popover.d.ts.map +1 -1
  2. package/cjs/popover/popover.js +8 -8
  3. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  4. package/cjs/tooltip/tooltip.js +2 -10
  5. package/esm/popover/popover.d.ts.map +1 -1
  6. package/esm/popover/popover.js +8 -8
  7. package/esm/tooltip/tooltip.d.ts.map +1 -1
  8. package/esm/tooltip/tooltip.js +3 -11
  9. package/package.json +2 -2
package/cjs/popover/popover.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,4CA2LnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,4CA4LnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/cjs/popover/popover.js CHANGED
@@ -87,11 +87,11 @@ var Popover = function Popover(props) {
87
87
  _React$useState2 = _slicedToArray(_React$useState, 2),
88
88
  updateKey = _React$useState2[0],
89
89
  setUpdateKey = _React$useState2[1];
90
- var handleUpdateKey = function handleUpdateKey() {
90
+ var handleUpdateKey = (0, _hooks.usePersistFn)(function () {
91
91
  setUpdateKey(function (prev) {
92
92
  return (prev + 1) % 2;
93
93
  });
94
- };
94
+ });
95
95
  var bindEvents = function bindEvents() {
96
96
  var _window;
97
97
  var targetEl = targetRef.current;
@@ -104,9 +104,9 @@ var Popover = function Popover(props) {
104
104
  targetEl.addEventListener('click', closePop);
105
105
  }
106
106
  (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
107
- var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
108
- if (scrollContainer) {
109
- scrollContainer.addEventListener('scroll', handleUpdateKey);
107
+ if (props.adjust) {
108
+ var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
109
+ if (scrollContainer) scrollContainer.addEventListener('scroll', handleUpdateKey);
110
110
  }
111
111
  };
112
112
  var unbindEvents = function unbindEvents() {
@@ -119,9 +119,9 @@ var Popover = function Popover(props) {
119
119
  if (events.onClick) targetEl.removeEventListener('click', events.onClick);
120
120
  targetEl.removeEventListener('click', closePop);
121
121
  (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
122
- var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
123
- if (scrollContainer) {
124
- scrollContainer.addEventListener('scroll', handleUpdateKey);
122
+ if (props.adjust) {
123
+ var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
124
+ if (scrollContainer) scrollContainer.removeEventListener('scroll', handleUpdateKey);
125
125
  }
126
126
  };
127
127
  (0, _react.useEffect)(function () {
package/cjs/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,mDAoJnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,mDA6InC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -70,11 +70,11 @@ var Tooltip = function Tooltip(props) {
70
70
  _React$useState2 = _slicedToArray(_React$useState, 2),
71
71
  updateKey = _React$useState2[0],
72
72
  setUpdateKey = _React$useState2[1];
73
- var handleUpdateKey = function handleUpdateKey() {
73
+ var handleUpdateKey = (0, _hooks.usePersistFn)(function () {
74
74
  setUpdateKey(function (prev) {
75
75
  return (prev + 1) % 2;
76
76
  });
77
- };
77
+ });
78
78
  var bindEvents = function bindEvents() {
79
79
  var _window;
80
80
  var targetEl = targetRef.current;
@@ -83,10 +83,6 @@ var Tooltip = function Tooltip(props) {
83
83
  if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
84
84
  if (events.onClick) targetEl.addEventListener('click', events.onClick);
85
85
  (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
86
- var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
87
- if (scrollContainer) {
88
- scrollContainer.addEventListener('scroll', handleUpdateKey);
89
- }
90
86
  };
91
87
  var unbindEvents = function unbindEvents() {
92
88
  var _window2;
@@ -98,10 +94,6 @@ var Tooltip = function Tooltip(props) {
98
94
  if (events.onClick) targetEl.removeEventListener('click', events.onClick);
99
95
  targetEl.removeEventListener('click', closePop);
100
96
  (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
101
- var scrollContainer = (0, _hooks.getClosestScrollContainer)(targetEl);
102
- if (scrollContainer) {
103
- scrollContainer.addEventListener('scroll', handleUpdateKey);
104
- }
105
97
  };
106
98
  (0, _react.useEffect)(function () {
107
99
  if (!persistent) return;
package/esm/popover/popover.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,4CA2LnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,4CA4LnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/esm/popover/popover.js CHANGED
@@ -79,11 +79,11 @@ var Popover = function Popover(props) {
79
79
  _React$useState2 = _slicedToArray(_React$useState, 2),
80
80
  updateKey = _React$useState2[0],
81
81
  setUpdateKey = _React$useState2[1];
82
- var handleUpdateKey = function handleUpdateKey() {
82
+ var handleUpdateKey = usePersistFn(function () {
83
83
  setUpdateKey(function (prev) {
84
84
  return (prev + 1) % 2;
85
85
  });
86
- };
86
+ });
87
87
  var bindEvents = function bindEvents() {
88
88
  var _window;
89
89
  var targetEl = targetRef.current;
@@ -96,9 +96,9 @@ var Popover = function Popover(props) {
96
96
  targetEl.addEventListener('click', closePop);
97
97
  }
98
98
  (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
99
- var scrollContainer = getClosestScrollContainer(targetEl);
100
- if (scrollContainer) {
101
- scrollContainer.addEventListener('scroll', handleUpdateKey);
99
+ if (props.adjust) {
100
+ var scrollContainer = getClosestScrollContainer(targetEl);
101
+ if (scrollContainer) scrollContainer.addEventListener('scroll', handleUpdateKey);
102
102
  }
103
103
  };
104
104
  var unbindEvents = function unbindEvents() {
@@ -111,9 +111,9 @@ var Popover = function Popover(props) {
111
111
  if (events.onClick) targetEl.removeEventListener('click', events.onClick);
112
112
  targetEl.removeEventListener('click', closePop);
113
113
  (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
114
- var scrollContainer = getClosestScrollContainer(targetEl);
115
- if (scrollContainer) {
116
- scrollContainer.addEventListener('scroll', handleUpdateKey);
114
+ if (props.adjust) {
115
+ var scrollContainer = getClosestScrollContainer(targetEl);
116
+ if (scrollContainer) scrollContainer.removeEventListener('scroll', handleUpdateKey);
117
117
  }
118
118
  };
119
119
  useEffect(function () {
package/esm/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,mDAoJnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,QAAA,MAAM,OAAO,UAAW,YAAY,mDA6InC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
10
10
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
11
11
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
12
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
- import { getClosestScrollContainer, usePopup, util } from '@sheinx/hooks';
13
+ import { usePersistFn, usePopup, util } from '@sheinx/hooks';
14
14
  import classNames from 'classnames';
15
15
  import React, { cloneElement, isValidElement, useEffect } from 'react';
16
16
  import AbsoluteList from "../absolute-list";
@@ -63,11 +63,11 @@ var Tooltip = function Tooltip(props) {
63
63
  _React$useState2 = _slicedToArray(_React$useState, 2),
64
64
  updateKey = _React$useState2[0],
65
65
  setUpdateKey = _React$useState2[1];
66
- var handleUpdateKey = function handleUpdateKey() {
66
+ var handleUpdateKey = usePersistFn(function () {
67
67
  setUpdateKey(function (prev) {
68
68
  return (prev + 1) % 2;
69
69
  });
70
- };
70
+ });
71
71
  var bindEvents = function bindEvents() {
72
72
  var _window;
73
73
  var targetEl = targetRef.current;
@@ -76,10 +76,6 @@ var Tooltip = function Tooltip(props) {
76
76
  if (events.onMouseLeave) targetEl.addEventListener('mouseleave', events.onMouseLeave);
77
77
  if (events.onClick) targetEl.addEventListener('click', events.onClick);
78
78
  (_window = window) === null || _window === void 0 || _window.addEventListener('resize', handleUpdateKey);
79
- var scrollContainer = getClosestScrollContainer(targetEl);
80
- if (scrollContainer) {
81
- scrollContainer.addEventListener('scroll', handleUpdateKey);
82
- }
83
79
  };
84
80
  var unbindEvents = function unbindEvents() {
85
81
  var _window2;
@@ -91,10 +87,6 @@ var Tooltip = function Tooltip(props) {
91
87
  if (events.onClick) targetEl.removeEventListener('click', events.onClick);
92
88
  targetEl.removeEventListener('click', closePop);
93
89
  (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener('resize', handleUpdateKey);
94
- var scrollContainer = getClosestScrollContainer(targetEl);
95
- if (scrollContainer) {
96
- scrollContainer.addEventListener('scroll', handleUpdateKey);
97
- }
98
90
  };
99
91
  useEffect(function () {
100
92
  if (!persistent) return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.6.4-beta.7",
3
+ "version": "3.6.4-beta.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "module": "./esm/index.js",
11
11
  "typings": "./cjs/index.d.ts",
12
12
  "dependencies": {
13
- "@sheinx/hooks": "3.6.4-beta.7",
13
+ "@sheinx/hooks": "3.6.4-beta.8",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"