@sheinx/hooks 3.0.0-alpha.9 → 3.0.0-rc.10

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;IACd,QAAQ,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,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;AACD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAwN3D,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,30 +1,24 @@
-"use strict";
-
-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.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; }
+"use client";
+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 usePositionStyle = function usePositionStyle(config) {
+var hideStyle = {
+  pointerEvents: 'none',
+  position: 'absolute',
+  zIndex: -1000,
+  opacity: 0
+};
+export var usePositionStyle = function usePositionStyle(config) {
   var _ref = config || {},
     absolute = _ref.absolute,
     show = _ref.show,
@@ -35,21 +29,17 @@ var usePositionStyle = function usePositionStyle(config) {
     _ref$popupGap = _ref.popupGap,
     popupGap = _ref$popupGap === void 0 ? 2 : _ref$popupGap,
     getContainer = _ref.getContainer,
-    parentEl = _ref.parentEl,
-    popupEl = _ref.popupEl,
-    visibleEl = _ref.visibleEl,
+    parentElRef = _ref.parentElRef,
+    popupElRef = _ref.popupElRef,
+    scrollElRef = _ref.scrollElRef,
     updateKey = _ref.updateKey,
     adjust = _ref.adjust;
   // 初次渲染无样式的时候， 隐藏展示
-  var _useState = (0, _react.useState)({
-      pointerEvents: 'none',
-      position: 'absolute',
-      zIndex: -1000
-    }),
-    _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,
@@ -69,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;
@@ -82,15 +72,28 @@ var usePositionStyle = function usePositionStyle(config) {
         newPosition = newPosition.replace('bottom', 'top');
       }
     }
+    if (!absolute) {
+      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) {
+          newPosition = newPosition.replace('right', 'left');
+        }
+      } else {
+        if (horizontalPoint / winWidth > 0.5 && context.parentRect.left + context.popUpWidth > winWidth) {
+          newPosition = newPosition.replace('left', 'right');
+        }
+      }
+    }
     return newPosition;
   };
   var getPopUpInfo = function getPopUpInfo(parentRect) {
-    var _popupEl$parentElemen;
-    if (!popupEl) return {
+    var _popupElRef$current$p;
+    if (!popupElRef.current) return {
       width: 0,
       height: 0
     };
-    var el = popupEl.cloneNode(true);
+    var el = popupElRef.current.cloneNode(true);
     el.style.visibility = 'true';
     el.style.opacity = '0';
     el.style.pointerEvents = 'none';
@@ -99,7 +102,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
       el.style[widthKey] = parentRect.width + 'px';
     }
-    (_popupEl$parentElemen = popupEl.parentElement) === null || _popupEl$parentElemen === void 0 ? void 0 : _popupEl$parentElemen.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();
@@ -120,6 +123,7 @@ var usePositionStyle = function usePositionStyle(config) {
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
     var containerRect = rootContainer.getBoundingClientRect();
+    var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
     var containerScroll = {
       left: rootContainer.scrollLeft,
@@ -129,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;
@@ -138,19 +142,20 @@ var usePositionStyle = function usePositionStyle(config) {
         style.left = rect.left - containerRect.left + containerScroll.left;
         style.transform = '';
         if (adjust) {
-          overRight = rect.left + context.popUpWidth - containerRect.right + containerScrollBarWidth;
+          overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
         }
       } else if (h === 'right') {
-        style.left = rect.right - containerRect.left + containerScroll.left;
-        style.transform = 'translateX(-100%)';
-        if (adjust) overLeft = containerRect.left - (rect.right - context.popUpWidth);
+        style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left;
+        style.left = 'auto';
+        style.transform = '';
+        if (adjust) overLeft = bodyRect.left - (rect.right - context.popUpWidth);
       } else {
         // 居中对齐
         style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
         style.transform = 'translateX(-50%)';
         if (adjust) {
-          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - containerRect.width + containerScrollBarWidth;
-          overLeft = containerRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
+          overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
+          overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
         }
       }
       if (adjust) {
@@ -170,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') {
@@ -197,12 +202,13 @@ var usePositionStyle = function usePositionStyle(config) {
     return style;
   };
   var getAbsoluteStyle = function getAbsoluteStyle(position) {
-    if (!parentEl) return;
+    if (!parentElRef.current) return hideStyle;
     var rect = context.parentRect;
-    if (visibleEl) {
-      var visibleRect = (visibleEl === null || visibleEl === void 0 ? void 0 : visibleEl.getBoundingClientRect()) || {};
+    if (scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current) {
+      var _scrollElRef$current;
+      var visibleRect = ((_scrollElRef$current = scrollElRef.current) === null || _scrollElRef$current === void 0 ? void 0 : _scrollElRef$current.getBoundingClientRect()) || {};
       if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
-        return;
+        return hideStyle;
       }
     }
     var style = getAbsolutePositionStyle(rect, position);
@@ -213,8 +219,8 @@ var usePositionStyle = function usePositionStyle(config) {
     var _ref2 = config || {},
       position = _ref2.position,
       absolute = _ref2.absolute;
-    if (!position || !show || !parentEl) return style;
-    context.parentRect = parentEl.getBoundingClientRect();
+    if (!position || !show || !parentElRef.current) return style;
+    context.parentRect = parentElRef.current.getBoundingClientRect();
     if (adjust) {
       var popupInfo = getPopUpInfo(context.parentRect);
       context.popUpHeight = popupInfo.height;
@@ -222,9 +228,10 @@ 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
+        zIndex: zIndex,
+        fixedWidth: fixedWidth
       });
     } else {
       newStyle = getAbsoluteStyle(realPosition);
@@ -235,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, parentEl, visibleEl, 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,19 +1,12 @@
-"use strict";
-
-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)();
+"use client";
+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,28 +1,25 @@
-"use strict";
-
-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),
+"use client";
+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,40 +1,39 @@
-"use strict";
-
-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) {
+"use client";
+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
@@ -48,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,27 +1,24 @@
-"use strict";
-
-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),
+"use client";
+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,15 +1,8 @@
-"use strict";
-
-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) {
+"use client";
+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,19 +1,18 @@
-"use strict";
-
-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),
+"use client";
+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,19 +1,2 @@
-"use strict";
-
-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"));
+"use client";
+export { default, default as useTransform } from "./use-transform";

package/esm/common/use-transform/use-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAsDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAmDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}