@bifrostui/utils 1.1.11-beta.0 → 1.1.11-beta.4

package/es/hooks/index.js

@@ -7,4 +7,14 @@ import useDomReady from "./useDomReady";
 import useSize from "./useSize";
 import useDomCss from "./useDomCss";
 import useTouch from "./useTouch";
-export { useValue, useForkRef, useEventCallback, useDidMountEffect, useTouchEmulator, useDomReady, useSize, useDomCss, useTouch };
+export {
+  useDidMountEffect,
+  useDomCss,
+  useDomReady,
+  useEventCallback,
+  useForkRef,
+  useSize,
+  useTouch,
+  useTouchEmulator,
+  useValue
+};

package/es/hooks/useDidMountEffect.js

@@ -1,11 +1,14 @@
-import { useEffect, useRef } from 'react';
-/**
- * skip inital run useEffect
- */
-var useDidMountEffect = function useDidMountEffect(func, deps) {
-  var didMount = useRef(false);
-  useEffect(function () {
-    if (didMount.current) func();else didMount.current = true;
+import { useEffect, useRef } from "react";
+const useDidMountEffect = (func, deps) => {
+  const didMount = useRef(false);
+  useEffect(() => {
+    if (didMount.current)
+      func();
+    else
+      didMount.current = true;
   }, deps);
 };
-export default useDidMountEffect;
+var useDidMountEffect_default = useDidMountEffect;
+export {
+  useDidMountEffect_default as default
+};

package/es/hooks/useDomCss/index.js

@@ -1,14 +1,17 @@
 import useDomReady from "../useDomReady";
 import { getTargetElement } from "../../domTarget";
 function useDomCss(target, computedStyle, cb) {
-  useDomReady(function () {
-    var ele = getTargetElement(target);
-    var style = window.getComputedStyle(ele, null);
-    var res = {};
-    computedStyle.forEach(function (key) {
-      res[key] = style === null || style === void 0 ? void 0 : style[key];
+  useDomReady(() => {
+    const ele = getTargetElement(target);
+    const style = window.getComputedStyle(ele, null);
+    const res = {};
+    computedStyle.forEach((key) => {
+      res[key] = style == null ? void 0 : style[key];
     });
-    cb === null || cb === void 0 || cb(res);
+    cb == null ? void 0 : cb(res);
   });
 }
-export default useDomCss;
+var useDomCss_default = useDomCss;
+export {
+  useDomCss_default as default
+};

package/es/hooks/useDomCss/index.miniapp.js

@@ -1,17 +1,20 @@
-import Taro from '@tarojs/taro';
+import Taro from "@tarojs/taro";
 import useDomReady from "../useDomReady";
 import { getTargetElement } from "../../domTarget";
 function useDomCss(target, computedStyle, cb) {
-  useDomReady(function () {
-    var ele = getTargetElement(target);
+  useDomReady(() => {
+    const ele = getTargetElement(target);
     if (ele) {
-      var query = Taro.createSelectorQuery();
-      query.select("#".concat(ele === null || ele === void 0 ? void 0 : ele.uid)).fields({
-        computedStyle: computedStyle
-      }).exec(function (res) {
-        cb === null || cb === void 0 || cb(res === null || res === void 0 ? void 0 : res[0]);
+      const query = Taro.createSelectorQuery();
+      query.select(`#${ele == null ? void 0 : ele.uid}`).fields({
+        computedStyle
+      }).exec((res) => {
+        cb == null ? void 0 : cb(res == null ? void 0 : res[0]);
       });
     }
   });
 }
-export default useDomCss;
+var index_miniapp_default = useDomCss;
+export {
+  index_miniapp_default as default
+};

package/es/hooks/useDomReady/index.js

@@ -1,7 +1,10 @@
-import React from 'react';
+import React from "react";
 function useDomReady(cb) {
-  React.useEffect(function () {
-    cb === null || cb === void 0 || cb();
+  React.useEffect(() => {
+    cb == null ? void 0 : cb();
   }, []);
 }
-export default useDomReady;
+var useDomReady_default = useDomReady;
+export {
+  useDomReady_default as default
+};

package/es/hooks/useDomReady/index.miniapp.js

@@ -1,9 +1,12 @@
-import Taro from '@tarojs/taro';
+import Taro from "@tarojs/taro";
 function useDomReady(cb) {
-  Taro.useReady(function () {
-    Taro.nextTick(function () {
-      cb === null || cb === void 0 || cb();
+  Taro.useReady(() => {
+    Taro.nextTick(() => {
+      cb == null ? void 0 : cb();
     });
   });
 }
-export default useDomReady;
+var index_miniapp_default = useDomReady;
+export {
+  index_miniapp_default as default
+};

package/es/hooks/useEventCallback.js

@@ -1,18 +1,11 @@
-import React, { useLayoutEffect } from 'react';
-
-/**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
- *
- * @param {function} fn
- */
-export default function useEventCallback(fn) {
-  var ref = React.useRef(fn);
-  useLayoutEffect(function () {
+import React, { useLayoutEffect } from "react";
+function useEventCallback(fn) {
+  const ref = React.useRef(fn);
+  useLayoutEffect(() => {
     ref.current = fn;
   });
-
-  // @ts-ignore
-  return React.useCallback(function () {
-    return (0, ref.current).apply(void 0, arguments);
-  }, []);
-}
+  return React.useCallback((...args) => (0, ref.current)(...args), []);
+}
+export {
+  useEventCallback as default
+};

package/es/hooks/useForkRef.js

@@ -1,25 +1,17 @@
-import * as React from 'react';
+import * as React from "react";
 import setRef from "../setRef";
-export default function useForkRef() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  /**
-   * This will create a new function if the refs passed to this hook change and are all defined.
-   * This means react will call the old forkRef with `null` and the new forkRef
-   * with the ref. Cleanup naturally emerges from this behavior.
-   */
-  return React.useMemo(function () {
-    if (refs.every(function (ref) {
-      return ref == null;
-    })) {
+function useForkRef(...refs) {
+  return React.useMemo(() => {
+    if (refs.every((ref) => ref == null)) {
       return null;
     }
-    return function (instance) {
-      refs.forEach(function (ref) {
+    return (instance) => {
+      refs.forEach((ref) => {
         setRef(ref, instance);
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, refs);
-}
+}
+export {
+  useForkRef as default
+};

package/es/hooks/useMemoizedFn.js

@@ -1,25 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import { useMemo, useRef } from 'react';
+import { useMemo, useRef } from "react";
 import isDev from "../isDev";
 import { isFunction } from "../isType";
-export default function useMemoizedFn(fn) {
+function useMemoizedFn(fn) {
   if (isDev) {
     if (!isFunction(fn)) {
-      console.error("useMemoizedFn expected parameter is a function, got ".concat(_typeof(fn)));
+      console.error(
+        `useMemoizedFn expected parameter is a function, got ${typeof fn}`
+      );
     }
   }
-  var fnRef = useRef(fn);
-  fnRef.current = useMemo(function () {
-    return fn;
-  }, [fn]);
-  var memoizedFn = useRef();
+  const fnRef = useRef(fn);
+  fnRef.current = useMemo(() => fn, [fn]);
+  const memoizedFn = useRef();
   if (!memoizedFn.current) {
-    memoizedFn.current = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    memoizedFn.current = function(...args) {
       return fnRef.current.apply(this, args);
     };
   }
   return memoizedFn.current;
-}
+}
+export {
+  useMemoizedFn as default
+};

package/es/hooks/useSize.js

@@ -1,29 +1,20 @@
-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 from 'react';
+import React from "react";
 import useDomReady from "./useDomReady";
 import getBoundingClientRect from "../getBoundingClientRect";
 import { getTargetElement } from "../domTarget";
 function useSize(target) {
-  var _React$useState = React.useState({}),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    state = _React$useState2[0],
-    setState = _React$useState2[1];
-  useDomReady(function () {
-    var el = getTargetElement(target);
+  const [state, setState] = React.useState({});
+  useDomReady(() => {
+    const el = getTargetElement(target);
     if (el) {
-      getBoundingClientRect(el).then(function (res) {
-        setState({
-          width: res.width,
-          height: res.height
-        });
+      getBoundingClientRect(el).then((res) => {
+        setState({ width: res.width, height: res.height });
       });
     }
   });
   return state;
 }
-export default useSize;
+var useSize_default = useSize;
+export {
+  useSize_default as default
+};

package/es/hooks/useTouch.js

@@ -1,50 +1,47 @@
-import { useRef } from 'react';
-var MIN_DISTANCE = 10;
+var __pow = Math.pow;
+import { useRef } from "react";
+const MIN_DISTANCE = 10;
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
-    return 'horizontal';
+    return "horizontal";
   }
   if (y > x && y > MIN_DISTANCE) {
-    return 'vertical';
+    return "vertical";
   }
-  return '';
+  return "";
 }
-var useTouch = function useTouch() {
-  var startX = useRef(0);
-  var startY = useRef(0);
-  var deltaX = useRef(0);
-  var deltaY = useRef(0);
-  var delta = useRef(0);
-  var offsetX = useRef(0);
-  var offsetY = useRef(0);
-  var direction = useRef('');
-  var last = useRef(false);
-  var velocity = useRef(0);
-  var touchTime = useRef(Date.now());
-  var isVertical = function isVertical() {
-    return direction.current === 'vertical';
-  };
-  var isHorizontal = function isHorizontal() {
-    return direction.current === 'horizontal';
-  };
-  var reset = function reset() {
+const useTouch = () => {
+  const startX = useRef(0);
+  const startY = useRef(0);
+  const deltaX = useRef(0);
+  const deltaY = useRef(0);
+  const delta = useRef(0);
+  const offsetX = useRef(0);
+  const offsetY = useRef(0);
+  const direction = useRef("");
+  const last = useRef(false);
+  const velocity = useRef(0);
+  const touchTime = useRef(Date.now());
+  const isVertical = () => direction.current === "vertical";
+  const isHorizontal = () => direction.current === "horizontal";
+  const reset = () => {
     touchTime.current = Date.now();
     deltaX.current = 0;
     deltaY.current = 0;
     offsetX.current = 0;
     offsetY.current = 0;
     delta.current = 0;
-    direction.current = '';
+    direction.current = "";
     last.current = false;
   };
-  var start = function start(event) {
+  const start = (event) => {
     reset();
     touchTime.current = Date.now();
     startX.current = event.touches[0].clientX;
     startY.current = event.touches[0].clientY;
   };
-  var move = function move(event) {
-    var touch = event.touches[0];
+  const move = (event) => {
+    const touch = event.touches[0];
     deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
     deltaY.current = touch.clientY - startY.current;
     offsetX.current = Math.abs(deltaX.current);
@@ -54,27 +51,30 @@ var useTouch = function useTouch() {
       direction.current = getDirection(offsetX.current, offsetY.current);
     }
   };
-  var end = function end() {
+  const end = () => {
     last.current = true;
-    velocity.current = Math.sqrt(Math.pow(deltaX.current, 2) + Math.pow(deltaY.current, 2)) / (Date.now() - touchTime.current);
+    velocity.current = Math.sqrt(__pow(deltaX.current, 2) + __pow(deltaY.current, 2)) / (Date.now() - touchTime.current);
   };
   return {
-    end: end,
-    move: move,
-    start: start,
-    reset: reset,
-    touchTime: touchTime,
-    startX: startX,
-    startY: startY,
-    deltaX: deltaX,
-    deltaY: deltaY,
-    delta: delta,
-    offsetX: offsetX,
-    offsetY: offsetY,
-    direction: direction,
-    isVertical: isVertical,
-    isHorizontal: isHorizontal,
-    last: last
+    end,
+    move,
+    start,
+    reset,
+    touchTime,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    delta,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal,
+    last
   };
 };
-export default useTouch;
+var useTouch_default = useTouch;
+export {
+  useTouch_default as default
+};

package/es/hooks/useTouchEmulator.js

@@ -1,21 +1,6 @@
-/**
- * Emulate touch event
- * Source：https://github.com/hammerjs/touchemulator
- */
-import { useEffect } from 'react';
-var eventTarget;
-
-/**
- * create an touch point
- * @constructor
- * @param target
- * @param identifier
- * @param pos
- * @param deltaX
- * @param deltaY
- * @returns {Object} touchPoint
- */
-var Touch = function Touch(target, identifier, pos, deltaX, deltaY) {
+import { useEffect } from "react";
+let eventTarget;
+const Touch = function Touch2(target, identifier, pos, deltaX, deltaY) {
   deltaX = deltaX || 0;
   deltaY = deltaY || 0;
   this.identifier = identifier;
@@ -27,69 +12,39 @@ var Touch = function Touch(target, identifier, pos, deltaX, deltaY) {
   this.pageX = pos.pageX + deltaX;
   this.pageY = pos.pageY + deltaY;
 };
-
-/**
- * create empty touchlist with the methods
- * @constructor
- * @returns touchList
- */
 function TouchList() {
-  var _this = this;
-  var touchList = [];
-  touchList.item = function (index) {
-    return _this[index] || null;
+  const touchList = [];
+  touchList.item = (index) => {
+    return this[index] || null;
   };
-
-  // specified by Mozilla
-  touchList.identifiedTouch = function (id) {
-    return _this[id + 1] || null;
+  touchList.identifiedTouch = (id) => {
+    return this[id + 1] || null;
   };
   return touchList;
 }
-
-/**
- * only trigger touches when the left mousebutton has been pressed
- * @param touchType
- * @returns {Function}
- */
-
-var initiated = false;
+let initiated = false;
 function onMouse(touchType) {
-  return function (ev) {
-    // prevent mouse events
-
-    if (ev.type === 'mousedown') {
+  return function(ev) {
+    if (ev.type === "mousedown") {
       initiated = true;
     }
-    if (ev.type === 'mouseup') {
+    if (ev.type === "mouseup") {
       initiated = false;
     }
-    if (ev.type === 'mousemove' && !initiated) {
+    if (ev.type === "mousemove" && !initiated) {
       return;
     }
-
-    // The EventTarget on which the touch point started when it was first placed on the surface,
-    // even if the touch point has since moved outside the interactive area of that element.
-    // also, when the target doesnt exist anymore, we update it
-    if (ev.type === 'mousedown' || !eventTarget || eventTarget && !eventTarget.dispatchEvent) {
+    if (ev.type === "mousedown" || !eventTarget || eventTarget && !eventTarget.dispatchEvent) {
       eventTarget = ev.target;
     }
     triggerTouch(touchType, ev);
-
-    // reset
-    if (ev.type === 'mouseup') {
+    if (ev.type === "mouseup") {
       eventTarget = null;
     }
   };
 }
-
-/**
- * trigger a touch event
- * @param eventName
- * @param mouseEv
- */
 function triggerTouch(eventName, mouseEv) {
-  var touchEvent = document.createEvent('Event');
+  const touchEvent = document.createEvent("Event");
   touchEvent.initEvent(eventName, true, false);
   touchEvent.altKey = mouseEv.altKey;
   touchEvent.ctrlKey = mouseEv.ctrlKey;
@@ -100,47 +55,36 @@ function triggerTouch(eventName, mouseEv) {
   touchEvent.changedTouches = createTouchList(mouseEv);
   eventTarget.dispatchEvent(touchEvent);
 }
-
-/**
- * create a touchList based on the mouse event
- * @param mouseEv
- * @returns {TouchList}
- */
 function createTouchList(mouseEv) {
-  var touchList = TouchList();
+  const touchList = TouchList();
   touchList.push(new Touch(eventTarget, 1, mouseEv, 0, 0));
   return touchList;
 }
-
-/**
- * receive all active touches
- * @param mouseEv
- * @returns {TouchList}
- */
 function getActiveTouches(mouseEv) {
-  // empty list
-  if (mouseEv.type === 'mouseup') {
+  if (mouseEv.type === "mouseup") {
     return TouchList();
   }
   return createTouchList(mouseEv);
 }
-export default function useTouchEmulator() {
-  var dom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var touchStart = onMouse('touchstart');
-  var touchMove = onMouse('touchmove');
-  var touchEnd = onMouse('touchend');
-  useEffect(function () {
+function useTouchEmulator(dom = window) {
+  const touchStart = onMouse("touchstart");
+  const touchMove = onMouse("touchmove");
+  const touchEnd = onMouse("touchend");
+  useEffect(() => {
     if (dom) {
-      dom.addEventListener('mousedown', touchStart, true);
-      dom.addEventListener('mousemove', touchMove, true);
-      dom.addEventListener('mouseup', touchEnd, true);
+      dom.addEventListener("mousedown", touchStart, true);
+      dom.addEventListener("mousemove", touchMove, true);
+      dom.addEventListener("mouseup", touchEnd, true);
     }
-    return function () {
+    return () => {
       if (dom) {
-        dom.removeEventListener('mousedown', touchStart, true);
-        dom.removeEventListener('mousemove', touchMove, true);
-        dom.removeEventListener('mouseup', touchEnd, true);
+        dom.removeEventListener("mousedown", touchStart, true);
+        dom.removeEventListener("mousemove", touchMove, true);
+        dom.removeEventListener("mouseup", touchEnd, true);
       }
     };
   }, [dom]);
-}
+}
+export {
+  useTouchEmulator as default
+};

package/es/hooks/useValue.js

@@ -1,36 +1,28 @@
-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 { useCallback, useRef, useState, useEffect } from 'react';
-export default function useValue(options) {
-  var value = options.value,
-    defaultValue = options.defaultValue,
-    onChange = options.onChange,
-    _options$config = options.config,
-    config = _options$config === void 0 ? {} : _options$config;
-  var state = config.state,
-    name = config.name;
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalValue = _useState2[0],
-    setInternalValue = _useState2[1];
-  var initialDefaultValue = useRef(defaultValue);
-  var isControlled = value !== undefined;
-
-  // 异常情况
-  useEffect(function () {
+import { useCallback, useRef, useState, useEffect } from "react";
+function useValue(options) {
+  const { value, defaultValue, onChange, config = {} } = options;
+  const { state, name } = config;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const initialDefaultValue = useRef(defaultValue);
+  const isControlled = value !== void 0;
+  useEffect(() => {
     if (!isControlled && JSON.stringify(defaultValue) !== JSON.stringify(initialDefaultValue.current) && state && name) {
-      console.error(["BUI: A component is changing the default ".concat(state, " state of an uncontrolled ").concat(name, " after being initialized. ") + "To suppress this warning opt to use a controlled ".concat(name, ".")].join('\n'));
+      console.error(
+        [
+          `BUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`
+        ].join("\n")
+      );
     }
   }, [defaultValue]);
-  var triggerChange = useCallback(function (e, val) {
-    setInternalValue(val);
-    onChange === null || onChange === void 0 || onChange(e, {
-      value: val
-    });
-  }, [onChange]);
+  const triggerChange = useCallback(
+    (e, val) => {
+      setInternalValue(val);
+      onChange == null ? void 0 : onChange(e, { value: val });
+    },
+    [onChange]
+  );
   return [isControlled ? value : internalValue, triggerChange];
-}
+}
+export {
+  useValue as default
+};