@bifrostui/utils 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/getBoundingClientRect/index.js

@@ -21,5 +21,18 @@ __export(getBoundingClientRect_exports, {
 });
 module.exports = __toCommonJS(getBoundingClientRect_exports);
 function getBoundingClientRect(ele) {
+  if (!ele) {
+    return Promise.resolve({
+      width: 0,
+      height: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      x: 0,
+      y: 0,
+      toJSON: () => ({})
+    });
+  }
   return Promise.resolve(ele.getBoundingClientRect());
 }

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

@@ -1,2 +1 @@
-import type { TaroElement } from '@tarojs/runtime';
-export default function getBoundingClientRect(ele: TaroElement): Promise<DOMRect>;
+export default function getBoundingClientRect(ele: any): Promise<DOMRect>;

package/dist/getBoundingClientRect/index.miniapp.js

@@ -25,17 +25,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var index_miniapp_exports = {};
 __export(index_miniapp_exports, {
   default: () => getBoundingClientRect
 });
 module.exports = __toCommonJS(index_miniapp_exports);
 var import_taro = __toESM(require("@tarojs/taro"));
+var import_isMini = require("../isMini");
 function getBoundingClientRect(ele) {
-  return new Promise((resolve) => {
-    const query = import_taro.default.createSelectorQuery();
-    query.select(`#${ele.uid}`).boundingClientRect().exec(([res]) => {
-      resolve(res);
-    });
+  return __async(this, null, function* () {
+    let result;
+    if (import_isMini.isWeapp || import_isMini.isTt) {
+      result = yield ele.getBoundingClientRect();
+    } else {
+      const query = import_taro.default.createSelectorQuery();
+      result = yield new Promise((resolve) => {
+        query.select(`#${ele.uid}`).boundingClientRect().exec(([res]) => {
+          resolve(res);
+        });
+      });
+    }
+    return result;
   });
 }

package/dist/getRootContainer/index.d.ts

@@ -0,0 +1,2 @@
+declare const getRootContainer: (rootCon?: HTMLElement | (() => HTMLElement) | Window, defaultCon?: any) => any;
+export default getRootContainer;

package/dist/{getRootElement → getRootContainer}/index.js

@@ -15,14 +15,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var getRootElement_exports = {};
-__export(getRootElement_exports, {
-  default: () => getRootElement_default
+var getRootContainer_exports = {};
+__export(getRootContainer_exports, {
+  default: () => getRootContainer_default
 });
-module.exports = __toCommonJS(getRootElement_exports);
-const getRootElement = (rootEle) => {
-  const rootElement = typeof rootEle === "function" ? rootEle() : rootEle;
+module.exports = __toCommonJS(getRootContainer_exports);
+const getRootContainer = (rootCon, defaultCon) => {
+  const rootElement = typeof rootCon === "function" ? rootCon() : rootCon;
   const defaultRootElement = document.body;
-  return rootElement || defaultRootElement;
+  return rootElement || defaultCon || defaultRootElement;
 };
-var getRootElement_default = getRootElement;
+var getRootContainer_default = getRootContainer;

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

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

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

@@ -31,12 +31,12 @@ __export(index_miniapp_exports, {
 });
 module.exports = __toCommonJS(index_miniapp_exports);
 var import_taro = __toESM(require("@tarojs/taro"));
-const getRootElement = (rootEle) => {
+const getRootContainer = (rootCon, defaultCon) => {
   const currentPages = import_taro.default.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;

package/dist/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/dist/hooks/index.js

@@ -27,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var hooks_exports = {};
 __export(hooks_exports, {
+  emulateTouchEnd: () => import_useTouchEmulator.emulateTouchEnd,
+  emulateTouchMove: () => import_useTouchEmulator.emulateTouchMove,
+  emulateTouchStart: () => import_useTouchEmulator.emulateTouchStart,
+  touchEmulator: () => import_useTouchEmulator.touchEmulator,
   useDidMountEffect: () => import_useDidMountEffect.default,
   useDomCss: () => import_useDomCss.default,
   useDomReady: () => import_useDomReady.default,
@@ -51,6 +55,10 @@ var import_useTouch = __toESM(require("./useTouch"));
 var import_useUniqueId = __toESM(require("./useUniqueId"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
+  touchEmulator,
   useDidMountEffect,
   useDomCss,
   useDomReady,

package/dist/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/dist/hooks/useTouchEmulator.js

@@ -17,7 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTouchEmulator_exports = {};
 __export(useTouchEmulator_exports, {
-  default: () => useTouchEmulator
+  default: () => useTouchEmulator_default,
+  emulateTouchEnd: () => emulateTouchEnd,
+  emulateTouchMove: () => emulateTouchMove,
+  emulateTouchStart: () => emulateTouchStart,
+  touchEmulator: () => touchEmulator
 });
 module.exports = __toCommonJS(useTouchEmulator_exports);
 var import_react = require("react");
@@ -88,22 +92,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");
   (0, import_react.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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
+  touchEmulator
+});

package/dist/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,8 +9,9 @@ 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 * from './domUtils';
 export * from './isType';
 export * from './render';
 export * from './themeCreator';

package/dist/index.js

@@ -34,8 +34,12 @@ __export(src_exports, {
   debounce: () => import_debounce.default,
   duration: () => import_transitions.duration,
   easing: () => import_transitions.easing,
+  emulateTouchEnd: () => import_hooks.emulateTouchEnd,
+  emulateTouchMove: () => import_hooks.emulateTouchMove,
+  emulateTouchStart: () => import_hooks.emulateTouchStart,
   getBoundingClientRect: () => import_getBoundingClientRect.default,
-  getRootElement: () => import_getRootElement.default,
+  getNewDirectionLocation: () => import_directionLocationUtil.getNewDirectionLocation,
+  getRootContainer: () => import_getRootContainer.default,
   getStylesAndLocation: () => import_directionLocationUtil.getStylesAndLocation,
   getTransitionProps: () => import_transitions.getTransitionProps,
   isAlipay: () => import_isMini.isAlipay,
@@ -47,6 +51,7 @@ __export(src_exports, {
   setRef: () => import_setRef.default,
   throttle: () => import_throttle.default,
   toArray: () => import_toArray.default,
+  touchEmulator: () => import_hooks.touchEmulator,
   triggerEventTransform: () => import_directionLocationUtil.triggerEventTransform,
   useDidMountEffect: () => import_hooks.useDidMountEffect,
   useDomCss: () => import_hooks.useDomCss,
@@ -71,8 +76,9 @@ var import_throttle = __toESM(require("./throttle"));
 var import_toArray = __toESM(require("./toArray"));
 var import_touchBlocker = __toESM(require("./touchBlocker"));
 var import_transitions = require("./transitions");
-var import_getRootElement = __toESM(require("./getRootElement"));
+var import_getRootContainer = __toESM(require("./getRootContainer"));
 var import_getBoundingClientRect = __toESM(require("./getBoundingClientRect"));
+__reExport(src_exports, require("./domUtils"), module.exports);
 __reExport(src_exports, require("./isType"), module.exports);
 __reExport(src_exports, require("./render"), module.exports);
 __reExport(src_exports, require("./themeCreator"), module.exports);
@@ -84,8 +90,12 @@ __reExport(src_exports, require("./themeCreator"), module.exports);
   debounce,
   duration,
   easing,
+  emulateTouchEnd,
+  emulateTouchMove,
+  emulateTouchStart,
   getBoundingClientRect,
-  getRootElement,
+  getNewDirectionLocation,
+  getRootContainer,
   getStylesAndLocation,
   getTransitionProps,
   isAlipay,
@@ -97,6 +107,7 @@ __reExport(src_exports, require("./themeCreator"), module.exports);
   setRef,
   throttle,
   toArray,
+  touchEmulator,
   triggerEventTransform,
   useDidMountEffect,
   useDomCss,
@@ -108,6 +119,7 @@ __reExport(src_exports, require("./themeCreator"), module.exports);
   useTouchEmulator,
   useUniqueId,
   useValue,
+  ...require("./domUtils"),
   ...require("./isType"),
   ...require("./render"),
   ...require("./themeCreator")

package/dist/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/dist/isMini.js

@@ -20,12 +20,14 @@ __export(isMini_exports, {
   isAlipay: () => isAlipay,
   isMini: () => isMini,
   isMiniapp: () => isMiniapp,
+  isTt: () => isTt,
   isWeapp: () => isWeapp
 });
 module.exports = __toCommonJS(isMini_exports);
 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;
 };
@@ -34,5 +36,6 @@ const isMiniapp = () => {
   isAlipay,
   isMini,
   isMiniapp,
+  isTt,
   isWeapp
 });

package/dist/themeCreator/cssVarToValue.d.ts

@@ -1,4 +1,20 @@
 import { CssVarToValueOptions } from './index.types';
+/**
+ * 设置全局默认主题变量
+ * 建议在小程序入口文件(app.ts)中调用，设置后所有组件都会使用该主题
+ * 支持主题继承：如果设置的主题中某个变量不存在，会自动从 defaultLight 继承
+ * @param themeVars 主题CSS变量对象
+ * @example
+ * import { setDefaultThemeVars } from '@bifrostui/utils';
+ * import { pioneerLight } from '@bifrostui/styles/registry';
+ * setDefaultThemeVars(pioneerLight.cssVars);
+ */
+export declare const setDefaultThemeVars: (themeVars: Record<string, string> | undefined) => void;
+/**
+ * 获取当前全局默认主题变量
+ * 返回合并后的主题变量（自定义主题 + defaultLight 基础主题）
+ */
+export declare const getDefaultThemeVars: () => Record<string, string> | undefined;
 /**
  * css变量转值
  */

package/dist/themeCreator/cssVarToValue.js

@@ -1,7 +1,21 @@
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -17,15 +31,27 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var cssVarToValue_exports = {};
 __export(cssVarToValue_exports, {
-  cssVarToValue: () => cssVarToValue
+  cssVarToValue: () => cssVarToValue,
+  getDefaultThemeVars: () => getDefaultThemeVars,
+  setDefaultThemeVars: () => setDefaultThemeVars
 });
 module.exports = __toCommonJS(cssVarToValue_exports);
 var import_registry = require("@bifrostui/styles/registry");
+let globalDefaultThemeVars;
+const setDefaultThemeVars = (themeVars) => {
+  globalDefaultThemeVars = themeVars;
+};
+const getDefaultThemeVars = () => {
+  var _a, _b;
+  if (!globalDefaultThemeVars) {
+    return (_a = import_registry.defaultLight) == null ? void 0 : _a.cssVars;
+  }
+  return __spreadValues(__spreadValues({}, (_b = import_registry.defaultLight) == null ? void 0 : _b.cssVars), globalDefaultThemeVars);
+};
 const cssVarToValue = (options) => {
-  var _a;
   const {
     cssVar,
-    themeVars = (_a = import_registry.defaultLight) == null ? void 0 : _a.cssVars,
+    themeVars = getDefaultThemeVars(),
     _visitedKeys = /* @__PURE__ */ new Set()
   } = options || {};
   if (!cssVar)
@@ -48,5 +74,7 @@ const cssVarToValue = (options) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  cssVarToValue
+  cssVarToValue,
+  getDefaultThemeVars,
+  setDefaultThemeVars
 });

package/es/directionLocationUtil.d.ts

@@ -22,26 +22,41 @@ export declare const getDirectionLocationStyle: ({ childrenOffset, arrowDirectio
     tipOffset: any;
     arrowLocation: any;
     offsetSpacing: any;
-}) => {
-    styles: any;
+}) => Promise<{
+    styles: {
+        top: number;
+        left: number;
+        transform: string;
+        visibility: string;
+    };
     childrenStyle: any;
-};
+}>;
 /**
  * 获取气泡位置和箭头位置
  */
-export declare const getStylesAndLocation: ({ scrollRoot, childrenRef, arrowDirection, arrowLocation, offsetSpacing, selector, }: {
+export declare const getStylesAndLocation: ({ scrollRoot, childrenRef, tipRef, arrowDirection, arrowLocation, offsetSpacing, }: {
     scrollRoot?: Element;
-    childrenRef: any;
-    arrowDirection: any;
-    arrowLocation: any;
-    offsetSpacing: any;
-    selector: any;
-}) => {
-    styles: any;
+    childrenRef?: React.RefObject<any>;
+    tipRef?: React.RefObject<any>;
+    arrowDirection: string;
+    arrowLocation: string;
+    offsetSpacing?: number;
+}) => Promise<{
+    styles: {};
+    childrenStyle: {};
+    newArrowDirection: string;
+    newArrowLocation: string;
+} | {
+    styles: {
+        top: number;
+        left: number;
+        transform: string;
+        visibility: string;
+    };
     childrenStyle: any;
     newArrowDirection: any;
     newArrowLocation: any;
-};
+}>;
 export declare const triggerEventTransform: ({ trigger, click, show, hide }: {
     trigger: any;
     click: any;