@sheinx/hooks 3.5.2-beta.8 → 3.5.2-fix.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.
Files changed (29) hide show
  1. package/cjs/common/use-input-able/use-Input-able.d.ts.map +1 -1
  2. package/cjs/common/use-input-able/use-Input-able.js +11 -8
  3. package/cjs/common/use-input-able/use-Input-able.type.d.ts +1 -0
  4. package/cjs/common/use-input-able/use-Input-able.type.d.ts.map +1 -1
  5. package/cjs/components/use-select/use-select.d.ts +2 -2
  6. package/cjs/components/use-select/use-select.d.ts.map +1 -1
  7. package/cjs/components/use-select/use-select.js +2 -0
  8. package/cjs/components/use-select/use-select.type.d.ts +3 -0
  9. package/cjs/components/use-select/use-select.type.d.ts.map +1 -1
  10. package/cjs/utils/dom/element.d.ts +1 -0
  11. package/cjs/utils/dom/element.d.ts.map +1 -1
  12. package/cjs/utils/dom/element.js +20 -0
  13. package/cjs/utils/lazyload.d.ts.map +1 -1
  14. package/cjs/utils/lazyload.js +4 -1
  15. package/esm/common/use-input-able/use-Input-able.d.ts.map +1 -1
  16. package/esm/common/use-input-able/use-Input-able.js +12 -9
  17. package/esm/common/use-input-able/use-Input-able.type.d.ts +1 -0
  18. package/esm/common/use-input-able/use-Input-able.type.d.ts.map +1 -1
  19. package/esm/components/use-select/use-select.d.ts +2 -2
  20. package/esm/components/use-select/use-select.d.ts.map +1 -1
  21. package/esm/components/use-select/use-select.js +2 -0
  22. package/esm/components/use-select/use-select.type.d.ts +3 -0
  23. package/esm/components/use-select/use-select.type.d.ts.map +1 -1
  24. package/esm/utils/dom/element.d.ts +1 -0
  25. package/esm/utils/dom/element.d.ts.map +1 -1
  26. package/esm/utils/dom/element.js +19 -0
  27. package/esm/utils/lazyload.d.ts.map +1 -1
  28. package/esm/utils/lazyload.js +4 -1
  29. package/package.json +1 -1
