@sheinx/hooks 3.0.0-alpha.1

package/cjs/utils/document.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.docSize = exports.docScroll = void 0;
+exports.isInDocument = isInDocument;
+var docSize = {
+  get width() {
+    return document.documentElement.clientWidth || document.body.clientWidth;
+  },
+  get height() {
+    return document.documentElement.clientHeight || document.body.clientHeight;
+  }
+};
+exports.docSize = docSize;
+var docScroll = {
+  get top() {
+    return document.documentElement.scrollTop || document.body.scrollTop;
+  },
+  get left() {
+    return document.documentElement.scrollLeft || document.body.scrollLeft;
+  },
+  set top(value) {
+    document.documentElement.scrollTop = value;
+    document.body.scrollTop = value;
+  },
+  set left(value) {
+    document.documentElement.scrollLeft = value;
+    document.body.scrollLeft = value;
+  }
+};
+exports.docScroll = docScroll;
+function isInDocument(element) {
+  if (element && 'isConnected' in element) {
+    return element.isConnected;
+  }
+  return document.documentElement.contains(element);
+}

package/cjs/utils/dom/element.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * 处理文本内容，如果是两个中文字符，插入空格
+ *
+ * @param children ReactNode
+ * @param insertSpace 是否需要插入空格
+ * @returns 处理后的 ReactNode
+ */
+export declare function wrapSpan(children: React.ReactNode, insertSpace?: boolean): React.ReactNode;
+export declare const addResizeObserver: (el: HTMLElement, handler: any, options?: {
+    direction?: boolean | "x" | "y" | undefined;
+    timer?: number | undefined;
+}) => () => void;
+export declare function getParent(el: HTMLElement | null | Element, target?: string | HTMLElement): Element | null;
+export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
+//# sourceMappingURL=element.d.ts.map

package/cjs/utils/dom/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,WAAW,UAAQ,GAAG,KAAK,CAAC,SAAS,CASxF;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA4Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAUxE"}

package/cjs/utils/dom/element.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addResizeObserver = void 0;
+exports.cssSupport = cssSupport;
+exports.getParent = getParent;
+exports.wrapSpan = wrapSpan;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _func = require("../func");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = void 0;
+/**
+ * 判断是否是两个中文字符
+ *
+ * @param str 文本内容
+ * @returns boolean
+ */
+var isTwoCNChar = function isTwoCNChar(str) {
+  return /^[\u4e00-\u9fa5]{2}$/.test(str);
+};
+var SPACE = ' ';
+
+/**
+ * 处理文本内容，如果是两个中文字符，插入空格
+ *
+ * @param children ReactNode
+ * @param insertSpace 是否需要插入空格
+ * @returns 处理后的 ReactNode
+ */
+function wrapSpan(children) {
+  var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (!children) return children;
+  return _react.default.Children.map(children, function (item) {
+    if (typeof item === 'string') {
+      if (insertSpace && isTwoCNChar(item)) return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: item.split('').join(SPACE)
+      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: item
+      });
+    }
+    return item;
+  });
+}
+var addResizeObserver = function addResizeObserver(el, handler) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var direction = options.direction,
+    timer = options.timer;
+  var _debounce = (0, _func.debounce)(handler, timer),
+    _debounce2 = (0, _slicedToArray2.default)(_debounce, 2),
+    debounceHandler = _debounce2[0],
+    cleanTimer = _debounce2[1];
+  var h = debounceHandler;
+  var lastWidth;
+  var lastHeight;
+  if (window.ResizeObserver) {
+    if (direction) {
+      lastWidth = el.clientWidth;
+      lastHeight = el.clientHeight;
+      h = function h(entry) {
+        var _entry$0$contentRect = entry[0].contentRect,
+          width = _entry$0$contentRect.width,
+          height = _entry$0$contentRect.height;
+        if (width && direction === 'x') {
+          if (lastWidth !== width) {
+            debounceHandler(entry);
+          }
+        } else if (direction === 'y') {
+          if (height && lastHeight !== height) {
+            debounceHandler(entry);
+          }
+        } else if (width && height) {
+          debounceHandler(entry, {
+            x: lastWidth !== width,
+            y: lastHeight !== height
+          });
+        }
+        lastWidth = width;
+        lastHeight = height;
+      };
+    }
+    var observer = new ResizeObserver(h);
+    observer.observe(el);
+    return function () {
+      if (observer) {
+        observer.disconnect();
+      }
+      cleanTimer(_this);
+      observer = null;
+    };
+  }
+  window.addEventListener('resize', debounceHandler);
+  return function () {
+    window.removeEventListener('resize', handler);
+    cleanTimer();
+  };
+};
+exports.addResizeObserver = addResizeObserver;
+function getParent(el, target) {
+  if (!target) {
+    return null;
+  }
+  var temp = el;
+  while (temp) {
+    if (typeof target === 'string') {
+      if (temp.matches && temp.matches(target)) {
+        return temp;
+      }
+    } else if (temp === target) {
+      return temp;
+    }
+    temp = temp.parentElement;
+  }
+  return null;
+}
+function cssSupport(attr, value) {
+  var element = document.createElement('div');
+  if (attr in element.style) {
+    if (attr !== 'length' && attr !== 'parentRule') {
+      var attrs = element.style[attr];
+      element.style[attr] = value;
+    }
+    return element.style[attr] === value;
+  }
+  return false;
+}

