heitu 1.0.3 → 1.0.4

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.
@@ -6,3 +6,4 @@ export { default as useInfiniteScroll } from './useInfiniteScroll';
6
6
  export { default as useInView } from './useInView';
7
7
  export { default as useResizeObserver } from './useResizeObserver';
8
8
  export { default as usePrevious } from './usePrevious';
9
+ export { default as useWindowSize } from './useWindowSize';
@@ -5,4 +5,5 @@ export { default as useHtAxios } from "./useHtAxios";
5
5
  export { default as useInfiniteScroll } from "./useInfiniteScroll";
6
6
  export { default as useInView } from "./useInView";
7
7
  export { default as useResizeObserver } from "./useResizeObserver";
8
- export { default as usePrevious } from "./usePrevious";
8
+ export { default as usePrevious } from "./usePrevious";
9
+ export { default as useWindowSize } from "./useWindowSize";
@@ -0,0 +1,3 @@
1
+ import type { UseWindowSize } from './interface';
2
+ declare const useWindowSize: UseWindowSize;
3
+ export default useWindowSize;
@@ -0,0 +1,33 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
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
+ 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
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import { useLayoutEffect, useState } from 'react';
8
+ var useWindowSize = function useWindowSize() {
9
+ var _useState = useState({
10
+ width: window.innerWidth,
11
+ height: window.innerHeight
12
+ }),
13
+ _useState2 = _slicedToArray(_useState, 2),
14
+ windowSize = _useState2[0],
15
+ setWindowSize = _useState2[1];
16
+ var handleResize = function handleResize() {
17
+ setWindowSize({
18
+ width: window.innerWidth,
19
+ height: window.innerHeight
20
+ });
21
+ };
22
+ useLayoutEffect(function () {
23
+ window.addEventListener('resize', handleResize);
24
+ return function () {
25
+ window.removeEventListener('resize', handleResize);
26
+ };
27
+ }, []);
28
+ return {
29
+ width: windowSize.width,
30
+ height: windowSize.height
31
+ };
32
+ };
33
+ export default useWindowSize;
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @title useWindowSize
3
+ * @returns_en A object with the following elements:
4
+ * - width: The current window width.
5
+ * - height: The current window height.
6
+ * @returns 包含以下元素的对象:
7
+ * - width:当前视窗宽度。
8
+ * - height: 当前视窗高度。
9
+ */
10
+ export type UseWindowSize = () => {
11
+ readonly width: number;
12
+ readonly height: number;
13
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "heitu",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "diy hook canvas component",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",