@bifrostui/utils 1.2.9-beta.0 → 1.3.0

package/dist/getRootElement/index.d.ts

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

package/dist/getRootElement/index.js

@@ -0,0 +1,28 @@
+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 getRootElement_exports = {};
+__export(getRootElement_exports, {
+  default: () => getRootElement_default
+});
+module.exports = __toCommonJS(getRootElement_exports);
+const getRootElement = (rootEle) => {
+  const rootElement = typeof rootEle === "function" ? rootEle() : rootEle;
+  const defaultRootElement = document.body;
+  return rootElement || defaultRootElement;
+};
+var getRootElement_default = getRootElement;

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

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

package/dist/getRootElement/index.miniapp.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __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, {
+  default: () => index_miniapp_default
+});
+module.exports = __toCommonJS(index_miniapp_exports);
+var import_taro = __toESM(require("@tarojs/taro"));
+const getRootElement = (rootEle) => {
+  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;
+};
+var index_miniapp_default = getRootElement;

package/dist/index.d.ts

@@ -8,5 +8,7 @@ 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 getBoundingClientRect } from './getBoundingClientRect';
 export * from './isType';
+export * from './render';

package/dist/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   duration: () => import_transitions.duration,
   easing: () => import_transitions.easing,
   getBoundingClientRect: () => import_getBoundingClientRect.default,
+  getRootElement: () => import_getRootElement.default,
   getTransitionProps: () => import_transitions.getTransitionProps,
   isAlipay: () => import_isMini.isAlipay,
   isDev: () => import_isDev.default,
@@ -65,8 +66,10 @@ 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_getBoundingClientRect = __toESM(require("./getBoundingClientRect"));
 __reExport(src_exports, require("./isType"), module.exports);
+__reExport(src_exports, require("./render"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   blockTouch,
@@ -76,6 +79,7 @@ __reExport(src_exports, require("./isType"), module.exports);
   duration,
   easing,
   getBoundingClientRect,
+  getRootElement,
   getTransitionProps,
   isAlipay,
   isDev,
@@ -94,5 +98,6 @@ __reExport(src_exports, require("./isType"), module.exports);
   useTouch,
   useTouchEmulator,
   useValue,
-  ...require("./isType")
+  ...require("./isType"),
+  ...require("./render")
 });

package/dist/render.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__bifrostui_react_root__";
+type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+/** @private Test usage. Not work in prod */
+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 {};

package/dist/render.js

@@ -0,0 +1,138 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 __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 render_exports = {};
+__export(render_exports, {
+  render: () => render,
+  testLegacyUnmount: () => testLegacyUnmount,
+  testModernRender: () => testModernRender,
+  unmount: () => unmount
+});
+module.exports = __toCommonJS(render_exports);
+var ReactDOM = __toESM(require("react-dom"));
+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;
+  }
+} catch (e) {
+}
+function toggleWarning(skip) {
+  const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+function testModernRender(node, container, isTest) {
+  if (process.env.NODE_ENV !== "production" && isTest) {
+    return legacyRender(node, container);
+  }
+}
+function modernRender(node, container) {
+  toggleWarning(true);
+  const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+function render(node, container) {
+  if (createRoot) {
+    modernRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+function testLegacyUnmount(container, isTest) {
+  if (process.env.NODE_ENV !== "production" && isTest) {
+    return legacyUnmount(container);
+  }
+}
+function modernUnmount(container) {
+  return __async(this, null, function* () {
+    return Promise.resolve().then(() => {
+      var _a;
+      (_a = container[MARK]) == null ? void 0 : _a.unmount();
+      delete container[MARK];
+    });
+  });
+}
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function unmount(container) {
+  if (createRoot) {
+    return modernUnmount(container);
+  }
+  return legacyUnmount(container);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render,
+  testLegacyUnmount,
+  testModernRender,
+  unmount
+});

package/es/getRootElement/index.d.ts

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

package/es/getRootElement/index.js

@@ -0,0 +1,9 @@
+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

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

package/es/getRootElement/index.miniapp.js

@@ -0,0 +1,13 @@
+import Taro from "@tarojs/taro";
+const getRootElement = (rootEle) => {
+  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;
+};
+var index_miniapp_default = getRootElement;
+export {
+  index_miniapp_default as default
+};

package/es/index.d.ts

@@ -8,5 +8,7 @@ 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 getBoundingClientRect } from './getBoundingClientRect';
 export * from './isType';
+export * from './render';

package/es/index.js

@@ -23,8 +23,10 @@ import {
   getTransitionProps,
   createTransitions
 } from "./transitions";
-import { default as default9 } from "./getBoundingClientRect";
+import { default as default9 } from "./getRootElement";
+import { default as default10 } from "./getBoundingClientRect";
 export * from "./isType";
+export * from "./render";
 export {
   default8 as blockTouch,
   default3 as convertHexToRGBA,
@@ -32,7 +34,8 @@ export {
   default2 as debounce,
   duration,
   easing,
-  default9 as getBoundingClientRect,
+  default10 as getBoundingClientRect,
+  default9 as getRootElement,
   getTransitionProps,
   isAlipay,
   default4 as isDev,

package/es/render.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__bifrostui_react_root__";
+type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+/** @private Test usage. Not work in prod */
+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 {};

package/es/render.js

@@ -0,0 +1,104 @@
+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;
+};
+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());
+  });
+};
+import * as ReactDOM from "react-dom";
+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;
+  }
+} catch (e) {
+}
+function toggleWarning(skip) {
+  const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+function testModernRender(node, container, isTest) {
+  if (process.env.NODE_ENV !== "production" && isTest) {
+    return legacyRender(node, container);
+  }
+}
+function modernRender(node, container) {
+  toggleWarning(true);
+  const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+function render(node, container) {
+  if (createRoot) {
+    modernRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+function testLegacyUnmount(container, isTest) {
+  if (process.env.NODE_ENV !== "production" && isTest) {
+    return legacyUnmount(container);
+  }
+}
+function modernUnmount(container) {
+  return __async(this, null, function* () {
+    return Promise.resolve().then(() => {
+      var _a;
+      (_a = container[MARK]) == null ? void 0 : _a.unmount();
+      delete container[MARK];
+    });
+  });
+}
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function unmount(container) {
+  if (createRoot) {
+    return modernUnmount(container);
+  }
+  return legacyUnmount(container);
+}
+export {
+  render,
+  testLegacyUnmount,
+  testModernRender,
+  unmount
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/utils",
-  "version": "1.2.9-beta.0",
+  "version": "1.3.0",
   "description": "BUI React utilities for building components.",
   "main": "dist/index.js",
   "module": "es/index.js",
@@ -21,7 +21,8 @@
   "peerDependencies": {
     "@tarojs/runtime": "^3.0.0",
     "@tarojs/taro": "^3.0.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "license": "MIT",
   "publishConfig": {