@bifrostui/utils 1.5.3 → 2.0.0-alpha.1

package/dist/domUtils/addClass.d.ts

@@ -0,0 +1 @@
+export declare const addClass: (element: Element | SVGElement, className: string) => void;

package/dist/domUtils/addClass.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var addClass_exports = {};
+__export(addClass_exports, {
+  addClass: () => addClass
+});
+module.exports = __toCommonJS(addClass_exports);
+const hasClass = (element, className) => {
+  if (element.classList)
+    return !!className && element.classList.contains(className);
+  return ` ${element.className.baseVal || element.className} `.indexOf(
+    ` ${className} `
+  ) !== -1;
+};
+const addClass = (element, className) => {
+  if (element.classList) {
+    element.classList.add(className);
+  } else if (!hasClass(element, className))
+    if (typeof element.className === "string") {
+      element.className = `${element.className} ${className}`;
+    } else {
+      element.setAttribute(
+        "class",
+        `${element.className && element.className.baseVal || ""} ${className}`
+      );
+    }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addClass
+});

package/dist/domUtils/index.d.ts

@@ -1,12 +1,3 @@
-export declare const getClientRect: () => Promise<{
-    width: number;
-    height: number;
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-}>;
-export declare const getScrollRect: () => Promise<{
-    top: number;
-    left: number;
-}>;
+export { getClientRect, getScrollRect } from './rect';
+export { addClass } from './addClass';
+export { removeClass } from './removeClass';

package/dist/domUtils/index.js

@@ -17,30 +17,19 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var domUtils_exports = {};
 __export(domUtils_exports, {
-  getClientRect: () => getClientRect,
-  getScrollRect: () => getScrollRect
+  addClass: () => import_addClass.addClass,
+  getClientRect: () => import_rect.getClientRect,
+  getScrollRect: () => import_rect.getScrollRect,
+  removeClass: () => import_removeClass.removeClass
 });
 module.exports = __toCommonJS(domUtils_exports);
-const getClientRect = () => {
-  const width = window.innerWidth || document.documentElement.clientWidth;
-  const height = window.innerHeight || document.documentElement.clientHeight;
-  return Promise.resolve({
-    width,
-    height,
-    left: 0,
-    top: 0,
-    right: width,
-    bottom: height
-  });
-};
-const getScrollRect = () => {
-  return Promise.resolve({
-    top: window.scrollY >= 0 && window.scrollY || document.documentElement.scrollTop,
-    left: window.scrollX >= 0 && window.scrollX || document.documentElement.scrollLeft
-  });
-};
+var import_rect = require("./rect");
+var import_addClass = require("./addClass");
+var import_removeClass = require("./removeClass");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  addClass,
   getClientRect,
-  getScrollRect
+  getScrollRect,
+  removeClass
 });

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

@@ -1,2 +1,3 @@
-export declare const getClientRect: () => Promise<unknown>;
-export declare const getScrollRect: () => Promise<unknown>;
+export { getClientRect, getScrollRect } from './rect';
+export { addClass } from './addClass';
+export { removeClass } from './removeClass';

package/dist/domUtils/index.miniapp.js

@@ -1,26 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -33,54 +14,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_miniapp_exports = {};
 __export(index_miniapp_exports, {
-  getClientRect: () => getClientRect,
-  getScrollRect: () => getScrollRect
+  addClass: () => import_addClass.addClass,
+  getClientRect: () => import_rect.getClientRect,
+  getScrollRect: () => import_rect.getScrollRect,
+  removeClass: () => import_removeClass.removeClass
 });
 module.exports = __toCommonJS(index_miniapp_exports);
-var import_taro = __toESM(require("@tarojs/taro"));
-const getClientRect = () => {
-  return new Promise((resolve, reject) => {
-    try {
-      const res = import_taro.default.getSystemInfoSync();
-      const width = res.windowWidth;
-      const height = res.windowHeight;
-      const clientInfo = __spreadProps(__spreadValues({}, res), {
-        width,
-        height,
-        left: 0,
-        top: 0,
-        right: width,
-        bottom: height
-      });
-      resolve(clientInfo);
-    } catch (error) {
-      reject(error);
-    }
-  });
-};
-const getScrollRect = () => {
-  return new Promise((resolve) => {
-    import_taro.default.createSelectorQuery().selectViewport().scrollOffset().exec((res) => {
-      resolve({
-        top: res[0].scrollTop,
-        left: res[0].scrollLeft
-      });
-    });
-  });
-};
+var import_rect = require("./rect");
+var import_addClass = require("./addClass");
+var import_removeClass = require("./removeClass");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  addClass,
   getClientRect,
