@bifrostui/utils 1.4.6 → 1.4.7-beta.0

package/es/{getRootElement → getRootContainer}/index.miniapp.js

@@ -1,13 +1,13 @@
 import Taro from "@tarojs/taro";
-const getRootElement = (rootEle) => {
+const getRootContainer = (rootCon, defaultCon) => {
   const currentPages = Taro.getCurrentPages() || [];
   const currentPage = currentPages[currentPages.length - 1];
   const pageElement = currentPage == null ? void 0 : currentPage.$taroPath;
   const defaultRootElement = document.getElementById(pageElement);
-  const rootElement = typeof rootEle === "function" ? rootEle() : rootEle;
-  return rootElement || defaultRootElement;
+  const rootElement = typeof rootCon === "function" ? rootCon() : rootCon;
+  return rootElement || defaultCon || defaultRootElement;
 };
-var index_miniapp_default = getRootElement;
+var index_miniapp_default = getRootContainer;
 export {
   index_miniapp_default as default
 };

package/es/hooks/index.d.ts

@@ -1,11 +1,11 @@
 import useDidMountEffect from './useDidMountEffect';
 import useEventCallback from './useEventCallback';
 import useForkRef from './useForkRef';
-import useTouchEmulator from './useTouchEmulator';
+import useTouchEmulator, { touchEmulator, emulateTouchStart, emulateTouchMove, emulateTouchEnd } from './useTouchEmulator';
 import useValue from './useValue';
 import useDomReady from './useDomReady';
 import useSize from './useSize';
 import useDomCss from './useDomCss';
 import useTouch from './useTouch';
 import useUniqueId from './useUniqueId';
-export { useValue, useForkRef, useEventCallback, useDidMountEffect, useTouchEmulator, useDomReady, useSize, useDomCss, useTouch, useUniqueId, };
+export { useValue, useForkRef, useEventCallback, useDidMountEffect, useTouchEmulator, touchEmulator, emulateTouchStart, emulateTouchMove, emulateTouchEnd, useDomReady, useSize, useDomCss, useTouch, useUniqueId, };

package/es/hooks/index.js

@@ -1,7 +1,12 @@
 import useDidMountEffect from "./useDidMountEffect";
 import useEventCallback from "./useEventCallback";
 import useForkRef from "./useForkRef";
-import useTouchEmulator from "./useTouchEmulator";
+import useTouchEmulator, {
+  touchEmulator,
+  emulateTouchStart,
+  emulateTouchMove,
+  emulateTouchEnd
+} from "./useTouchEmulator";
 import useValue from "./useValue";
 import useDomReady from "./useDomReady";
 import useSize from "./useSize";
@@ -9,6 +14,10 @@ import useDomCss from "./useDomCss";
 import useTouch from "./useTouch";
 import useUniqueId from "./useUniqueId";
 export {
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
+  touchEmulator,
   useDidMountEffect,
   useDomCss,
   useDomReady,

package/es/hooks/useTouchEmulator.d.ts

@@ -1 +1,7 @@
-export default function useTouchEmulator(dom?: HTMLElement | Window): void;
+declare const emulateTouchStart: (ev: any) => void;
+declare const emulateTouchMove: (ev: any) => void;
+declare const emulateTouchEnd: (ev: any) => void;
+declare function useTouchEmulator(dom?: HTMLElement | Window): void;
+declare const touchEmulator: (dom?: HTMLElement | Window) => () => void;
+export default useTouchEmulator;
+export { touchEmulator, emulateTouchStart, emulateTouchMove, emulateTouchEnd };

package/es/hooks/useTouchEmulator.js

@@ -66,25 +66,44 @@ function getActiveTouches(mouseEv) {
   }
   return createTouchList(mouseEv);
 }
+const emulateTouchStart = onMouse("touchstart");
+const emulateTouchMove = onMouse("touchmove");
+const emulateTouchEnd = onMouse("touchend");
 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", emulateTouchStart, true);
+      dom.addEventListener("mousemove", emulateTouchMove, true);
+      dom.addEventListener("mouseup", emulateTouchEnd, true);
     }
     return () => {
       if (dom) {
-        dom.removeEventListener("mousedown", touchStart, true);
-        dom.removeEventListener("mousemove", touchMove, true);
-        dom.removeEventListener("mouseup", touchEnd, true);
+        dom.removeEventListener("mousedown", emulateTouchStart, true);
+        dom.removeEventListener("mousemove", emulateTouchMove, true);
+        dom.removeEventListener("mouseup", emulateTouchEnd, true);
       }
     };
   }, [dom]);
 }
+const touchEmulator = (dom = window) => {
+  if (dom) {
+    dom.addEventListener("mousedown", emulateTouchStart, true);
+    dom.addEventListener("mousemove", emulateTouchMove, true);
+    dom.addEventListener("mouseup", emulateTouchEnd, true);
+  }
+  return function() {
+    if (dom) {
+      dom.removeEventListener("mousedown", emulateTouchStart, true);
+      dom.removeEventListener("mousemove", emulateTouchMove, true);
+      dom.removeEventListener("mouseup", emulateTouchEnd, true);
+    }
+  };
+};
+var useTouchEmulator_default = useTouchEmulator;
 export {
-  useTouchEmulator as default
+  useTouchEmulator_default as default,
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
+  touchEmulator
 };

package/es/index.d.ts

@@ -1,7 +1,7 @@
 export { default as debounce } from './debounce';
