@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,54 @@
+"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"));
+var ReverseDir = {
+  left: 'right',
+  right: 'left',
+  top: 'bottom',
+  bottom: 'top'
+};
+var getPositionStyle = function getPositionStyle(position, config) {
+  var _ref = config || {},
+    _ref$popupGap = _ref.popupGap,
+    popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
+  var mainMargin = "calc(100% + ".concat(popupGap, "px");
+  var halfMargin = "calc(50% + ".concat(popupGap, "px");
+  var newStyle = {
+    zIndex: config === null || config === void 0 ? void 0 : config.zIndex
+  };
+  if (position === 'drop-down') {
+    newStyle.top = mainMargin;
+    newStyle.left = 0;
+  } else if (position === 'drop-up') {
+    newStyle.bottom = mainMargin;
+    newStyle.left = 0;
+  } else {
+    var positionArr = (position || '').split('-');
+    if (positionArr.length === 2) {
+      var _positionArr = (0, _slicedToArray2.default)(positionArr, 2),
+        m = _positionArr[0],
+        n = _positionArr[1];
+      newStyle[ReverseDir[m]] = mainMargin;
+      newStyle[n] = 0;
+    } else {
+      var _positionArr2 = (0, _slicedToArray2.default)(positionArr, 1),
+        _m = _positionArr2[0];
+      newStyle[ReverseDir[_m]] = mainMargin;
+      if (_m === 'left' || _m === 'right') {
+        newStyle.top = halfMargin;
+        newStyle.transform = 'translateY(-50%)';
+      }
+      if (_m === 'top' || _m === 'bottom') {
+        newStyle.left = halfMargin;
+        newStyle.transform = 'translateX(-50%)';
+      }
+    }
+  }
+  return newStyle;
+};
+exports.getPositionStyle = getPositionStyle;

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

