@sheinx/hooks 3.0.0-alpha.1

package/cjs/common/use-pagination-list/index.d.ts

@@ -0,0 +1,27 @@
+interface ListPaginationProps {
+    data: any[];
+    current: number | undefined;
+    pageSize?: number | undefined;
+    defaultCurrent: number | undefined;
+    onChange: ((current: number, pageSize: number) => void) | undefined;
+    shouldPage: boolean;
+    loading: boolean;
+}
+declare const usePaginationList: (props: ListPaginationProps) => {
+    data: any[];
+    current?: undefined;
+    pageSize?: undefined;
+    total?: undefined;
+    disabled?: undefined;
+    onChange?: undefined;
+} | {
+    data: any[];
+    current: number;
+    pageSize: number;
+    total: number;
+    disabled: boolean;
+    onChange: (current: number, pageSize: number) => void;
+};
+export default usePaginationList;
+export { usePaginationList };
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-pagination-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,UAAW,mBAAmB;;;;;;;;;;;;;wBAKP,MAAM,YAAY,MAAM;CAmCrE,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/cjs/common/use-pagination-list/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePaginationList = exports.default = void 0;
+require("core-js/modules/es.array.slice.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var usePaginationList = function usePaginationList(props) {
+  var _useState = (0, _react.useState)(props.defaultCurrent || 1),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
+  var _useState3 = (0, _react.useState)(props.pageSize || 10),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    pageSize = _useState4[0],
+    setPageSize = _useState4[1];
+  var _props$shouldPage = props.shouldPage,
+    shouldPage = _props$shouldPage === void 0 ? true : _props$shouldPage;
+  var handleChange = (0, _usePersistFn.default)(function (current, pageSize) {
+    setCurrent(current);
+    setPageSize(pageSize);
+    if (props.onChange) props.onChange(current, pageSize);
+  });
+  var getPager = function getPager(data) {
+    if (!shouldPage) return {};
+    var total = Array.isArray(data) ? data.length : 0;
+    return {
+      current: props.current || current,
+      pageSize: props.pageSize || pageSize,
+      total: total,
+      disabled: !!props.loading,
+      onChange: handleChange
+    };
+  };
+  var getData = function getData(data, pageSize, current) {
+    if (!shouldPage) return props.data;
+    if (!Array.isArray(data)) return data;
+    if (data.length <= pageSize) return data;
+    var start = (current - 1) * pageSize;
+    return data.slice(start, start + pageSize);
+  };
+  var page = getPager(props.data);
+  var data = (0, _react.useMemo)(function () {
+    return getData(props.data, page.pageSize, page.current);
+  }, [props.data, page.pageSize, page.current]);
+  return _objectSpread(_objectSpread({}, page), {}, {
+    data: data
+  });
+};
+exports.usePaginationList = usePaginationList;
+var _default = usePaginationList;
+exports.default = _default;

package/cjs/common/use-persist-fn/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 持久化缓存函数
+ * @param fn 函数 {@link T | T}
+ * @return 被持久化引用地址的函数 {@link T | T}
+ */
+declare function usePersistFn<T extends (...args: any[]) => any>(fn: T): T;
+export { usePersistFn };
+export default usePersistFn;
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-persist-fn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAWjE;AACD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}

package/cjs/common/use-persist-fn/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.usePersistFn = usePersistFn;
+var _react = require("react");
+/**
+ * 持久化缓存函数
+ * @param fn 函数 {@link T | T}
+ * @return 被持久化引用地址的函数 {@link T | T}
+ */
+function usePersistFn(fn) {
+  var fnRef = (0, _react.useRef)(fn);
+  fnRef.current = fn;
+  var persistFn = (0, _react.useRef)();
+  if (!persistFn.current) {
+    // @ts-expect-error  //TODO 这里可能要单独的去处理一下类型
+    persistFn.current = function () {
+      return fnRef.current.apply(fnRef, arguments);
+    };
+  }
+  return persistFn.current;
+}
+var _default = usePersistFn;
+exports.default = _default;

package/cjs/common/use-position-style/get-position-style.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const getPositionStyle: (position: string, config?: {
+    popupGap?: number | undefined;
+    zIndex?: number | undefined;
+} | undefined) => React.CSSProperties;
+//# sourceMappingURL=get-position-style.d.ts.map

package/cjs/common/use-position-style/get-position-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-position-style.d.ts","sourceRoot":"","sources":["get-position-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,gBAAgB,aACjB,MAAM;;;qCAmCjB,CAAC"}

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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"}