@sheinx/hooks 3.0.0-rc.1 → 3.0.0-rc.4

package/esm/common/use-position-style/get-position-style.js

@@ -1,18 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPositionStyle = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ReverseDir = {
   left: 'right',
   right: 'left',
   top: 'bottom',
   bottom: 'top'
 };
-var getPositionStyle = function getPositionStyle(position, config) {
+export var getPositionStyle = function getPositionStyle(position, config) {
   var _ref = config || {},
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
@@ -34,13 +32,13 @@ var getPositionStyle = function getPositionStyle(position, config) {
   } else {
     var positionArr = (position || '').split('-');
     if (positionArr.length === 2) {
-      var _positionArr = (0, _slicedToArray2.default)(positionArr, 2),
+      var _positionArr = _slicedToArray(positionArr, 2),
         m = _positionArr[0],
         n = _positionArr[1];
       newStyle[ReverseDir[m]] = mainMargin;
       newStyle[n] = 0;
     } else {
-      var _positionArr2 = (0, _slicedToArray2.default)(positionArr, 1),
+      var _positionArr2 = _slicedToArray(positionArr, 1),
         _m = _positionArr2[0];
       newStyle[ReverseDir[_m]] = mainMargin;
       if (_m === 'left' || _m === 'right') {
@@ -54,5 +52,4 @@ var getPositionStyle = function getPositionStyle(position, config) {
     }
   }
   return newStyle;
-};
-exports.getPositionStyle = getPositionStyle;
+};

package/esm/common/use-position-style/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare type HorizontalPosition = 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top' | 'left' | 'right';
-export declare type VerticalPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
-declare type PositionType = HorizontalPosition | VerticalPosition | 'cover';
+export type HorizontalPosition = 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top' | 'left' | 'right';
+export type VerticalPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom';
+type PositionType = HorizontalPosition | VerticalPosition | 'cover';
 export interface PositionStyleConfig {
     position: PositionType | undefined;
     absolute: boolean;

package/esm/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,oBAAY,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,oBAAY,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,aAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAsO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAsO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/common/use-position-style/index.js

@@ -1,29 +1,15 @@
-"use strict";
 "use client";
-
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePositionStyle = exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.string.starts-with.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
-require("core-js/modules/es.string.ends-with.js");
-require("core-js/modules/es.array.index-of.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _getPositionStyle = require("./get-position-style");
-var _shallowEqual = _interopRequireDefault(require("../../utils/shallow-equal"));
-var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
-var _utils = require("../../utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import { getPositionStyle } from "./get-position-style";
+import shallowEqual from "../../utils/shallow-equal";
+import usePersistFn from "../use-persist-fn";
+import { docSize } from "../../utils";
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -32,7 +18,7 @@ var hideStyle = {
   zIndex: -1000,
   opacity: 0
 };
-var usePositionStyle = function usePositionStyle(config) {
+export var usePositionStyle = function usePositionStyle(config) {
   var _ref = config || {},
     absolute = _ref.absolute,
     show = _ref.show,
@@ -49,11 +35,11 @@ var usePositionStyle = function usePositionStyle(config) {
     updateKey = _ref.updateKey,
     adjust = _ref.adjust;
   // 初次渲染无样式的时候， 隐藏展示
-  var _useState = (0, _react.useState)(hideStyle),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(hideStyle),
+    _useState2 = _slicedToArray(_useState, 2),
     style = _useState2[0],
     setStyle = _useState2[1];
-  var _React$useRef = _react.default.useRef({
+  var _React$useRef = React.useRef({
       element: null,
       containerRect: {
         left: 0,
@@ -73,7 +59,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }),
     context = _React$useRef.current;
   var adjustPosition = function adjustPosition(position) {
-    var winHeight = _utils.docSize.height;
+    var winHeight = docSize.height;
     if (!verticalPosition.includes(position)) return position;
     var newPosition = position;
     var verticalPoint = context.parentRect.top + context.parentRect.height / 2;
@@ -87,7 +73,7 @@ var usePositionStyle = function usePositionStyle(config) {
       }
     }
     if (!absolute) {
-      var winWidth = _utils.docSize.width;
+      var winWidth = docSize.width;
       var horizontalPoint = context.parentRect.left + context.parentRect.width / 2;
       if (newPosition.endsWith('right')) {
         if (horizontalPoint / winWidth < 0.5 && context.parentRect.right - context.popUpWidth < 0) {
@@ -116,7 +102,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
       el.style[widthKey] = parentRect.width + 'px';
     }
-    (_popupElRef$current$p = popupElRef.current.parentElement) === null || _popupElRef$current$p === void 0 ? void 0 : _popupElRef$current$p.appendChild(el);
+    (_popupElRef$current$p = popupElRef.current.parentElement) === null || _popupElRef$current$p === void 0 || _popupElRef$current$p.appendChild(el);
     var height = el.offsetHeight;
     var width = el.offsetWidth;
     el.remove();
@@ -147,7 +133,7 @@ var usePositionStyle = function usePositionStyle(config) {
     context.containerScroll = containerScroll;
     if (verticalPosition.includes(targetPosition)) {
       var _targetPosition$split = targetPosition.split('-'),
-        _targetPosition$split2 = (0, _slicedToArray2.default)(_targetPosition$split, 2),
+        _targetPosition$split2 = _slicedToArray(_targetPosition$split, 2),
         v = _targetPosition$split2[0],
         h = _targetPosition$split2[1];
       var overRight = 0;
@@ -189,7 +175,7 @@ var usePositionStyle = function usePositionStyle(config) {
       }
     } else if (horizontalPosition.includes(targetPosition)) {
       var _targetPosition$split3 = targetPosition.split('-'),
-        _targetPosition$split4 = (0, _slicedToArray2.default)(_targetPosition$split3, 2),
+        _targetPosition$split4 = _slicedToArray(_targetPosition$split3, 2),
         _h = _targetPosition$split4[0],
         _v = _targetPosition$split4[1];
       if (_v === 'top') {
@@ -242,7 +228,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var realPosition = adjust ? adjustPosition(position) : position;
     if (!absolute) {
-      newStyle = (0, _getPositionStyle.getPositionStyle)(realPosition, {
+      newStyle = getPositionStyle(realPosition, {
         popupGap: popupGap,
         zIndex: zIndex,
         fixedWidth: fixedWidth
@@ -256,15 +242,13 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     return newStyle;
   };
-  var updateStyle = (0, _usePersistFn.default)(function () {
+  var updateStyle = usePersistFn(function () {
     var newStyle = getStyle();
-    if (newStyle && !(0, _shallowEqual.default)(style, newStyle)) {
+    if (newStyle && !shallowEqual(style, newStyle)) {
       setStyle(newStyle);
     }
   });
-  (0, _react.useEffect)(updateStyle, [show, position, absolute, updateKey]);
+  useEffect(updateStyle, [show, position, absolute, updateKey]);
   return style;
 };
-exports.usePositionStyle = usePositionStyle;
-var _default = usePositionStyle;
-exports.default = _default;
+export default usePositionStyle;

package/esm/common/use-previous/index.js

@@ -1,20 +1,12 @@
-"use strict";
 "use client";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.usePrevious = usePrevious;
-var _react = require("react");
-function usePrevious(state) {
-  var prevRef = (0, _react.useRef)();
-  var curRef = (0, _react.useRef)();
+import { useRef } from 'react';
+export function usePrevious(state) {
+  var prevRef = useRef();
+  var curRef = useRef();
   if (!Object.is(curRef.current, state)) {
     prevRef.current = curRef.current;
     curRef.current = state;
   }
   return prevRef.current;
 }
-var _default = usePrevious;
-exports.default = _default;
+export default usePrevious;

package/esm/common/use-render/index.js

@@ -1,29 +1,25 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.useRender = useRender;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _usePersistFn = require("../use-persist-fn");
-var _useSafeState3 = require("../use-safe-state");
-var _react = require("react");
-function useRender(callback) {
-  var _useSafeState = (0, _useSafeState3.useSafeState)(undefined),
-    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { usePersistFn } from "../use-persist-fn";
+import { useSafeState } from "../use-safe-state";
+import { useEffect } from 'react';
+export function useRender(callback) {
+  var _useSafeState = useSafeState(undefined),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
     count = _useSafeState2[0],
     setCount = _useSafeState2[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (callback && count !== undefined) callback();
   }, [count]);
-  return (0, _usePersistFn.usePersistFn)(function () {
+  return usePersistFn(function () {
     return setCount(function (count) {
       return ((count || 0) + 1) % 1000000;
     });
   });
 }
-var _default = useRender;
-exports.default = _default;
+export default useRender;

package/esm/common/use-resize/index.js

@@ -1,41 +1,39 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResize = exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _element = require("../../utils/dom/element");
-var useResize = function useResize(props) {
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+import { addResizeObserver } from "../../utils/dom/element";
+export var useResize = function useResize(props) {
   var targetRef = props.targetRef,
     _props$timer = props.timer,
     timer = _props$timer === void 0 ? 100 : _props$timer;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
     width = _useState2[0],
     setWidth = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
     height = _useState4[0],
     setHeight = _useState4[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!targetRef.current) return;
     var el = targetRef.current;
     if (el) {
       setWidth(el.clientWidth);
       setHeight(el.clientHeight);
     }
-    var clean = (0, _element.addResizeObserver)(el, function (entry) {
+    var clean = addResizeObserver(el, function (entry) {
       var _props$cb;
       var _entry$0$contentRect = entry[0].contentRect,
         width = _entry$0$contentRect.width,
         height = _entry$0$contentRect.height;
       setWidth(width);
       setHeight(height);
-      (_props$cb = props.cb) === null || _props$cb === void 0 ? void 0 : _props$cb.call(props, width, height);
+      (_props$cb = props.cb) === null || _props$cb === void 0 || _props$cb.call(props, width, height);
     }, {
       timer: timer,
       direction: false
@@ -49,6 +47,4 @@ var useResize = function useResize(props) {
     height: height
   };
 };
-exports.useResize = useResize;
-var _default = useResize;
-exports.default = _default;
+export default useResize;

package/esm/common/use-safe-state/index.js

@@ -1,28 +1,24 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.useSafeState = useSafeState;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _usePersistFn = require("../use-persist-fn");
-var _useUnmountedRef = require("../use-unmounted-ref");
-function useSafeState(initialState) {
-  var unmountedRef = (0, _useUnmountedRef.useUnmountedRef)();
-  var _useState = (0, _react.useState)(initialState),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from 'react';
+import { usePersistFn } from "../use-persist-fn";
+import { useUnmountedRef } from "../use-unmounted-ref";
+export function useSafeState(initialState) {
+  var unmountedRef = useUnmountedRef();
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var setCurrentState = (0, _usePersistFn.usePersistFn)(function (currentState) {
+  var setCurrentState = usePersistFn(function (currentState) {
     if (!unmountedRef.current) {
       setState(currentState);
     }
   });
   return [state, setCurrentState];
 }
-var _default = useSafeState;
-exports.default = _default;
+export default useSafeState;

package/esm/common/use-style/index.js

@@ -1,16 +1,8 @@
-"use strict";
 "use client";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStyleUnitValue = useStyleUnitValue;
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.match.js");
-var _is = require("../../utils/is");
-function useStyleUnitValue(value) {
+import { isNumber } from "../../utils/is";
+export function useStyleUnitValue(value) {
   if (value === undefined) return;
-  if ((0, _is.isNumber)(value)) {
+  if (isNumber(value)) {
     return {
       value: value,
       unit: 'px'

package/esm/common/use-toggle/index.d.ts

@@ -1,4 +1,4 @@
-declare type IState = string | number | boolean | undefined;
+type IState = string | number | boolean | undefined;
 export interface Actions<T = IState> {
     setLeft: () => void;
     setRight: () => void;

package/esm/common/use-toggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,aAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,MAAM;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAC9C,YAAY,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,CAAC,GACf,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CA2BrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,MAAM;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAC9C,YAAY,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,CAAC,GACf,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CA2BrB"}

package/esm/common/use-toggle/index.js

@@ -1,20 +1,18 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToggle = useToggle;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _useSafeState3 = require("../use-safe-state");
-function useToggle(defaultValue, reverseValue) {
-  var _useSafeState = (0, _useSafeState3.useSafeState)(defaultValue),
-    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMemo } from 'react';
+import { useSafeState } from "../use-safe-state";
+export function useToggle(defaultValue, reverseValue) {
+  var _useSafeState = useSafeState(defaultValue),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
     state = _useSafeState2[0],
     setState = _useSafeState2[1];
-  var actions = (0, _react.useMemo)(function () {
+  var actions = useMemo(function () {
     var reverseValueOrigin = reverseValue === undefined ? !defaultValue : reverseValue;
 
     // 切换返回值

package/esm/common/use-transform/index.js

@@ -1,20 +1,2 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _useTransform.default;
-  }
-});
-Object.defineProperty(exports, "useTransform", {
-  enumerable: true,
-  get: function get() {
-    return _useTransform.default;
-  }
-});
-var _useTransform = _interopRequireDefault(require("./use-transform"));
+export { default, default as useTransform } from "./use-transform";

package/esm/common/use-transform/use-transform.js

@@ -1,34 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.concat.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _element = require("../../utils/dom/element");
-var _scrollBehavior = require("../../utils/dom/scroll-behavior");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState, useEffect } from 'react';
+import { addResizeObserver } from "../../utils/dom/element";
+import { banOverScrollx } from "../../utils/dom/scroll-behavior";
 var useTransform = function useTransform(props) {
   var direction = props.direction,
     container = props.container,
     target = props.target,
     autoScroll = props.autoScroll;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
     delta = _useState2[0],
     setDelta = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
     atEnd = _useState4[0],
     setAtEnd = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
     atStart = _useState6[0],
     setAtStart = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
     shouldScroll = _useState8[0],
     setShouldScroll = _useState8[1];
   var style = {
@@ -107,19 +104,19 @@ var useTransform = function useTransform(props) {
       bottom: (nodeRect.bottom - pNodeRect.bottom) * scaleY
     };
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!container || !target) return;
     if (delta === 0 && atStart === false) {
       setAtStart(true);
     }
     var removeWheelListener;
     if (autoScroll) {
-      var removeMouse = shouldScroll ? (0, _scrollBehavior.banOverScrollx)(container) : null;
-      removeWheelListener = (0, _element.addResizeObserver)(container, handleResize);
+      var removeMouse = shouldScroll ? banOverScrollx(container) : null;
+      removeWheelListener = addResizeObserver(container, handleResize);
       return function () {
         var _removeWheelListener;
-        removeMouse === null || removeMouse === void 0 ? void 0 : removeMouse();
-        (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 ? void 0 : _removeWheelListener();
+        removeMouse === null || removeMouse === void 0 || removeMouse();
+        (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
       };
     }
   }, [container, target, shouldScroll]);
@@ -134,5 +131,4 @@ var useTransform = function useTransform(props) {
     getRectDiff: getRectDiff
   };
 };
-var _default = useTransform;
-exports.default = _default;
+export default useTransform;

package/esm/common/use-transform/use-transform.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/esm/common/use-unmounted-ref/index.js

@@ -1,15 +1,8 @@
-"use strict";
 "use client";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.useUnmountedRef = useUnmountedRef;
-var _react = require("react");
-function useUnmountedRef() {
-  var unmountedRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
+import { useEffect, useRef } from 'react';
+export function useUnmountedRef() {
+  var unmountedRef = useRef(false);
+  useEffect(function () {
     unmountedRef.current = false;
     return function () {
       unmountedRef.current = true;
@@ -17,5 +10,4 @@ function useUnmountedRef() {
   }, []);
   return unmountedRef;
 }
-var _default = useUnmountedRef;
-exports.default = _default;
+export default useUnmountedRef;