react-vant-nova 1.0.0-test

package/lib/hooks/use-rect.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRect = exports.default = void 0;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function isWindow(val) {
+  return val === window;
+}
+const useRect = elementRef => {
+  const element = elementRef;
+  if (isWindow(element)) {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height
+    };
+  }
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+};
+exports.getRect = useRect;
+var _default = exports.default = useRect;

package/lib/hooks/use-ref-state.d.ts

@@ -0,0 +1,4 @@
+import type { Dispatch, SetStateAction, MutableRefObject } from 'react';
+declare type StateType<T> = T | (() => T);
+export default function useRefState<T>(initialState: StateType<T>): [T, Dispatch<SetStateAction<T>>, MutableRefObject<T>];
+export {};

package/lib/hooks/use-ref-state.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRefState;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function useRefState(initialState) {
+  const [state, setState] = (0, _react().useState)(initialState);
+  const ref = (0, _react().useRef)(state);
+  const setRafState = (0, _react().useCallback)(patch => {
+    setState(prevState => {
+      // eslint-disable-next-line no-return-assign
+      return ref.current = (0, _utils.isFunction)(patch) ? patch(prevState) : patch;
+    });
+  }, [state]);
+  return [state, setRafState, ref];
+}

package/lib/hooks/use-refs.d.ts

@@ -0,0 +1 @@
+export default function useRefs(): any[];

package/lib/hooks/use-refs.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRefs;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+
+function useRefs() {
+  const refs = _react().default.useRef([]);
+  const setRefs = _react().default.useCallback(index => el => {
+    if (el) refs.current[index] = el;
+  }, []);
+  const reset = _react().default.useCallback(() => {
+    refs.current = [];
+  }, []);
+  return [refs.current, setRefs, reset];
+}

package/lib/hooks/use-resize-effect.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useResizeEffect<T extends HTMLElement>(effect: (target: T) => void, targetRef: RefObject<T>): void;