package/cjs/common/use-input-able/use-Input-able.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EAwE3F"}
1
+ {"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EA0E3F"}
package/cjs/common/use-input-able/use-Input-able.js CHANGED
@@ -21,6 +21,7 @@ function useInputAble(props) {
21
21
  var _props$value;
22
22
  var valuePo = props.value,
23
23
  onChange = props.onChange,
24
+ onSameChange = props.onSameChange,
24
25
  control = props.control,
25
26
  beforeChange = props.beforeChange,
26
27
  delay = props.delay;
@@ -45,19 +46,18 @@ function useInputAble(props) {
45
46
  var render = (0, _useRender.useRender)(syncValue);
46
47
  var shouldUseState = delay || !control;
47
48
  var value = shouldUseState ? stateValue : valuePo;
48
- (0, _react.useEffect)(function () {
49
- if (context.timer) {
50
- clearTimeout(context.timer);
51
- context.timer = null;
52
- }
49
+ (0, _react.useLayoutEffect)(function () {
53
50
  if (delay && control && props.value !== stateValue) {
54
51
  changeStateValue(props.value);
52
+ } else if (context.timer) {
53
+ clearTimeout(context.timer);
54
+ context.timer = null;
55
55
  }
56
56
  }, [props.value, delay, control]);
57
57
  var forceDelayChange = (0, _usePersistFn.default)(function () {
58
- if (context.timer && context.delayChange) {
58
+ if (context.delayChange) context.delayChange();
59
+ if (context.timer) {
59
60
  clearTimeout(context.timer);
60
- context.delayChange();
61
61
  context.timer = null;
62
62
  context.delayChange = null;
63
63
  }
@@ -68,7 +68,10 @@ function useInputAble(props) {
68
68
  }
69
69
  var vv = v;
70
70
  if (other.length === 0 || props.filterSameChange) {
71
- if ((0, _shallowEqual.shallowEqual)(v, value)) return;
71
+ if ((0, _shallowEqual.shallowEqual)(v, value)) {
72
+ if (onSameChange) onSameChange(v);
73
+ return;
74
+ }
72
75
  }
73
76
  if ((0, _is.isFunc)(beforeChange)) {
74
77
  var temp = beforeChange(v);
package/cjs/common/use-input-able/use-Input-able.type.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface InputAbleProps<T, V extends ChangeType<T>> {
4
4
  defaultValue: T | undefined;
5
5
  beforeChange: ((value: T) => T | void) | undefined;
6
6
  onChange: V | undefined;
7
+ onSameChange?: V;
7
8
  control: boolean;
8
9
  delay?: number;
9
10
  filterSameChange?: boolean;
package/cjs/common/use-input-able/use-Input-able.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
1
+ {"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
package/cjs/components/use-select/use-select.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { BaseSelectProps } from './use-select.type';
2
- declare const useSelect: <DataItem, Value>(props: BaseSelectProps<DataItem, Value>) => {
1
+ import { BaseSelectProps, UseSelectProps } from './use-select.type';
2
+ declare const useSelect: <DataItem, Value>(props: BaseSelectProps<DataItem, Value> & UseSelectProps<Value>) => {
3
3
  value: Value | undefined;
4
4
  datum: {
5
5
  add: (data: DataItem | DataItem[], config?: {
package/cjs/components/use-select/use-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGpE,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDd,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/components/use-select/use-select.js CHANGED
@@ -20,6 +20,7 @@ var useSelect = function useSelect(props) {
20
20
  prediction = props.prediction,
21
21
  valueProp = props.value,
22
22
  onChangeProp = props.onChange,
23
+ onSameChange = props.onSameChange,
23
24
  filterSameChange = props.filterSameChange,
24
25
  noCache = props.noCache;
25
26
  var _useInputAble = (0, _useInputAble2.useInputAble)({
@@ -28,6 +29,7 @@ var useSelect = function useSelect(props) {
28
29
  defaultValue: defaultValue,
29
30
  beforeChange: beforeChange,
30
31
  onChange: onChangeProp,
32
+ onSameChange: onSameChange,
31
33
  filterSameChange: filterSameChange
32
34
  }),
33
35
  value = _useInputAble.value,
package/cjs/components/use-select/use-select.type.d.ts CHANGED
@@ -58,4 +58,7 @@ export interface BaseSelectProps<DataItem, Value> {
58
58
  groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
59
59
  filterSameChange?: boolean;
60
60
  }
61
+ export interface UseSelectProps<Value> {
62
+ onSameChange: (value: Value) => void;
63
+ }
61
64
  //# sourceMappingURL=use-select.type.d.ts.map
package/cjs/components/use-select/use-select.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEvF;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3F;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
1
+ {"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEvF;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3F;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC"}
package/cjs/utils/dom/element.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const addResizeObserver: (el: HTMLElement, handler: any, options?
13
13
  }) => () => void;
14
14
  export declare function getParent(el: HTMLElement | null | Element, target?: string | HTMLElement): Element | null;
15
15
  export declare function getClosestScrollContainer(element: HTMLElement | null): HTMLElement | null;
16
+ export declare function getClosestFixedContainer(element: Element | HTMLElement | null): HTMLElement | null;
16
17
  export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
17
18
  export declare const parsePxToNumber: (str: string) => number;
18
19
  //# sourceMappingURL=element.d.ts.map
package/cjs/utils/dom/element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CA+BzF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC"}
1
+ {"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAmCzF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,sBAqB7E;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC"}
package/cjs/utils/dom/element.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.addResizeObserver = void 0;
7
7
  exports.cssSupport = cssSupport;
8
+ exports.getClosestFixedContainer = getClosestFixedContainer;
8
9
  exports.getClosestScrollContainer = getClosestScrollContainer;
9
10
  exports.getParent = getParent;
10
11
  exports.parsePxToNumber = void 0;
@@ -156,6 +157,25 @@ function getClosestScrollContainer(element) {
156
157
  // 如果没有找到可滚动的祖先，返回 body 或 documentElement
157
158
  return document.scrollingElement || document.documentElement;
158
159
  }
160
+ function getClosestFixedContainer(element) {
161
+ if (!element) {
162
+ return null;
163
+ }
164
+ var isFixable = function isFixable(el) {
165
+ var style = window.getComputedStyle(el);
166
+ return style.position === 'fixed';
167
+ };
168
+
169
+ // 遍历父元素
170
+ var parent = element.parentElement;
171
+ while (parent) {
172
+ if (isFixable(parent)) {
173
+ return parent;
174
+ }
175
+ parent = parent.parentElement;
176
+ }
177
+ return null;
178
+ }
159
179
  function cssSupport(attr, value) {
160
180
  if ((0, _is.isBrowser)()) {
161
181
  var element = document.createElement('div');
package/cjs/utils/lazyload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAoBF,wBAAgB,QAAQ,SAgBvB;AAWD,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,OAAO,QAUvE;AAwBD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,iBA4BvC"}
1
+ {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.ts"],"names":[],"mappings":"AAKA,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAoBF,wBAAgB,QAAQ,SAgBvB;AAWD,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,OAAO,QAUvE;AAyBD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,iBA4BvC"}
package/cjs/utils/lazyload.js CHANGED
@@ -7,6 +7,7 @@ exports.addStack = addStack;
7
7
  exports.dispatch = dispatch;
8
8
  exports.removeStack = removeStack;
9
9
  var _utils = require("../utils");
10
+ var _element = require("./dom/element");
10
11
  var throttle = 80;
11
12
  var components = {};
12
13
  var timeout = null;
@@ -66,10 +67,12 @@ function removeStack(id, removeListener) {
66
67
  function getObserver(obj, id) {
67
68
  var _obj$container = obj.container,
68
69
  container = _obj$container === void 0 ? null : _obj$container,
70
+ element = obj.element,
69
71
  offset = obj.offset,
70
72
  render = obj.render,
71
73
  offscreen = obj.offscreen,
72
74
  noRemove = obj.noRemove;
75
+ var fixedContainer = (0, _element.getClosestFixedContainer)(element);
73
76
  var observer = new IntersectionObserver(function (entries) {
74
77
  entries.forEach(function (en) {
75
78
  if (en.isIntersecting || en.intersectionRatio > 0) {
@@ -80,7 +83,7 @@ function getObserver(obj, id) {
80
83
  }
81
84
  });
82
85
  }, {
83
- root: container,
86
+ root: fixedContainer || container,
84
87
  rootMargin: "".concat(offset, "px")
85
88
  });
86
89
  obj.observer = observer;
package/esm/common/use-input-able/use-Input-able.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EAwE3F"}
1
+ {"version":3,"file":"use-Input-able.d.ts","sourceRoot":"","sources":["use-Input-able.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;;;;EA0E3F"}
package/esm/common/use-input-able/use-Input-able.js CHANGED
@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
4
4
  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; }
5
5
  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; } }
6
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import { useEffect, useRef, useState } from 'react';
7
+ import { useLayoutEffect, useRef, useState } from 'react';
8
8
  import { isFunc } from "../../utils/is";
9
9
  import { shallowEqual } from "../../utils/shallow-equal";
10
10
  import usePersistFn from "../use-persist-fn";
@@ -14,6 +14,7 @@ export default function useInputAble(props) {
14
14
  var _props$value;
15
15
  var valuePo = props.value,
16
16
  onChange = props.onChange,
17
+ onSameChange = props.onSameChange,
17
18
  control = props.control,
18
19
  beforeChange = props.beforeChange,
19
20
  delay = props.delay;
@@ -38,19 +39,18 @@ export default function useInputAble(props) {
38
39
  var render = useRender(syncValue);
39
40
  var shouldUseState = delay || !control;
40
41
  var value = shouldUseState ? stateValue : valuePo;
41
- useEffect(function () {
42
- if (context.timer) {
43
- clearTimeout(context.timer);
44
- context.timer = null;
45
- }
42
+ useLayoutEffect(function () {
46
43
  if (delay && control && props.value !== stateValue) {
47
44
  changeStateValue(props.value);
45
+ } else if (context.timer) {
46
+ clearTimeout(context.timer);
47
+ context.timer = null;
48
48
  }
49
49
  }, [props.value, delay, control]);
50
50
  var forceDelayChange = usePersistFn(function () {
51
- if (context.timer && context.delayChange) {
51
+ if (context.delayChange) context.delayChange();
52
+ if (context.timer) {
52
53
  clearTimeout(context.timer);
53
- context.delayChange();
54
54
  context.timer = null;
55
55
  context.delayChange = null;
56
56
  }
@@ -61,7 +61,10 @@ export default function useInputAble(props) {
61
61
  }
62
62
  var vv = v;
63
63
  if (other.length === 0 || props.filterSameChange) {
64
- if (shallowEqual(v, value)) return;
64
+ if (shallowEqual(v, value)) {
65
+ if (onSameChange) onSameChange(v);
66
+ return;
67
+ }
65
68
  }
66
69
  if (isFunc(beforeChange)) {
67
70
  var temp = beforeChange(v);
package/esm/common/use-input-able/use-Input-able.type.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface InputAbleProps<T, V extends ChangeType<T>> {
4
4
  defaultValue: T | undefined;
5
5
  beforeChange: ((value: T) => T | void) | undefined;
6
6
  onChange: V | undefined;
7
+ onSameChange?: V;
7
8
  control: boolean;
8
9
  delay?: number;
9
10
  filterSameChange?: boolean;
package/esm/common/use-input-able/use-Input-able.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
1
+ {"version":3,"file":"use-Input-able.type.d.ts","sourceRoot":"","sources":["use-Input-able.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAChE,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
package/esm/components/use-select/use-select.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { BaseSelectProps } from './use-select.type';
2
- declare const useSelect: <DataItem, Value>(props: BaseSelectProps<DataItem, Value>) => {
1
+ import { BaseSelectProps, UseSelectProps } from './use-select.type';
2
+ declare const useSelect: <DataItem, Value>(props: BaseSelectProps<DataItem, Value> & UseSelectProps<Value>) => {
3
3
  value: Value | undefined;
4
4
  datum: {
5
5
  add: (data: DataItem | DataItem[], config?: {
package/esm/components/use-select/use-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGpE,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDd,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/components/use-select/use-select.js CHANGED
@@ -14,6 +14,7 @@ var useSelect = function useSelect(props) {
14
14
  prediction = props.prediction,
15
15
  valueProp = props.value,
16
16
  onChangeProp = props.onChange,
17
+ onSameChange = props.onSameChange,
17
18
  filterSameChange = props.filterSameChange,
18
19
  noCache = props.noCache;
19
20
  var _useInputAble = useInputAble({
@@ -22,6 +23,7 @@ var useSelect = function useSelect(props) {
22
23
  defaultValue: defaultValue,
23
24
  beforeChange: beforeChange,
24
25
  onChange: onChangeProp,
26
+ onSameChange: onSameChange,
25
27
  filterSameChange: filterSameChange
26
28
  }),
27
29
  value = _useInputAble.value,
package/esm/components/use-select/use-select.type.d.ts CHANGED
@@ -58,4 +58,7 @@ export interface BaseSelectProps<DataItem, Value> {
58
58
  groupBy?: (item: DataItem, index?: number, data?: DataItem[]) => string;
59
59
  filterSameChange?: boolean;
60
60
  }
61
+ export interface UseSelectProps<Value> {
62
+ onSameChange: (value: Value) => void;
63
+ }
61
64
  //# sourceMappingURL=use-select.type.d.ts.map
package/esm/components/use-select/use-select.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEvF;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3F;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
1
+ {"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,QAAQ,CAAC;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAEnD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEvF;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE3F;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,MAAM,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC"}
package/esm/utils/dom/element.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const addResizeObserver: (el: HTMLElement, handler: any, options?
13
13
  }) => () => void;
14
14
  export declare function getParent(el: HTMLElement | null | Element, target?: string | HTMLElement): Element | null;
15
15
  export declare function getClosestScrollContainer(element: HTMLElement | null): HTMLElement | null;
16
+ export declare function getClosestFixedContainer(element: Element | HTMLElement | null): HTMLElement | null;
16
17
  export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
17
18
  export declare const parsePxToNumber: (str: string) => number;
18
19
  //# sourceMappingURL=element.d.ts.map
package/esm/utils/dom/element.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CA+BzF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC"}
1
+ {"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAmCzF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,sBAqB7E;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC"}
package/esm/utils/dom/element.js CHANGED
@@ -145,6 +145,25 @@ export function getClosestScrollContainer(element) {
145
145
  // 如果没有找到可滚动的祖先，返回 body 或 documentElement
146
146
  return document.scrollingElement || document.documentElement;
147
147
  }
148
+ export function getClosestFixedContainer(element) {
149
+ if (!element) {
150
+ return null;
151
+ }
152
+ var isFixable = function isFixable(el) {
153
+ var style = window.getComputedStyle(el);
154
+ return style.position === 'fixed';
155
+ };
156
+
157
+ // 遍历父元素
158
+ var parent = element.parentElement;
159
+ while (parent) {
160
+ if (isFixable(parent)) {
161
+ return parent;
162
+ }
163
+ parent = parent.parentElement;
164
+ }
165
+ return null;
166
+ }
148
167
  export function cssSupport(attr, value) {
149
168
  if (isBrowser()) {
150
169
  var element = document.createElement('div');
package/esm/utils/lazyload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAoBF,wBAAgB,QAAQ,SAgBvB;AAWD,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,OAAO,QAUvE;AAwBD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,iBA4BvC"}
1
+ {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.ts"],"names":[],"mappings":"AAKA,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAoBF,wBAAgB,QAAQ,SAgBvB;AAWD,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,OAAO,QAUvE;AAyBD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,iBA4BvC"}
package/esm/utils/lazyload.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { generateUUID, docSize } from "../utils";
2
+ import { getClosestFixedContainer } from "./dom/element";
2
3
  var throttle = 80;
3
4
  var components = {};
4
5
  var timeout = null;
@@ -58,10 +59,12 @@ export function removeStack(id, removeListener) {
58
59
  function getObserver(obj, id) {
59
60
  var _obj$container = obj.container,
60
61
  container = _obj$container === void 0 ? null : _obj$container,
62
+ element = obj.element,
61
63
  offset = obj.offset,
62
64
  render = obj.render,
63
65
  offscreen = obj.offscreen,
64
66
  noRemove = obj.noRemove;
67
+ var fixedContainer = getClosestFixedContainer(element);
65
68
  var observer = new IntersectionObserver(function (entries) {
66
69
  entries.forEach(function (en) {
67
70
  if (en.isIntersecting || en.intersectionRatio > 0) {
@@ -72,7 +75,7 @@ function getObserver(obj, id) {
72
75
  }
73
76
  });
74
77
  }, {
75
- root: container,
78
+ root: fixedContainer || container,
76
79
  rootMargin: "".concat(offset, "px")
77
80
  });
78
81
  obj.observer = observer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/hooks",
3
- "version": "3.5.2-beta.8",
3
+ "version": "3.5.2-fix.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",