package/cjs/utils/dom/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as NormalizeWheel } from './normalize-wheel';
+export type { OldWheelEvent } from './normalize-wheel.type';
+export * from './ready';
+export * from './element';
+//# sourceMappingURL=index.d.ts.map

package/cjs/utils/dom/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,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/cjs/utils/dom/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  NormalizeWheel: true
+};
+Object.defineProperty(exports, "NormalizeWheel", {
+  enumerable: true,
+  get: function get() {
+    return _normalizeWheel.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _normalizeWheel.default;
+  }
+});
+var _normalizeWheel = _interopRequireDefault(require("./normalize-wheel"));
+var _ready = require("./ready");
+Object.keys(_ready).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ready[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ready[key];
+    }
+  });
+});
+var _element = require("./element");
+Object.keys(_element).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _element[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _element[key];
+    }
+  });
+});

package/cjs/utils/dom/normalize-wheel.d.ts

@@ -0,0 +1,8 @@
+import { OldWheelEvent } from './normalize-wheel.type';
+export default function (event: OldWheelEvent): {
+    spinX: number;
+    spinY: number;
+    pixelX: number;
+    pixelY: number;
+};
+//# sourceMappingURL=normalize-wheel.d.ts.map

package/cjs/utils/dom/normalize-wheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-wheel.d.ts","sourceRoot":"","sources":["normalize-wheel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAUvD,MAAM,CAAC,OAAO,WAAW,KAAK,EAAE,aAAa;;;;;EAyD5C"}

