@bifrostui/utils 2.0.0-alpha.4 → 2.0.0-alpha.41

package/es/hooks/useTouch.d.ts

@@ -5,17 +5,17 @@ declare const useTouch: () => {
     move: (event: React.TouchEvent<HTMLElement>) => void;
     start: (event: React.TouchEvent<HTMLElement>) => void;
     reset: () => void;
-    touchTime: React.MutableRefObject<number>;
-    startX: React.MutableRefObject<number>;
-    startY: React.MutableRefObject<number>;
-    deltaX: React.MutableRefObject<number>;
-    deltaY: React.MutableRefObject<number>;
-    delta: React.MutableRefObject<number>;
-    offsetX: React.MutableRefObject<number>;
-    offsetY: React.MutableRefObject<number>;
-    direction: React.MutableRefObject<Direction>;
+    touchTime: React.RefObject<number>;
+    startX: React.RefObject<number>;
+    startY: React.RefObject<number>;
+    deltaX: React.RefObject<number>;
+    deltaY: React.RefObject<number>;
+    delta: React.RefObject<number>;
+    offsetX: React.RefObject<number>;
+    offsetY: React.RefObject<number>;
+    direction: React.RefObject<Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
-    last: React.MutableRefObject<boolean>;
+    last: React.RefObject<boolean>;
 };
 export default useTouch;

package/es/hooks/useTouchEmulator.js

@@ -1,8 +1,8 @@
 import { useEffect } from "react";
 let eventTarget;