package/lib/hooks/use-resize-effect.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeEffect = useResizeEffect;
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./use-isomorphic-layout-effect"));
+var _useMemoizedFn = _interopRequireDefault(require("./use-memoized-fn"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useResizeEffect(effect, targetRef) {
+  const fn = (0, _useMemoizedFn.default)(effect);
+  (0, _useIsomorphicLayoutEffect.default)(() => {
+    const target = targetRef.current;
+    if (!target) return;
+    if (window.ResizeObserver) {
+      const observer = new ResizeObserver(() => {
+        fn(target);
+      });
+      observer.observe(target);
+      return () => {
+        observer.disconnect();
+      };
+    } else {
+      fn(target);
+    }
+  }, [targetRef]);
+}

package/lib/hooks/use-scroll-parent.d.ts

@@ -0,0 +1,5 @@
+import { BasicTarget } from '../utils/dom/getTargetElement';
+declare type ScrollElement = Element | HTMLElement | Window;
+export declare function getScrollParent(el: Element, root?: ScrollElement): ScrollElement;
+declare function useScrollParent(el: BasicTarget<HTMLElement | Element | Window | Document>): Element | Window;
+export default useScrollParent;

package/lib/hooks/use-scroll-parent.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getScrollParent = getScrollParent;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _getTargetElement = require("../utils/dom/getTargetElement");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* eslint-disable no-param-reassign */
+
+const overflowScrollReg = /scroll|auto/i;
+const defaultRoot = _utils.inBrowser ? window : undefined;
+function isElement(node) {
+  const ELEMENT_NODE_TYPE = 1;
+  return node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === ELEMENT_NODE_TYPE;
+}
+function getScrollParent(el, root = defaultRoot) {
+  if (root === undefined) {
+    root = window;
+  }
+  let node = el;
+  while (node && node !== root && isElement(node)) {
+    const {
+      overflowY
+    } = window.getComputedStyle(node);
+    if (overflowScrollReg.test(overflowY)) {
+      if (node.tagName !== 'BODY') {
+        return node;
+      }
+      const htmlOverflowY = window.getComputedStyle(node.parentNode).overflowY;
+      if (overflowScrollReg.test(htmlOverflowY)) {
+        return node;
+      }
+    }
+    node = node.parentNode;
+  }
+  return root;
+}
+function useScrollParent(el) {
+  const [scrollParent, setScrollParent] = (0, _react().useState)();
+  (0, _react().useEffect)(() => {
+    if (el) {
+      const element = (0, _getTargetElement.getTargetElement)(el);
+      setScrollParent(getScrollParent(element));
+    }
+  }, []);
+  return scrollParent;
+}
+var _default = exports.default = useScrollParent;

package/lib/hooks/use-set-state.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useSetState: <T extends object>(initialState?: T) => [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void, React.MutableRefObject<T>];
+export default useSetState;

package/lib/hooks/use-set-state.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _useRefState = _interopRequireDefault(require("./use-ref-state"));
+var _useUnmountedRef = _interopRequireDefault(require("./use-unmounted-ref"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useSetState = (initialState = {}) => {
+  const unmountedRef = (0, _useUnmountedRef.default)();
+  const [state, setState, ref] = (0, _useRefState.default)(initialState);
+  const setMergeState = (0, _react().useCallback)(patch => {
+    if (unmountedRef.current) return;
+    setState(prevState => Object.assign(Object.assign({}, prevState), (0, _utils.isFunction)(patch) ? patch(prevState) : patch));
+  }, []);
+  return [state, setMergeState, ref];
+};
+var _default = exports.default = useSetState;

package/lib/hooks/use-throttle-fn.d.ts

@@ -0,0 +1,17 @@
+interface ThrottleOptions {
+    wait?: number;
+    leading?: boolean;
+    trailing?: boolean;
+}
+declare type noop = (...args: any) => any;
+declare function useThrottleFn<T extends noop>(fn: T, options?: ThrottleOptions): {
+    run: {
+        (...args: any[]): any;
+        cancel: () => void;
+        flush: () => any;
+        pending: () => boolean;
+    };
+    cancel: () => void;
+    flush: () => any;
+};
+export default useThrottleFn;

package/lib/hooks/use-throttle-fn.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _useLatest = _interopRequireDefault(require("./use-latest"));
+var _useUnmount = _interopRequireDefault(require("./use-unmount"));
+var _utils = require("../utils");
+var _throttle = _interopRequireDefault(require("../utils/throttle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function useThrottleFn(fn, options) {
+  var _a;
+  if (process.env.NODE_ENV === 'development') {
+    if (!(0, _utils.isFunction)(fn)) {
+      console.error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
+    }
+  }
+  const fnRef = (0, _useLatest.default)(fn);
+  const wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1000;
+  const throttled = (0, _react().useMemo)(() => (0, _throttle.default)((...args) => {
+    return fnRef.current(...args);
+  }, wait, options), []);
+  (0, _useUnmount.default)(() => {
+    throttled.cancel();
+  });
+  return {
+    run: throttled,
+    cancel: throttled.cancel,
+    flush: throttled.flush
+  };
+}
+var _default = exports.default = useThrottleFn;

package/lib/hooks/use-touch.d.ts

@@ -0,0 +1,17 @@
+declare type Direction = '' | 'vertical' | 'horizontal';
+export default function useTouch(): {
+    move: EventListener;
+    start: EventListener;
+    reset: () => void;
+    startX: import("react").MutableRefObject<number>;
+    startY: import("react").MutableRefObject<number>;
+    deltaX: import("react").MutableRefObject<number>;
+    deltaY: import("react").MutableRefObject<number>;
+    offsetX: import("react").MutableRefObject<number>;
+    offsetY: import("react").MutableRefObject<number>;
+    direction: import("react").MutableRefObject<Direction>;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+    firstMove: import("react").MutableRefObject<boolean>;
+};
+export {};

package/lib/hooks/use-touch.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTouch;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+  return '';
+}
+function useTouch() {
+  const startX = (0, _react().useRef)(0);
+  const startY = (0, _react().useRef)(0);
+  const deltaX = (0, _react().useRef)(0);
+  const deltaY = (0, _react().useRef)(0);
+  const offsetX = (0, _react().useRef)(0);
+  const offsetY = (0, _react().useRef)(0);
+  const direction = (0, _react().useRef)('');
+  const firstMove = (0, _react().useRef)(null);
+  const isVertical = () => direction.current === 'vertical';
+  const isHorizontal = () => direction.current === 'horizontal';
+  const reset = () => {
+    deltaX.current = 0;
+    deltaY.current = 0;
+    offsetX.current = 0;
+    offsetY.current = 0;
+    direction.current = '';
+    firstMove.current = null;
+  };
+  const start = event => {
+    reset();
+    startX.current = event.touches[0].clientX;
+    startY.current = event.touches[0].clientY;
+  };
+  const move = event => {
+    const touch = event.touches[0];
+    // Fix: Safari back will set clientX to negative number
+    deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
+    deltaY.current = touch.clientY - startY.current;
+    offsetX.current = Math.abs(deltaX.current);
+    offsetY.current = Math.abs(deltaY.current);
+    if (firstMove.current === null) {
+      firstMove.current = true;
+    } else {
+      firstMove.current = false;
+    }
+    if (!direction.current) {
+      direction.current = getDirection(offsetX.current, offsetY.current);
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal,
+    firstMove
+  };
+}

package/lib/hooks/use-unmount.d.ts

@@ -0,0 +1,2 @@
+declare const useUnmount: (fn: () => void) => void;
+export default useUnmount;

package/lib/hooks/use-unmount.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _useLatest = _interopRequireDefault(require("./use-latest"));
+var _utils = require("../utils");
+var _devLog = require("../utils/dev-log");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useUnmount = fn => {
+  if (process.env.NODE_ENV === 'development') {
+    if (!(0, _utils.isFunction)(fn)) {
+      (0, _devLog.devWarning)('useUnmount', `expected parameter is a function, got ${typeof fn}`);
+    }
+  }
+  const fnRef = (0, _useLatest.default)(fn);
+  (0, _react().useEffect)(() => () => {
+    fnRef.current();
+  }, []);
+};
+var _default = exports.default = useUnmount;

package/lib/hooks/use-unmounted-ref.d.ts

@@ -0,0 +1,2 @@
+declare const useUnmountedRef: () => import("react").MutableRefObject<boolean>;
+export default useUnmountedRef;

package/lib/hooks/use-unmounted-ref.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+const useUnmountedRef = () => {
+  const unmountedRef = (0, _react().useRef)(false);
+  (0, _react().useEffect)(() => {
+    unmountedRef.current = false;
+    return () => {
+      unmountedRef.current = true;
+    };
+  }, []);
+  return unmountedRef;
+};
+var _default = exports.default = useUnmountedRef;

package/lib/hooks/use-update-effect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useUpdateEffect: typeof useEffect;
+export default useUpdateEffect;

package/lib/hooks/use-update-effect.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useUpdateEffect = (effect, deps) => {
+  const isMounted = (0, _react().useRef)(false);
+  (0, _react().useEffect)(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      return effect();
+    }
+    return undefined;
+  }, deps);
+};
+var _default = exports.default = useUpdateEffect;

package/lib/hooks/use-update.d.ts

@@ -0,0 +1,2 @@
+declare const useUpdate: () => () => void;
+export default useUpdate;

package/lib/hooks/use-update.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useUpdate = () => {
+  const [, setState] = (0, _react().useState)({});
+  return (0, _react().useCallback)(() => setState({}), []);
+};
+var _default = exports.default = useUpdate;

package/lib/hooks/use-visibility-change.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function useVisibilityChange(target: React.MutableRefObject<Element | undefined>, onChange?: (visible: boolean) => void): readonly [boolean];

package/lib/hooks/use-visibility-change.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVisibilityChange;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+function useVisibilityChange(target, onChange) {
+  const [state, setState] = (0, _react().useState)();
+  (0, _react().useEffect)(() => {
+    // compatibility: https://caniuse.com/#feat=intersectionobserver
+    if (!(!_utils.inBrowser || !window.IntersectionObserver)) {
+      const observer = new IntersectionObserver(entries => {
+        // visibility changed
+        onChange === null || onChange === void 0 ? void 0 : onChange(entries[0].intersectionRatio > 0);
+        for (const entry of entries) {
+          setState(entry.isIntersecting);
+        }
+      }, {
+        root: document.body
+      });
+      const observe = () => {
+        if (target.current) {
+          observer.observe(target.current);
+        }
+      };
+      const unobserve = () => {
+        if (target.current) {
+          observer.unobserve(target.current);
+        }
+      };
+      observe();
+      return unobserve;
+    }
+  }, [target.current]);
+  return [state];
+}

package/lib/hooks/use-window-size.d.ts

@@ -0,0 +1,5 @@
+declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
+export default useWindowSize;

package/lib/hooks/use-window-size.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _useEventListener = _interopRequireDefault(require("./use-event-listener"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function useWindowSize() {
+  const [width, setWidth] = (0, _react().useState)(_utils.inBrowser ? window.innerWidth : 0);
+  const [height, setHeight] = (0, _react().useState)(_utils.inBrowser ? window.innerHeight : 0);
+  const onResize = () => {
+    setWidth(window.innerWidth);
+    setHeight(window.innerHeight);
+  };
+  (0, _useEventListener.default)('resize', onResize);
+  (0, _useEventListener.default)('orientationchange', onResize);
+  return {
+    width,
+    height
+  };
+}
+var _default = exports.default = useWindowSize;

package/lib/image/Image.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageProps } from './PropsType';
+declare const Image: React.FC<ImageProps>;
+export default Image;