package/cjs/utils/dom/normalize-wheel.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var PIXEL_STEP = 10;
+var LINE_HEIGHT = 40;
+var PAGE_HEIGHT = 800;
+var DELTA_LENGTH = 120;
+
+// wheelDeltaX, wheelDelta, and wheelDeltaZ have all been removed as they is a deprecated properties on WheelEvents
+// https://github.com/Microsoft/TypeScript-wiki/blob/main/Breaking-Changes.md#typescript-32
+
+function _default(event) {
+  var sX = 0;
+  var sY = 0;
+  var pX = 0;
+  var pY = 0;
+  if ('detail' in event) {
+    sY = event.detail;
+  }
+  if ('wheelDelta' in event && event.wheelDelta) {
+    sY = -event.wheelDelta / DELTA_LENGTH;
+  }
+  if ('wheelDeltaY' in event && event.wheelDeltaY) {
+    sY = -event.wheelDeltaY / DELTA_LENGTH;
+  }
+  if ('wheelDeltaX' in event && event.wheelDeltaX) {
+    sX = -event.wheelDeltaX / DELTA_LENGTH;
+  }
+  if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) {
+    sX = sY;
+    sY = 0;
+  }
+  pX = sX * PIXEL_STEP;
+  pY = sY * PIXEL_STEP;
+  if ('deltaY' in event) {
+    pY = event.deltaY;
+  }
+  if ('deltaX' in event) {
+    pX = event.deltaX;
+  }
+  if ((pX || pY) && event.deltaMode) {
+    if (event.deltaMode === 1) {
+      pX *= LINE_HEIGHT;
+      pY *= LINE_HEIGHT;
+    } else {
+      pX *= PAGE_HEIGHT;
+      pY *= PAGE_HEIGHT;
+    }
+  }
+  if (pX && !sX) {
+    sX = pX < 1 ? -1 : 1;
+  }
+  if (pY && !sY) {
+    sY = pY < 1 ? -1 : 1;
+  }
+  return {
+    spinX: sX,
+    spinY: sY,
+    pixelX: pX,
+    pixelY: pY
+  };
+}

package/cjs/utils/dom/normalize-wheel.type.d.ts

@@ -0,0 +1,8 @@
+export interface OldWheelEvent extends WheelEvent {
+    axis?: number;
+    wheelDelta?: number;
+    wheelDeltaY?: number;
+    wheelDeltaX?: number;
+    HORIZONTAL_AXIS?: number;
+}
+//# sourceMappingURL=normalize-wheel.type.d.ts.map

package/cjs/utils/dom/normalize-wheel.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-wheel.type.d.ts","sourceRoot":"","sources":["normalize-wheel.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/cjs/utils/dom/normalize-wheel.type.js

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

package/cjs/utils/dom/ready.d.ts

@@ -0,0 +1,2 @@
+export declare function ready(callback: (...args: any) => void): void;
+//# sourceMappingURL=ready.d.ts.map

package/cjs/utils/dom/ready.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ready.d.ts","sourceRoot":"","sources":["ready.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,QAMrD"}

package/cjs/utils/dom/ready.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ready = ready;
+function ready(callback) {
+  if (!callback) return;
+  if (document.readyState !== 'loading') callback();else {
+    document.addEventListener('DOMContentLoaded', callback);
+  }
+}

package/cjs/utils/dom/scroll-behavior.d.ts

@@ -0,0 +1,2 @@
+export declare const banOverScrollx: (el: HTMLElement) => () => void;
+//# sourceMappingURL=scroll-behavior.d.ts.map

package/cjs/utils/dom/scroll-behavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-behavior.d.ts","sourceRoot":"","sources":["scroll-behavior.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,cAAc,OAAQ,WAAW,eAO7C,CAAC"}

package/cjs/utils/dom/scroll-behavior.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.banOverScrollx = void 0;
+var htmlDom;
+var lastStyle = null;
+var getHtml = function getHtml() {
+  if (!htmlDom) htmlDom = document.body.parentElement;
+  return htmlDom;
+};
+var setScrollBehavior = function setScrollBehavior() {
+  if (lastStyle !== null) return;
+  lastStyle = getHtml().style.overscrollBehaviorX;
+  htmlDom.style.overscrollBehaviorX = 'none';
+};
+var resetScrollBehavior = function resetScrollBehavior() {
+  htmlDom.style.overscrollBehaviorX = lastStyle;
+  lastStyle = null;
+};
+var banOverScrollx = function banOverScrollx(el) {
+  el.addEventListener('mouseenter', setScrollBehavior);
+  el.addEventListener('mouseleave', resetScrollBehavior);
+  return function () {
+    el.removeEventListener('mouseenter', setScrollBehavior);
+    el.removeEventListener('mouseleave', resetScrollBehavior);
+  };
+};
+exports.banOverScrollx = banOverScrollx;