-const Touch = function Touch2(target, identifier, pos, deltaX, deltaY) {
-  deltaX = deltaX || 0;
-  deltaY = deltaY || 0;
+const Touch = function Touch2(target, identifier, pos, dx = 0, dy = 0) {
+  const deltaX = dx || 0;
+  const deltaY = dy || 0;
   this.identifier = identifier;
   this.target = target;
   this.clientX = pos.clientX + deltaX;

package/es/hooks/useUniqueId.js

@@ -1,7 +1,7 @@
 import { useRef } from "react";
 let globalClientIdCounter = 0;
 function useUniqueId() {
-  const idRef = useRef();
+  const idRef = useRef(null);
   if (!idRef.current) {
     globalClientIdCounter += 1;
     idRef.current = `b${globalClientIdCounter.toString(32)}`;

package/es/index.d.ts

@@ -15,3 +15,4 @@ export * from './domUtils';
 export * from './isType';
 export * from './render';
 export * from './themeCreator';
+export * from './context-selector';

package/es/index.js

@@ -40,6 +40,7 @@ export * from "./domUtils";
 export * from "./isType";
 export * from "./render";
 export * from "./themeCreator";
+export * from "./context-selector";
 export {
   default8 as blockTouch,
   default3 as convertHexToRGBA,

package/es/isMini.js

@@ -1,4 +1,4 @@
-const isMini = typeof process.env.TARO_ENV === "string";
+const isMini = typeof process.env.TARO_ENV === "string" && ["weapp", "swan", "alipay", "tt", "qq", "jd"].includes(process.env.TARO_ENV);
 const isWeapp = process.env.TARO_ENV === "weapp";
 const isAlipay = process.env.TARO_ENV === "alipay";
 const isTt = process.env.TARO_ENV === "tt";

package/es/render.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { Root } from 'react-dom/client';
 declare const MARK = "__bifrostui_react_root__";
 type ContainerType = (Element | DocumentFragment) & {
@@ -8,6 +8,6 @@ type ContainerType = (Element | DocumentFragment) & {
 export declare function testModernRender(node: ReactElement, container: ContainerType, isTest: boolean): void;
 export declare function render(node: ReactElement, container: ContainerType): void;
 /** @private Test usage. Not work in prod */
-export declare function testLegacyUnmount(container: ContainerType, isTest: boolean): any;
-export declare function unmount(container: ContainerType): any;
+export declare function testLegacyUnmount(container: ContainerType, isTest: boolean): boolean | Promise<void>;
+export declare function unmount(container: ContainerType): boolean | Promise<void>;
 export {};

package/es/render.js

@@ -35,13 +35,15 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import * as ReactDOM from "react-dom";
+import * as ReactDOMClient from "react-dom/client";
 const MARK = "__bifrostui_react_root__";
 const fullClone = __spreadValues({}, ReactDOM);
 const { version, render: reactRender, unmountComponentAtNode } = fullClone;
 let createRoot;
 try {
-  if (Number((version || "").split(".")[0]) >= 18 && fullClone.createRoot) {
-    createRoot = fullClone.createRoot;
+  const majorVersion = Number((version || "").split(".")[0]);
+  if (majorVersion >= 18) {
+    createRoot = ReactDOMClient.createRoot || fullClone.createRoot;
   }
 } catch (e) {
 }
@@ -64,7 +66,13 @@ function modernRender(node, container) {
   container[MARK] = root;
 }
 function legacyRender(node, container) {
-  reactRender(node, container);
+  if (typeof reactRender === "function") {
+    reactRender(node, container);
+    return;
+  }
+  if (createRoot) {
+    modernRender(node, container);
+  }
 }
 function render(node, container) {
   if (createRoot) {
@@ -88,7 +96,10 @@ function modernUnmount(container) {
   });
 }
 function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
+  if (typeof unmountComponentAtNode === "function") {
+    return unmountComponentAtNode(container);
+  }
+  return modernUnmount(container);
 }
 function unmount(container) {
   if (createRoot) {

package/es/setRef.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export default function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/es/ssr/canUseDOM.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Verifies if an application can use DOM.
+ */
+export declare function canUseDOM(): boolean;

package/es/ssr/canUseDOM.js

@@ -0,0 +1,6 @@
+function canUseDOM() {
+  return typeof window !== "undefined" && !!(window.document && window.document.createElement);
+}
+export {
+  canUseDOM
+};

package/es/ssr/index.d.ts

@@ -0,0 +1 @@
+export { canUseDOM } from './canUseDOM';

package/es/ssr/index.js

@@ -0,0 +1,4 @@
+import { canUseDOM } from "./canUseDOM";
+export {
+  canUseDOM
+};

package/es/themeCreator/createTheme.js

@@ -20,7 +20,7 @@ const mountThemeVars = (options) => {
     document.head.appendChild(style);
     return;
   }
-  container.appendChild(style);
+  container == null ? void 0 : container.appendChild(style);
 };
 const createTheme = (options) => {
   const {

package/es/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/es/themeCreator/cssVarToValue.js

@@ -1,9 +1,35 @@
+var __defProp = Object.defineProperty;
+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;
+};
 import { defaultLight } from "@bifrostui/styles/registry";
+let globalDefaultThemeVars;
+const setDefaultThemeVars = (themeVars) => {
+  globalDefaultThemeVars = themeVars;
+};
+const getDefaultThemeVars = () => {
+  var _a, _b;
+  if (!globalDefaultThemeVars) {
+    return (_a = defaultLight) == null ? void 0 : _a.cssVars;
+  }
+  return __spreadValues(__spreadValues({}, (_b = defaultLight) == null ? void 0 : _b.cssVars), globalDefaultThemeVars);
+};
 const cssVarToValue = (options) => {
-  var _a;
   const {
     cssVar,
-    themeVars = (_a = defaultLight) == null ? void 0 : _a.cssVars,
+    themeVars = getDefaultThemeVars(),
     _visitedKeys = /* @__PURE__ */ new Set()
   } = options || {};
   if (!cssVar)
@@ -25,5 +51,7 @@ const cssVarToValue = (options) => {
   return variableValue;
 };
 export {
-  cssVarToValue
+  cssVarToValue,
+  getDefaultThemeVars,
+  setDefaultThemeVars
 };

package/es/toArray.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface Option {
     keepEmpty?: boolean;
 }

package/es/toArray.js

@@ -1,5 +1,7 @@
-import React from "react";
-import { isFragment } from "react-is";
+import * as React from "react";
+function isReactFragment(child) {
+  return React.isValidElement(child) && child.type === React.Fragment;
+}
 function toArray(children, option = {}) {
   let ret = [];
   React.Children.forEach(children, (child) => {
@@ -8,7 +10,7 @@ function toArray(children, option = {}) {
     }
     if (Array.isArray(child)) {
       ret = ret.concat(toArray(child));
-    } else if (isFragment(child) && child.props) {
+    } else if (isReactFragment(child)) {
       ret = ret.concat(toArray(child.props.children, option));
     } else {
       ret.push(child);

package/es/transitions.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface IEasing {
     easeInOut: string;
     easeIn: string;

package/es/transitions.js

@@ -52,7 +52,7 @@ function formatMs(milliseconds) {
 function createTransitions(inputTransitions = {}) {
   const mergedEasing = __spreadValues(__spreadValues({}, easing), inputTransitions.easing);
   const mergedDuration = __spreadValues(__spreadValues({}, duration), inputTransitions.duration);
-  const create = (props = ["all"], options) => {
+  const create = (props = ["all"], options = {}) => {
     const {
       duration: durationOption = mergedDuration.standard,
       easing: easingOption = mergedEasing.easeInOut,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/utils",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.41",
   "description": "BUI React utilities for building components.",
   "main": "dist/index.js",
   "module": "es/index.js",
@@ -10,20 +10,26 @@
     "dist"
   ],
   "devDependencies": {
+    "@tarojs/runtime": "^3.0.0",
+    "@tarojs/taro": "^3.0.0",
     "esbuild": "^0.19.7",
-    "esbuild-plugin-less": "1.3.10",
-    "fs-extra": "^11.2.0",
-    "glob": "11.0.0"
+    "esbuild-plugin-less": "1.3.38",
+    "fs-extra": "^10.0.0",
+    "glob": "11.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "scheduler": "0.27.0"
   },
   "dependencies": {
-    "react-is": "^18.0.0",
-    "@bifrostui/styles": "2.0.0-alpha.4"
+    "react-is": "^18.0.0 || ^19.0.0",
+    "@bifrostui/styles": "2.0.0-alpha.41"
   },
   "peerDependencies": {
     "@tarojs/runtime": "^3.0.0",
     "@tarojs/taro": "^3.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "scheduler": ">=0.27.0"
   },
   "license": "MIT",
   "publishConfig": {
@@ -32,6 +38,6 @@
   },
   "scripts": {
     "build": "node esbuild.config.js",
-    "test": "echo \"Error: run tests from root\" && exit 1"
+    "test": "cd ../.. && vitest run --project bui-utils"
   }
 }