@@ -0,0 +1,21 @@
+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 interface PositionStyleConfig {
+    position: PositionType | undefined;
+    absolute: boolean;
+    show: boolean;
+    parentEl: HTMLElement | null | undefined;
+    popupEl?: HTMLElement | null | undefined;
+    visibleEl?: HTMLElement | null;
+    getContainer: () => HTMLElement | null | undefined;
+    zIndex?: number;
+    popupGap?: number;
+    fixedWidth?: boolean | 'min';
+    updateKey?: number | string;
+    adjust?: boolean;
+}
+export declare const usePositionStyle: (config: PositionStyleConfig) => React.CSSProperties;
+export default usePositionStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,wBAoN3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,244 @@
+"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");
+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; }
+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 _ref = config || {},
+    absolute = _ref.absolute,
+    show = _ref.show,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom-left' : _ref$position,
+    zIndex = _ref.zIndex,
+    fixedWidth = _ref.fixedWidth,
+    _ref$popupGap = _ref.popupGap,
+    popupGap = _ref$popupGap === void 0 ? 2 : _ref$popupGap,
+    getContainer = _ref.getContainer,
+    parentEl = _ref.parentEl,
+    popupEl = _ref.popupEl,
+    visibleEl = _ref.visibleEl,
+    updateKey = _ref.updateKey,
+    adjust = _ref.adjust;
+  // 初次渲染无样式的时候， 隐藏展示
+  var _useState = (0, _react.useState)({
+      pointerEvents: 'none',
+      position: 'absolute',
+      zIndex: -1000
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
+  var _React$useRef = _react.default.useRef({
+      element: null,
+      containerRect: {
+        left: 0,
+        width: 0
+      },
+      containerScroll: {
+        left: 0,
+        width: 0
+      },
+      parentRect: {
+        left: 0,
+        width: 0
+      },
+      popUpHeight: 0,
+      popUpWidth: 0,
+      opsStyle: {}
+    }),
+    context = _React$useRef.current;
+  var adjustPosition = function adjustPosition(position) {
+    var winHeight = _utils.docSize.height;
+    if (!verticalPosition.includes(position)) return position;
+    var newPosition = position;
+    var verticalPoint = context.parentRect.top + context.parentRect.height / 2;
+    if (position.startsWith('top')) {
+      if (verticalPoint / winHeight < 0.5 && context.parentRect.top - context.popUpHeight - popupGap < 0) {
+        newPosition = newPosition.replace('top', 'bottom');
+      }
+    } else {
+      if (verticalPoint / winHeight > 0.5 && context.parentRect.bottom + context.popUpHeight + popupGap > winHeight) {
+        newPosition = newPosition.replace('bottom', 'top');
+      }
+    }
+    return newPosition;
+  };
+  var getPopUpInfo = function getPopUpInfo(parentRect) {
+    var _popupEl$parentElemen;
+    if (!popupEl) return {
+      width: 0,
+      height: 0
+    };
+    var el = popupEl.cloneNode(true);
+    el.style.visibility = 'true';
+    el.style.opacity = '0';
+    el.style.pointerEvents = 'none';
+    el.style.display = '';
+    if (absolute && fixedWidth) {
+      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);
+    var height = el.offsetHeight;
+    var width = el.offsetWidth;
+    el.remove();
+    return {
+      height: height,
+      width: width
+    };
+  };
+  var getAbsolutePositionStyle = function getAbsolutePositionStyle(rect, position) {
+    var style = {
+      position: 'absolute',
+      zIndex: zIndex
+    };
+    if (fixedWidth) {
+      var widthKey = fixedWidth === 'min' ? 'minWidth' : 'width';
+      style[widthKey] = rect.width;
+    }
+    var targetPosition = position;
+    var rootContainer = getContainer() || document.body;
+    var containerRect = rootContainer.getBoundingClientRect();
+    var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
+    var containerScroll = {
+      left: rootContainer.scrollLeft,
+      top: rootContainer.scrollTop
+    };
+    context.containerRect = containerRect;
+    context.containerScroll = containerScroll;
+    if (verticalPosition.includes(targetPosition)) {
+      var _targetPosition$split = targetPosition.split('-'),
+        _targetPosition$split2 = (0, _slicedToArray2.default)(_targetPosition$split, 2),
+        v = _targetPosition$split2[0],
+        h = _targetPosition$split2[1];
+      var overRight = 0;
+      var overLeft = 0;
+      if (h === 'left') {
+        style.left = rect.left - containerRect.left + containerScroll.left;
+        style.transform = '';
+        if (adjust) {
+          overRight = rect.left + context.popUpWidth - containerRect.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);
+      } 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);
+        }
+      }
+      if (adjust) {
+        // 调节左右溢出
+        if (overRight > 0) {
+          style.left -= overRight;
+        }
+        if (overLeft > 0) {
+          style.left += overLeft;
+        }
+      }
+      if (v === 'bottom') {
+        style.top = rect.bottom - containerRect.top + containerScroll.top + popupGap;
+      } else {
+        style.top = rect.top - containerRect.top + containerScroll.top - popupGap;
+        style.transform += 'translateY(-100%)';
+      }
+    } else if (horizontalPosition.includes(targetPosition)) {
+      var _targetPosition$split3 = targetPosition.split('-'),
+        _targetPosition$split4 = (0, _slicedToArray2.default)(_targetPosition$split3, 2),
+        _h = _targetPosition$split4[0],
+        _v = _targetPosition$split4[1];
+      if (_v === 'top') {
+        style.top = rect.top - containerRect.top + containerScroll.top;
+        style.transform = '';
+      } else if (_v === 'bottom') {
+        style.top = rect.bottom - containerRect.top + containerScroll.top;
+        style.transform = 'translateY(-100%)';
+      } else {
+        // 居中对齐
+        style.top = rect.top - containerRect.top + containerScroll.top + rect.height / 2;
+        style.transform = 'translateY(-50%)';
+      }
+      if (_h === 'right') {
+        style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
+      } else {
+        style.left = rect.left - containerRect.left + containerScroll.left - popupGap;
+        style.transform += ' translateX(-100%)';
+      }
+    } else if (position === 'cover') {
+      style.top = rect.top - containerRect.top + containerScroll.top;
+      style.left = rect.left - containerRect.left + containerScroll.left;
+    }
+    return style;
+  };
+  var getAbsoluteStyle = function getAbsoluteStyle(position) {
+    if (!parentEl) return;
+    var rect = context.parentRect;
+    if (visibleEl) {
+      var visibleRect = (visibleEl === null || visibleEl === void 0 ? void 0 : visibleEl.getBoundingClientRect()) || {};
+      if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
+        return;
+      }
+    }
+    var style = getAbsolutePositionStyle(rect, position);
+    return style;
+  };
+  var getStyle = function getStyle() {
+    var newStyle = {};
+    var _ref2 = config || {},
+      position = _ref2.position,
+      absolute = _ref2.absolute;
+    if (!position || !show || !parentEl) return style;
+    context.parentRect = parentEl.getBoundingClientRect();
+    if (adjust) {
+      var popupInfo = getPopUpInfo(context.parentRect);
+      context.popUpHeight = popupInfo.height;
+      context.popUpWidth = popupInfo.width;
+    }
+    var realPosition = adjust ? adjustPosition(position) : position;
+    if (!absolute) {
+      newStyle = (0, _getPositionStyle.getPositionStyle)(realPosition, {
+        popupGap: popupGap,
+        zIndex: zIndex
+      });
+    } else {
+      newStyle = getAbsoluteStyle(realPosition);
+    }
+    return newStyle;
+  };
+  var updateStyle = (0, _usePersistFn.default)(function () {
+    var newStyle = getStyle();
+    if (newStyle && !(0, _shallowEqual.default)(style, newStyle)) {
+      setStyle(newStyle);
+    }
+  });
+  (0, _react.useEffect)(updateStyle, [show, position, absolute, parentEl, visibleEl, updateKey]);
+  return style;
+};
+exports.usePositionStyle = usePositionStyle;
+var _default = usePositionStyle;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+export declare function usePrevious<T>(state: T): T | undefined;
+export default usePrevious;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAUtD;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,19 @@
+"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)();
+  if (!Object.is(curRef.current, state)) {
+    prevRef.current = curRef.current;
+    curRef.current = state;
+  }
+  return prevRef.current;
+}
+var _default = usePrevious;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+export declare function useRender(callback?: () => void): () => void;
+export default useRender;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,cAM9C;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,28 @@
+"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),
+    count = _useSafeState2[0],
+    setCount = _useSafeState2[1];
+  (0, _react.useEffect)(function () {
+    if (callback && count !== undefined) callback();
+  }, [count]);
+  return (0, _usePersistFn.usePersistFn)(function () {
+    return setCount(function (count) {
+      return ((count || 0) + 1) % 1000000;
+    });
+  });
+}
+var _default = useRender;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+interface UseResizeProps {
+    targetRef: {
+        current: HTMLElement | null;
+    };
+    cb?: (width: number, height: number) => void;
+    timer?: number;
+}
+export declare const useResize: (props: UseResizeProps) => {
+    width: number;
+    height: number;
+};
+export default useResize;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,SAAS,EAAE;QACT,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;KAC7B,CAAC;IACF,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,SAAS,UAAW,cAAc;;;CA6B9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,53 @@
+"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) {
+  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),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  (0, _react.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 _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);
+    }, {
+      timer: timer,
+      direction: false
+    });
+    return function () {
+      if (clean) clean();
+    };
+  }, [targetRef.current]);
+  return {
+    width: width,
+    height: height
+  };
+};
+exports.useResize = useResize;
+var _default = useResize;
+exports.default = _default;