package/cjs/utils/extract-event-handlers.d.ts

@@ -0,0 +1,10 @@
+import { EventHandlers } from '../common/type';
+/**
+ * Extracts event handlers from a given object.
+ * A prop is considered an event handler if it is a function and its name starts with `on`.
+ *
+ * @param object An object to extract event handlers from.
+ * @param excludeKeys An array of keys to exclude from the returned object.
+ */
+export default function extractEventHandlers(object: Record<string, any> | undefined, excludeKeys?: string[]): EventHandlers;
+//# sourceMappingURL=extract-event-handlers.d.ts.map

package/cjs/utils/extract-event-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-event-handlers.d.ts","sourceRoot":"","sources":["extract-event-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACvC,WAAW,GAAE,MAAM,EAAO,GACzB,aAAa,CAiBf"}

package/cjs/utils/extract-event-handlers.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = extractEventHandlers;
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.match.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+/**
+ * Extracts event handlers from a given object.
+ * A prop is considered an event handler if it is a function and its name starts with `on`.
+ *
+ * @param object An object to extract event handlers from.
+ * @param excludeKeys An array of keys to exclude from the returned object.
+ */
+function extractEventHandlers(object) {
+  var excludeKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (object === undefined) {
+    return {};
+  }
+  var result = {};
+  Object.keys(object).filter(function (prop) {
+    return prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop);
+  }).forEach(function (prop) {
+    result[prop] = object[prop];
+  });
+  return result;
+}

package/cjs/utils/func.d.ts

@@ -0,0 +1,3 @@
+export declare const throttle: <T extends any[]>(func: (...args: T) => any, wait?: number) => ((...args: T) => void) | undefined;
+export declare const debounce: <T extends (...args: any) => void>(func: T, delay?: number) => (T | (() => void))[];
+//# sourceMappingURL=func.d.ts.map

package/cjs/utils/func.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"func.d.ts","sourceRoot":"","sources":["func.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,0CAAoD,GAAG,SAAS,MAAM,uCAa1F,CAAC;AAGF,eAAO,MAAM,QAAQ,uBAAiC,GAAG,KAAK,IAAI,mBAAmB,MAAM,yBAoB1F,CAAC"}

package/cjs/utils/func.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throttle = exports.debounce = void 0;
+// 节流函数
+var throttle = function throttle(func, wait) {
+  var that = {
+    lock: false
+  };
+  if (!wait) return function () {
+    if (that.lock) return;
+    that.lock = true;
+    func.apply(void 0, arguments);
+    setTimeout(function () {
+      that.lock = false;
+    }, wait);
+  };
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+exports.throttle = throttle;
+var debounce = function debounce(func, delay) {
+  var that = {};
+  var cleanTimer = function cleanTimer() {
+    if (that.timer) {
+      clearTimeout(that.timer);
+      that.timer = null;
+    }
+  };
+  if (!delay) return [func, cleanTimer];
+  return [function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    cleanTimer();
+    that.timer = setTimeout(function () {
+      func.apply(void 0, args);
+    }, delay);
+  }, cleanTimer];
+};
+exports.debounce = debounce;

package/cjs/utils/index.d.ts

@@ -0,0 +1,21 @@
+export * from './is';
+export { default as extractEventHandlers } from './extract-event-handlers';
+export * from './clone';
+export * from './dom';
+export * from './object';
+export * from './string';
+export * from './func';
+export * from './validate';
+export * from './number';
+export * from './shallow-equal';
+export * from './uid';
+export * from './document';
+export * from './position';
+export * from './render';
+export * from './lazyload';
+export * from './react-render';
+export * from './style-unit';
+export * from './attribute';
+export * from './accept';
+export * from './array';
+//# sourceMappingURL=index.d.ts.map

package/cjs/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}