-export { getStylesAndLocation, triggerEventTransform, parsePlacement, } from './directionLocationUtil';
+export { getStylesAndLocation, getNewDirectionLocation, triggerEventTransform, parsePlacement, } from './directionLocationUtil';
 export { default as convertHexToRGBA } from './hex2rgba';
-export { useDidMountEffect, useEventCallback, useForkRef, useTouchEmulator, useValue, useDomReady, useSize, useDomCss, useTouch, useUniqueId, } from './hooks';
+export { useDidMountEffect, useEventCallback, useForkRef, useTouchEmulator, touchEmulator, emulateTouchStart, emulateTouchMove, emulateTouchEnd, useValue, useDomReady, useSize, useDomCss, useTouch, useUniqueId, } from './hooks';
 export { default as isDev } from './isDev';
 export { isMini, isWeapp, isAlipay, isMiniapp } from './isMini';
 export { default as setRef } from './setRef';
@@ -9,7 +9,8 @@ export { default as throttle } from './throttle';
 export { default as toArray } from './toArray';
 export { default as blockTouch } from './touchBlocker';
 export { easing, duration, getTransitionProps, createTransitions, } from './transitions';
-export { default as getRootElement } from './getRootElement';
+export { default as getRootContainer } from './getRootContainer';
 export { default as getBoundingClientRect } from './getBoundingClientRect';
+export { getScrollRect, getClientRect } from './domUtils';
 export * from './isType';
 export * from './render';

package/es/index.js

@@ -1,6 +1,7 @@
 import { default as default2 } from "./debounce";
 import {
   getStylesAndLocation,
+  getNewDirectionLocation,
   triggerEventTransform,
   parsePlacement
 } from "./directionLocationUtil";
@@ -10,6 +11,10 @@ import {
   useEventCallback,
   useForkRef,
   useTouchEmulator,
+  touchEmulator,
+  emulateTouchStart,
+  emulateTouchMove,
+  emulateTouchEnd,
   useValue,
   useDomReady,
   useSize,
@@ -29,8 +34,9 @@ import {
   getTransitionProps,
   createTransitions
 } from "./transitions";
-import { default as default9 } from "./getRootElement";
+import { default as default9 } from "./getRootContainer";
 import { default as default10 } from "./getBoundingClientRect";
+import { getScrollRect, getClientRect } from "./domUtils";
 export * from "./isType";
 export * from "./render";
 export {
@@ -40,8 +46,14 @@ export {
   default2 as debounce,
   duration,
   easing,
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
   default10 as getBoundingClientRect,
-  default9 as getRootElement,
+  getClientRect,
+  getNewDirectionLocation,
+  default9 as getRootContainer,
+  getScrollRect,
   getStylesAndLocation,
   getTransitionProps,
   isAlipay,
@@ -53,6 +65,7 @@ export {
   default5 as setRef,
   default6 as throttle,
   default7 as toArray,
+  touchEmulator,
   triggerEventTransform,
   useDidMountEffect,
   useDomCss,

package/es/isMini.d.ts

@@ -1,5 +1,6 @@
 declare const isMini: boolean;
 declare const isWeapp: boolean;
 declare const isAlipay: boolean;
-export { isMini, isWeapp, isAlipay };
+declare const isTt: boolean;
+export { isMini, isWeapp, isAlipay, isTt };
 export declare const isMiniapp: () => boolean;

package/es/isMini.js

@@ -1,6 +1,7 @@
 const isMini = typeof process.env.TARO_ENV === "string";
 const isWeapp = process.env.TARO_ENV === "weapp";
 const isAlipay = process.env.TARO_ENV === "alipay";
+const isTt = process.env.TARO_ENV === "tt";
 const isMiniapp = () => {
   return isMini;
 };
@@ -8,5 +9,6 @@ export {
   isAlipay,
   isMini,
   isMiniapp,
+  isTt,
   isWeapp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/utils",
-  "version": "1.4.6",
+  "version": "1.4.7-beta.0",
   "description": "BUI React utilities for building components.",
   "main": "dist/index.js",
   "module": "es/index.js",

package/dist/getRootElement/index.d.ts

@@ -1,2 +0,0 @@
-declare const getRootElement: (rootEle?: HTMLElement | (() => HTMLElement)) => HTMLElement;
-export default getRootElement;

package/dist/getRootElement/index.miniapp.d.ts

@@ -1,3 +0,0 @@
-import type { TaroElement } from '@tarojs/runtime';
-declare const getRootElement: (rootEle?: TaroElement | (() => TaroElement)) => HTMLElement | TaroElement;
-export default getRootElement;

package/es/getRootElement/index.d.ts

@@ -1,2 +0,0 @@
-declare const getRootElement: (rootEle?: HTMLElement | (() => HTMLElement)) => HTMLElement;
-export default getRootElement;

package/es/getRootElement/index.js

@@ -1,9 +0,0 @@
-const getRootElement = (rootEle) => {
-  const rootElement = typeof rootEle === "function" ? rootEle() : rootEle;
-  const defaultRootElement = document.body;
-  return rootElement || defaultRootElement;
-};
-var getRootElement_default = getRootElement;
-export {
-  getRootElement_default as default
-};

package/es/getRootElement/index.miniapp.d.ts

@@ -1,3 +0,0 @@
-import type { TaroElement } from '@tarojs/runtime';
-declare const getRootElement: (rootEle?: TaroElement | (() => TaroElement)) => HTMLElement | TaroElement;
-export default getRootElement;