package/esm/common/use-safe-state/index.d.ts

@@ -0,0 +1,5 @@
+import { type Dispatch, type SetStateAction } from 'react';
+export declare function useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+export declare function useSafeState<S = undefined>(initialState?: S | (() => S)): [S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export default useSafeState;
+//# sourceMappingURL=index.d.ts.map

package/esm/common/use-safe-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAIrE,wBAAgB,YAAY,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/F,wBAAgB,YAAY,CAAC,CAAC,GAAG,SAAS,EACxC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAC3B,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAa5D,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,27 @@
+"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),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var setCurrentState = (0, _usePersistFn.usePersistFn)(function (currentState) {
+    if (!unmountedRef.current) {
+      setState(currentState);
+    }
+  });
+  return [state, setCurrentState];
+}
+var _default = useSafeState;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+export declare function useStyleUnitValue(value?: string | number): {
+    value: number;
+    unit: string;
+} | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM;;;cAyBxD"}

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

@@ -0,0 +1,31 @@
+"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) {
+  if (value === undefined) return;
+  if ((0, _is.isNumber)(value)) {
+    return {
+      value: value,
+      unit: 'px'
+    };
+  }
+  if (typeof value === 'string') {
+    var match = value.match(/(\d+)(px|rem|em|vh|vw|vmin|vmax|%)$/);
+    if (match) {
+      return {
+        value: Number(match[1]),
+        unit: match[2]
+      };
+    }
+    return {
+      value: Number(value),
+      unit: 'px'
+    };
+  }
+}

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

@@ -0,0 +1,9 @@
+declare type IState = string | number | boolean | undefined;
+export interface Actions<T = IState> {
+    setLeft: () => void;
+    setRight: () => void;
+    toggle: (value?: T) => void;
+}
+export declare function useToggle<T = IState, U = IState>(defaultValue: T, reverseValue?: U): [T | U, Actions<T>];
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,45 @@
+"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),
+    state = _useSafeState2[0],
+    setState = _useSafeState2[1];
+  var actions = (0, _react.useMemo)(function () {
+    var reverseValueOrigin = reverseValue === undefined ? !defaultValue : reverseValue;
+
+    // 切换返回值
+    var toggle = function toggle(value) {
+      // 强制返回状态值，适用于点击操作
+      if (value !== undefined) {
+        setState(value);
+      } else {
+        setState(function (value) {
+          return value === defaultValue ? reverseValueOrigin : defaultValue;
+        });
+      }
+    };
+    // 设置默认值
+    var setLeft = function setLeft() {
+      return setState(defaultValue);
+    };
+    // 设置取反值
+    var setRight = function setRight() {
+      return setState(reverseValueOrigin);
+    };
+    return {
+      toggle: toggle,
+      setLeft: setLeft,
+      setRight: setRight
+    };
+  }, [defaultValue, reverseValue]);
+  return [state, actions];
+}

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

@@ -0,0 +1,2 @@
+export { default, default as useTransform } from './use-transform';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,19 @@
+"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"));

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { UseTransformProps } from './use-transform.type';
+declare const useTransform: <T>(props: UseTransformProps) => {
+    atStart: boolean;
+    atEnd: boolean;
+    style: {
+        transform: string;
+    };
+    delta: number;
+    shouldScroll: boolean;
+    setTransform: (dimension: number) => void;
+    handleTransform: (e: import("react").WheelEvent<T>) => void;
+    getRectDiff: (node: HTMLElement, pNode: HTMLElement) => {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+};
+export default useTransform;
+//# sourceMappingURL=use-transform.d.ts.map

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

@@ -0,0 +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"}