-  getScrollRect
+  getScrollRect,
+  removeClass
 });

package/dist/domUtils/rect.d.ts

@@ -0,0 +1,12 @@
+export declare const getClientRect: () => Promise<{
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}>;
+export declare const getScrollRect: () => Promise<{
+    top: number;
+    left: number;
+}>;

package/dist/domUtils/rect.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rect_exports = {};
+__export(rect_exports, {
+  getClientRect: () => getClientRect,
+  getScrollRect: () => getScrollRect
+});
+module.exports = __toCommonJS(rect_exports);
+const getClientRect = () => {
+  const width = window.innerWidth || document.documentElement.clientWidth;
+  const height = window.innerHeight || document.documentElement.clientHeight;
+  return Promise.resolve({
+    width,
+    height,
+    left: 0,
+    top: 0,
+    right: width,
+    bottom: height
+  });
+};
+const getScrollRect = () => {
+  return Promise.resolve({
+    top: window.scrollY >= 0 && window.scrollY || document.documentElement.scrollTop,
+    left: window.scrollX >= 0 && window.scrollX || document.documentElement.scrollLeft
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getClientRect,
+  getScrollRect
+});

package/dist/domUtils/rect.miniapp.d.ts

@@ -0,0 +1,2 @@
+export declare const getClientRect: () => Promise<unknown>;
+export declare const getScrollRect: () => Promise<unknown>;

package/dist/domUtils/rect.miniapp.js

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rect_miniapp_exports = {};
+__export(rect_miniapp_exports, {
+  getClientRect: () => getClientRect,
+  getScrollRect: () => getScrollRect
+});
+module.exports = __toCommonJS(rect_miniapp_exports);
+var import_taro = __toESM(require("@tarojs/taro"));
+const getClientRect = () => {
+  return new Promise((resolve, reject) => {
+    try {
+      const res = import_taro.default.getSystemInfoSync();
+      const width = res.windowWidth;
+      const height = res.windowHeight;
+      const clientInfo = __spreadProps(__spreadValues({}, res), {
+        width,
+        height,
+        left: 0,
+        top: 0,
+        right: width,
+        bottom: height
+      });
+      resolve(clientInfo);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+const getScrollRect = () => {
+  return new Promise((resolve) => {
+    import_taro.default.createSelectorQuery().selectViewport().scrollOffset().exec((res) => {
+      resolve({
+        top: res[0].scrollTop,
+        left: res[0].scrollLeft
+      });
+    });
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getClientRect,
+  getScrollRect
+});

package/dist/domUtils/removeClass.d.ts

@@ -0,0 +1 @@
+export declare const removeClass: (element: Element | SVGElement, className: string) => void;

package/dist/domUtils/removeClass.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var removeClass_exports = {};
+__export(removeClass_exports, {
+  removeClass: () => removeClass
+});
+module.exports = __toCommonJS(removeClass_exports);
+const replaceClassName = (origClass, classToRemove) => {
+  return origClass.replace(new RegExp(`(^|\\s)${classToRemove}(?:\\s|$)`, "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+};
+const removeClass = (element, className) => {
+  if (element.classList) {
+    element.classList.remove(className);
+  } else if (typeof element.className === "string") {
+    element.className = replaceClassName(
+      element.className,
+      className
+    );
+  } else {
+    element.setAttribute(
+      "class",
+      replaceClassName(
+        element.className && element.className.baseVal || "",
+        className
+      )
+    );
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  removeClass
+});

package/dist/getBoundingClientRect/index.d.ts

@@ -1 +1 @@
-export default function getBoundingClientRect(ele: Element): Promise<DOMRect>;
+export default function getBoundingClientRect(ele: Element | null): Promise<DOMRect>;

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/hooks/useDidMountEffect.d.ts

@@ -1,5 +1,5 @@
 /**
- * skip inital run useEffect
+ * skip initial run useEffect
  */
 declare const useDidMountEffect: (func: any, deps: any) => void;
 export default useDidMountEffect;

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { default as blockTouch } from './touchBlocker';
 export { easing, duration, getTransitionProps, createTransitions, } from './transitions';
 export { default as getRootContainer } from './getRootContainer';
 export { default as getBoundingClientRect } from './getBoundingClientRect';
-export { getScrollRect, getClientRect } from './domUtils';
+export * from './domUtils';
 export * from './isType';
 export * from './render';
+export * from './themeCreator';

package/dist/index.js

@@ -38,10 +38,8 @@ __export(src_exports, {
   emulateTouchMove: () => import_hooks.emulateTouchMove,
   emulateTouchStart: () => import_hooks.emulateTouchStart,
   getBoundingClientRect: () => import_getBoundingClientRect.default,
-  getClientRect: () => import_domUtils.getClientRect,
   getNewDirectionLocation: () => import_directionLocationUtil.getNewDirectionLocation,
   getRootContainer: () => import_getRootContainer.default,
-  getScrollRect: () => import_domUtils.getScrollRect,
   getStylesAndLocation: () => import_directionLocationUtil.getStylesAndLocation,
   getTransitionProps: () => import_transitions.getTransitionProps,
   isAlipay: () => import_isMini.isAlipay,
@@ -80,9 +78,10 @@ var import_touchBlocker = __toESM(require("./touchBlocker"));
 var import_transitions = require("./transitions");
 var import_getRootContainer = __toESM(require("./getRootContainer"));
 var import_getBoundingClientRect = __toESM(require("./getBoundingClientRect"));
-var import_domUtils = require("./domUtils");
+__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);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   blockTouch,
@@ -95,10 +94,8 @@ __reExport(src_exports, require("./render"), module.exports);
   emulateTouchMove,
   emulateTouchStart,
   getBoundingClientRect,
-  getClientRect,
   getNewDirectionLocation,
   getRootContainer,
-  getScrollRect,
   getStylesAndLocation,
   getTransitionProps,
   isAlipay,
@@ -122,6 +119,8 @@ __reExport(src_exports, require("./render"), module.exports);
   useTouchEmulator,
   useUniqueId,
   useValue,
+  ...require("./domUtils"),
   ...require("./isType"),
-  ...require("./render")
+  ...require("./render"),
+  ...require("./themeCreator")
 });

package/dist/render.d.ts

@@ -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): boolean;
-export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export declare function testLegacyUnmount(container: ContainerType, isTest: boolean): any;
+export declare function unmount(container: ContainerType): any;
 export {};

package/dist/themeCreator/createTheme.d.ts

@@ -0,0 +1,10 @@
+import { MountThemeVarsOptions, ThemeCreatorOptions } from './index.types';
+/**
+ * 挂载自定义主题
+ */
+declare const mountThemeVars: (options: MountThemeVarsOptions) => void;
+/**
+ * 创建主题
+ */
+declare const createTheme: (options: ThemeCreatorOptions) => string;
+export { createTheme, mountThemeVars };

package/dist/themeCreator/createTheme.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createTheme_exports = {};
+__export(createTheme_exports, {
+  createTheme: () => createTheme,
+  mountThemeVars: () => mountThemeVars
+});
+module.exports = __toCommonJS(createTheme_exports);
+const convertToCss = (styles) => {
+  let result = "";
+  const cssVarKeys = Object.keys(styles);
+  cssVarKeys.forEach((key, index) => {
+    const value = styles[key];
+    if (value.includes("PX")) {
+      result += "/* prettier-ignore */\n	";
+    }
+    result += `${key}: ${value};
+${index === cssVarKeys.length - 1 ? "" : "	"}`;
+  });
+  return result;
+};
+const mountThemeVars = (options) => {
+  const { theme = "", container } = options || {};
+  const style = document.createElement("style");
+  style.type = "text/css";
+  style.appendChild(document.createTextNode(theme));
+  if (!container) {
+    document.head.appendChild(style);
+    return;
+  }
+  container.appendChild(style);
+};
+const createTheme = (options) => {
+  const {
+    rootSelector = ":root, [data-color-mode='light'][data-theme]",
+    cssVars = {}
+  } = options || {};
+  const rootContent = `${rootSelector} {
+	${convertToCss(cssVars)} }`;
+  return rootContent;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createTheme,
+  mountThemeVars
+});

package/dist/themeCreator/cssVarToValue.d.ts

@@ -0,0 +1,5 @@
+import { CssVarToValueOptions } from './index.types';
+/**
+ * css变量转值
+ */
+export declare const cssVarToValue: (options: CssVarToValueOptions) => string | undefined;

package/dist/themeCreator/cssVarToValue.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cssVarToValue_exports = {};
+__export(cssVarToValue_exports, {
+  cssVarToValue: () => cssVarToValue
+});
+module.exports = __toCommonJS(cssVarToValue_exports);
+var import_registry = require("@bifrostui/styles/registry");
+const cssVarToValue = (options) => {
+  var _a;
+  const {
+    cssVar,
+    themeVars = (_a = import_registry.defaultLight) == null ? void 0 : _a.cssVars,
+    _visitedKeys = /* @__PURE__ */ new Set()
+  } = options || {};
+  if (!cssVar)
+    return "";
+  const variableKey = cssVar.replace(/^var\(/, "").replace(/\)$/, "");
+  const variableValue = themeVars == null ? void 0 : themeVars[variableKey];
+  if (_visitedKeys.has(variableKey)) {
+    console.warn(`\u68C0\u6D4B\u5230CSS\u53D8\u91CF\u5FAA\u73AF\u5F15\u7528: ${variableKey}`);
+    return variableValue;
+  }
+  const nextVisited = new Set(_visitedKeys).add(variableKey);
+  if (variableValue && variableValue.startsWith("var(")) {
+    return cssVarToValue({
+      cssVar: variableValue,
+      themeVars,
+      _visitedKeys: nextVisited
+    });
+  }
+  return variableValue;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cssVarToValue
+});

package/dist/themeCreator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createTheme';
+export * from './cssVarToValue';
+export * from './index.types';

package/dist/themeCreator/index.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeCreator_exports = {};
+module.exports = __toCommonJS(themeCreator_exports);
+__reExport(themeCreator_exports, require("./createTheme"), module.exports);
+__reExport(themeCreator_exports, require("./cssVarToValue"), module.exports);
+__reExport(themeCreator_exports, require("./index.types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./createTheme"),
+  ...require("./cssVarToValue"),
+  ...require("./index.types")
+});

package/dist/themeCreator/index.types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 挂载自定义主题选项
+ */
+export interface MountThemeVarsOptions {
+    theme: string;
+    container?: HTMLElement;
+}
+export interface ThemeCreatorOptions {
+    /**
+     * 主题所挂在的根选择器
+     * @default `:root, [data-color-mode='light'][data-theme]`
+     */
+    rootSelector?: string;
+    /**
+     * 主题全局变量
+     */
+    cssVars: Record<string, string>;
+}
+/**
+ * css变量转值
+ */
+export interface CssVarToValueOptions {
+    /**
+     * 当前主题
+     */
+    cssVar: string;
+    /**
+     * 当前主题模式
+     * @default defaultLight
+     */
+    themeVars?: Record<string, string>;
+    /**
+     * 记录已解析的变量路径
+     * 函数内部使用参数
+     */
+    _visitedKeys?: Set<string>;
+}

package/dist/themeCreator/index.types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_types_exports = {};
+module.exports = __toCommonJS(index_types_exports);

package/es/domUtils/addClass.d.ts

@@ -0,0 +1 @@
+export declare const addClass: (element: Element | SVGElement, className: string) => void;

package/es/domUtils/addClass.js

@@ -0,0 +1,23 @@
+const hasClass = (element, className) => {
+  if (element.classList)
+    return !!className && element.classList.contains(className);
+  return ` ${element.className.baseVal || element.className} `.indexOf(
+    ` ${className} `
+  ) !== -1;
+};
+const addClass = (element, className) => {
+  if (element.classList) {
+    element.classList.add(className);
+  } else if (!hasClass(element, className))
+    if (typeof element.className === "string") {
+      element.className = `${element.className} ${className}`;
+    } else {
+      element.setAttribute(
+        "class",
+        `${element.className && element.className.baseVal || ""} ${className}`
+      );
+    }
+};
+export {
+  addClass
+};

package/es/domUtils/index.d.ts

@@ -1,12 +1,3 @@
-export declare const getClientRect: () => Promise<{
-    width: number;
-    height: number;
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-}>;
-export declare const getScrollRect: () => Promise<{
-    top: number;
-    left: number;
-}>;
+export { getClientRect, getScrollRect } from './rect';
+export { addClass } from './addClass';
+export { removeClass } from './removeClass';

package/es/domUtils/index.js

@@ -1,22 +1,9 @@
-const getClientRect = () => {
-  const width = window.innerWidth || document.documentElement.clientWidth;
-  const height = window.innerHeight || document.documentElement.clientHeight;
-  return Promise.resolve({
-    width,
-    height,
-    left: 0,
-    top: 0,
-    right: width,
-    bottom: height
-  });
-};
-const getScrollRect = () => {
-  return Promise.resolve({
-    top: window.scrollY >= 0 && window.scrollY || document.documentElement.scrollTop,
-    left: window.scrollX >= 0 && window.scrollX || document.documentElement.scrollLeft
-  });
-};
+import { getClientRect, getScrollRect } from "./rect";
+import { addClass } from "./addClass";
+import { removeClass } from "./removeClass";
 export {
+  addClass,
   getClientRect,
-  getScrollRect
+  getScrollRect,
+  removeClass
 };

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

@@ -1,2 +1,3 @@
-export declare const getClientRect: () => Promise<unknown>;
-export declare const getScrollRect: () => Promise<unknown>;
+export { getClientRect, getScrollRect } from './rect';
+export { addClass } from './addClass';
+export { removeClass } from './removeClass';

package/es/domUtils/index.miniapp.js

@@ -1,54 +1,9 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import Taro from "@tarojs/taro";
-const getClientRect = () => {
-  return new Promise((resolve, reject) => {
-    try {
-      const res = Taro.getSystemInfoSync();
-      const width = res.windowWidth;
-      const height = res.windowHeight;
-      const clientInfo = __spreadProps(__spreadValues({}, res), {
-        width,
-        height,
-        left: 0,
-        top: 0,
-        right: width,
-        bottom: height
-      });
-      resolve(clientInfo);
-    } catch (error) {
-      reject(error);
-    }
-  });
-};
-const getScrollRect = () => {
-  return new Promise((resolve) => {
-    Taro.createSelectorQuery().selectViewport().scrollOffset().exec((res) => {
-      resolve({
-        top: res[0].scrollTop,
-        left: res[0].scrollLeft
-      });
-    });
-  });
-};
+import { getClientRect, getScrollRect } from "./rect";
+import { addClass } from "./addClass";
+import { removeClass } from "./removeClass";
 export {
+  addClass,
   getClientRect,
-  getScrollRect
+  getScrollRect,
+  removeClass
 };

package/es/domUtils/rect.d.ts

@@ -0,0 +1,12 @@
+export declare const getClientRect: () => Promise<{
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}>;
+export declare const getScrollRect: () => Promise<{
+    top: number;
+    left: number;
+}>;

package/es/domUtils/rect.js

@@ -0,0 +1,22 @@
+const getClientRect = () => {
+  const width = window.innerWidth || document.documentElement.clientWidth;
+  const height = window.innerHeight || document.documentElement.clientHeight;
+  return Promise.resolve({
+    width,
+    height,
+    left: 0,
+    top: 0,
+    right: width,
+    bottom: height
+  });
+};
+const getScrollRect = () => {
+  return Promise.resolve({
+    top: window.scrollY >= 0 && window.scrollY || document.documentElement.scrollTop,
+    left: window.scrollX >= 0 && window.scrollX || document.documentElement.scrollLeft
+  });
+};
+export {
+  getClientRect,
+  getScrollRect
+};

package/es/domUtils/rect.miniapp.d.ts

@@ -0,0 +1,2 @@
+export declare const getClientRect: () => Promise<unknown>;
+export declare const getScrollRect: () => Promise<unknown>;

package/es/domUtils/rect.miniapp.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import Taro from "@tarojs/taro";
+const getClientRect = () => {
+  return new Promise((resolve, reject) => {
+    try {
+      const res = Taro.getSystemInfoSync();
+      const width = res.windowWidth;
+      const height = res.windowHeight;
+      const clientInfo = __spreadProps(__spreadValues({}, res), {
+        width,
+        height,
+        left: 0,
+        top: 0,
+        right: width,
+        bottom: height
+      });
+      resolve(clientInfo);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+const getScrollRect = () => {
+  return new Promise((resolve) => {
+    Taro.createSelectorQuery().selectViewport().scrollOffset().exec((res) => {
+      resolve({
+        top: res[0].scrollTop,
+        left: res[0].scrollLeft
+      });
+    });
+  });
+};
+export {
+  getClientRect,
+  getScrollRect
+};

package/es/domUtils/removeClass.d.ts

@@ -0,0 +1 @@
+export declare const removeClass: (element: Element | SVGElement, className: string) => void;

package/es/domUtils/removeClass.js

@@ -0,0 +1,24 @@
+const replaceClassName = (origClass, classToRemove) => {
+  return origClass.replace(new RegExp(`(^|\\s)${classToRemove}(?:\\s|$)`, "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+};
+const removeClass = (element, className) => {
+  if (element.classList) {
+    element.classList.remove(className);
+  } else if (typeof element.className === "string") {
+    element.className = replaceClassName(
+      element.className,
+      className
+    );
+  } else {
+    element.setAttribute(
+      "class",
+      replaceClassName(
+        element.className && element.className.baseVal || "",
+        className
+      )
+    );
+  }
+};
+export {
+  removeClass
+};

package/es/getBoundingClientRect/index.d.ts

@@ -1 +1 @@
-export default function getBoundingClientRect(ele: Element): Promise<DOMRect>;
+export default function getBoundingClientRect(ele: Element | null): Promise<DOMRect>;

package/es/getBoundingClientRect/index.js

@@ -1,4 +1,17 @@
 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());
 }
 export {

package/es/hooks/useDidMountEffect.d.ts

@@ -1,5 +1,5 @@
 /**
- * skip inital run useEffect
+ * skip initial run useEffect
  */
 declare const useDidMountEffect: (func: any, deps: any) => void;
 export default useDidMountEffect;

package/es/index.d.ts

@@ -11,6 +11,7 @@ export { default as blockTouch } from './touchBlocker';
 export { easing, duration, getTransitionProps, createTransitions, } from './transitions';
 export { default as getRootContainer } from './getRootContainer';
 export { default as getBoundingClientRect } from './getBoundingClientRect';
-export { getScrollRect, getClientRect } from './domUtils';
+export * from './domUtils';
 export * from './isType';
 export * from './render';
+export * from './themeCreator';

package/es/index.js

@@ -36,9 +36,10 @@ import {
 } from "./transitions";
 import { default as default9 } from "./getRootContainer";
 import { default as default10 } from "./getBoundingClientRect";
-import { getScrollRect, getClientRect } from "./domUtils";
+export * from "./domUtils";
 export * from "./isType";
 export * from "./render";
+export * from "./themeCreator";
 export {
   default8 as blockTouch,
   default3 as convertHexToRGBA,
@@ -50,10 +51,8 @@ export {
   emulateTouchMove,
   emulateTouchStart,
   default10 as getBoundingClientRect,
-  getClientRect,
   getNewDirectionLocation,
   default9 as getRootContainer,
-  getScrollRect,
   getStylesAndLocation,
   getTransitionProps,
   isAlipay,

package/es/render.d.ts

@@ -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): boolean;
-export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export declare function testLegacyUnmount(container: ContainerType, isTest: boolean): any;
+export declare function unmount(container: ContainerType): any;
 export {};

package/es/themeCreator/createTheme.d.ts

@@ -0,0 +1,10 @@
+import { MountThemeVarsOptions, ThemeCreatorOptions } from './index.types';
+/**
+ * 挂载自定义主题
+ */
+declare const mountThemeVars: (options: MountThemeVarsOptions) => void;
+/**
+ * 创建主题
+ */
+declare const createTheme: (options: ThemeCreatorOptions) => string;
+export { createTheme, mountThemeVars };

package/es/themeCreator/createTheme.js

@@ -0,0 +1,37 @@
+const convertToCss = (styles) => {
+  let result = "";
+  const cssVarKeys = Object.keys(styles);
+  cssVarKeys.forEach((key, index) => {
+    const value = styles[key];
+    if (value.includes("PX")) {
+      result += "/* prettier-ignore */\n	";
+    }
+    result += `${key}: ${value};
+${index === cssVarKeys.length - 1 ? "" : "	"}`;
+  });
+  return result;
+};
+const mountThemeVars = (options) => {
+  const { theme = "", container } = options || {};
+  const style = document.createElement("style");
+  style.type = "text/css";
+  style.appendChild(document.createTextNode(theme));
+  if (!container) {
+    document.head.appendChild(style);
+    return;
+  }
+  container.appendChild(style);
+};
+const createTheme = (options) => {
+  const {
+    rootSelector = ":root, [data-color-mode='light'][data-theme]",
+    cssVars = {}
+  } = options || {};
+  const rootContent = `${rootSelector} {
+	${convertToCss(cssVars)} }`;
+  return rootContent;
+};
+export {
+  createTheme,
+  mountThemeVars
+};

package/es/themeCreator/cssVarToValue.d.ts

@@ -0,0 +1,5 @@
+import { CssVarToValueOptions } from './index.types';
+/**
+ * css变量转值
+ */
+export declare const cssVarToValue: (options: CssVarToValueOptions) => string | undefined;

package/es/themeCreator/cssVarToValue.js

@@ -0,0 +1,29 @@
+import { defaultLight } from "@bifrostui/styles/registry";
+const cssVarToValue = (options) => {
+  var _a;
+  const {
+    cssVar,
+    themeVars = (_a = defaultLight) == null ? void 0 : _a.cssVars,
+    _visitedKeys = /* @__PURE__ */ new Set()
+  } = options || {};
+  if (!cssVar)
+    return "";
+  const variableKey = cssVar.replace(/^var\(/, "").replace(/\)$/, "");
+  const variableValue = themeVars == null ? void 0 : themeVars[variableKey];
+  if (_visitedKeys.has(variableKey)) {
+    console.warn(`\u68C0\u6D4B\u5230CSS\u53D8\u91CF\u5FAA\u73AF\u5F15\u7528: ${variableKey}`);
+    return variableValue;
+  }
+  const nextVisited = new Set(_visitedKeys).add(variableKey);
+  if (variableValue && variableValue.startsWith("var(")) {
+    return cssVarToValue({
+      cssVar: variableValue,
+      themeVars,
+      _visitedKeys: nextVisited
+    });
+  }
+  return variableValue;
+};
+export {
+  cssVarToValue
+};

package/es/themeCreator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createTheme';
+export * from './cssVarToValue';
+export * from './index.types';

package/es/themeCreator/index.js

@@ -0,0 +1,3 @@
+export * from "./createTheme";
+export * from "./cssVarToValue";
+export * from "./index.types";

package/es/themeCreator/index.types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 挂载自定义主题选项
+ */
+export interface MountThemeVarsOptions {
+    theme: string;
+    container?: HTMLElement;
+}
+export interface ThemeCreatorOptions {
+    /**
+     * 主题所挂在的根选择器
+     * @default `:root, [data-color-mode='light'][data-theme]`
+     */
+    rootSelector?: string;
+    /**
+     * 主题全局变量
+     */
+    cssVars: Record<string, string>;
+}
+/**
+ * css变量转值
+ */
+export interface CssVarToValueOptions {
+    /**
+     * 当前主题
+     */
+    cssVar: string;
+    /**
+     * 当前主题模式
+     * @default defaultLight
+     */
+    themeVars?: Record<string, string>;
+    /**
+     * 记录已解析的变量路径
+     * 函数内部使用参数
+     */
+    _visitedKeys?: Set<string>;
+}

package/es/themeCreator/index.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/utils",
-  "version": "1.5.3",
+  "version": "2.0.0-alpha.1",
   "description": "BUI React utilities for building components.",
   "main": "dist/index.js",
   "module": "es/index.js",
@@ -16,7 +16,8 @@
     "glob": "11.0.0"
   },
   "dependencies": {
-    "react-is": "^18.0.0"
+    "react-is": "^18.0.0",
+    "@bifrostui/styles": "2.0.0-alpha.1"
   },
   "peerDependencies": {
     "@tarojs/runtime": "^3.0.0",