@bifrostui/react 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/Tabs/miniapp/scroll.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 scroll_exports = {};
+__export(scroll_exports, {
+  calcCenterScroll: () => calcCenterScroll,
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+const scrollLeftTo = ({
+  scrollViewId,
+  scrollLeft,
+  duration = 300
+}) => {
+  return new Promise((resolve) => {
+    if (duration > 0) {
+      setTimeout(resolve, duration);
+    } else {
+      resolve();
+    }
+  });
+};
+const calcCenterScroll = ({
+  containerWidth,
+  targetLeft,
+  targetWidth,
+  currentScrollLeft = 0
+}) => {
+  const targetCenter = targetLeft + targetWidth / 2;
+  const containerCenter = containerWidth / 2;
+  const scrollLeft = targetCenter - containerCenter;
+  return Math.max(0, scrollLeft);
+};
+var scroll_default = scrollLeftTo;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  calcCenterScroll
+});

package/dist/Tabs/miniapp/utils/queryBatch.d.ts

@@ -0,0 +1,68 @@
+import Taro from '@tarojs/taro';
+/**
+ * Fields查询结果（包含scrollWidth）
+ */
+export interface ScrollFieldsResult {
+    scrollWidth?: number;
+    scrollHeight?: number;
+    scrollLeft?: number;
+    scrollTop?: number;
+    [key: string]: any;
+}
+/**
+ * 批量查询结果接口
+ */
+export interface BatchQueryResult {
+    scrollView: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scrollInfo: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    scrollFields: ScrollFieldsResult | null;
+    wrapper: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    indicator: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    tabs: (Taro.NodesRef.BoundingClientRectCallbackResult | null)[];
+}
+/**
+ * 批量查询Tab相关元素
+ * 优化：一次性查询所有需要的DOM信息，减少查询次数
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @param wrapperId - Wrapper容器的ID
+ * @param tabValues - 需要查询的Tab值数组
+ * @returns Promise<BatchQueryResult>
+ */
+export declare const batchQueryTabs: (params: {
+    scrollViewId: string;
+    wrapperId: string;
+    tabValues: string[];
+}) => Promise<BatchQueryResult>;
+/**
+ * 简化版批量查询（用于Tabs组件的居中滚动）
+ * 只查询必要的元素：ScrollView、Wrapper、当前Tab
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @param wrapperId - Wrapper容器的ID
+ * @param currentTabValue - 当前Tab的值
+ * @returns Promise
+ */
+export declare const batchQueryForScroll: (params: {
+    scrollViewId: string;
+    wrapperId: string;
+    currentTabValue: string;
+}) => Promise<{
+    scrollView: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scrollInfo: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    scrollFields: ScrollFieldsResult | null;
+    wrapper: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    currentTab: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+}>;
+/**
+ * 简化版批量查询（用于初始化容器尺寸）
+ * 只查询ScrollView的尺寸和滚动信息
+ *
+ * @param scrollViewId - ScrollView的ID
+ * @returns Promise
+ */
+export declare const batchQueryContainerSize: (scrollViewId: string) => Promise<{
+    rect: Taro.NodesRef.BoundingClientRectCallbackResult | null;
+    scroll: Taro.NodesRef.ScrollOffsetCallbackResult | null;
+    fields: ScrollFieldsResult | null;
+}>;

package/dist/Tabs/miniapp/utils/queryBatch.js

@@ -0,0 +1,100 @@
+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 queryBatch_exports = {};
+__export(queryBatch_exports, {
+  batchQueryContainerSize: () => batchQueryContainerSize,
+  batchQueryForScroll: () => batchQueryForScroll,
+  batchQueryTabs: () => batchQueryTabs
+});
+module.exports = __toCommonJS(queryBatch_exports);
+var import_taro = __toESM(require("@tarojs/taro"));
+const batchQueryTabs = (params) => {
+  const { scrollViewId, wrapperId, tabValues } = params;
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.select(`#${wrapperId}`).boundingClientRect();
+    query.select(`#${wrapperId}-indicator`).boundingClientRect();
+    tabValues.forEach((value) => {
+      query.select(`#${wrapperId}-tab-${value}`).boundingClientRect();
+    });
+    query.exec((res) => {
+      resolve({
+        scrollView: res[0] || null,
+        scrollInfo: res[1] || null,
+        scrollFields: res[2] || null,
+        wrapper: res[3] || null,
+        indicator: res[4] || null,
+        tabs: res.slice(5)
+      });
+    });
+  });
+};
+const batchQueryForScroll = (params) => {
+  const { scrollViewId, wrapperId, currentTabValue } = params;
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.select(`#${wrapperId}`).boundingClientRect();
+    query.select(`#${wrapperId}-tab-${currentTabValue}`).boundingClientRect();
+    query.exec((res) => {
+      resolve({
+        scrollView: res[0] || null,
+        scrollInfo: res[1] || null,
+        scrollFields: res[2] || null,
+        wrapper: res[3] || null,
+        currentTab: res[4] || null
+      });
+    });
+  });
+};
+const batchQueryContainerSize = (scrollViewId) => {
+  return new Promise((resolve) => {
+    const query = import_taro.default.createSelectorQuery();
+    query.select(`#${scrollViewId}`).boundingClientRect();
+    query.select(`#${scrollViewId}`).scrollOffset();
+    query.select(`#${scrollViewId}`).fields({ scrollOffset: true, size: true }, null);
+    query.exec((res) => {
+      resolve({
+        rect: res[0] || null,
+        scroll: res[1] || null,
+        fields: res[2] || null
+      });
+    });
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  batchQueryContainerSize,
+  batchQueryForScroll,
+  batchQueryTabs
+});

package/dist/Tabs/utils/scroll.js

@@ -20,9 +20,9 @@ __export(scroll_exports, {
   default: () => scroll_default
 });
 module.exports = __toCommonJS(scroll_exports);
-const root = window || global;
-let rafId;
+const root = typeof window !== "undefined" ? window : global;
 let prev = Date.now();
+const rafIdMap = /* @__PURE__ */ new WeakMap();
 const rafPolyfill = (fn) => {
   const curr = Date.now();
   const ms = Math.max(0, 16 - (curr - prev));
@@ -39,7 +39,10 @@ const raf = (fn) => {
   return requestAnimationFrame.call(root, fn);
 };
 const scrollLeftTo = (scroller, to, duration) => {
-  cancelRaf(rafId);
+  const existingRafId = rafIdMap.get(scroller);
+  if (existingRafId !== void 0) {
+    cancelRaf(existingRafId);
+  }
   let count = 0;
   const from = scroller.scrollLeft;
   const frames = duration === 0 ? 1 : Math.round(duration / 16);
@@ -47,7 +50,10 @@ const scrollLeftTo = (scroller, to, duration) => {
     scroller.scrollLeft += (to - from) / frames;
     count += 1;
     if (count < frames) {
-      rafId = raf(animate);
+      const newRafId = raf(animate);
+      rafIdMap.set(scroller, newRafId);
+    } else {
+      rafIdMap.delete(scroller);
     }
   }
   animate();

package/dist/Tag/Tag.css

@@ -13,7 +13,6 @@ xhs-page {
   position: relative;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
   white-space: nowrap;
   height: var(--bui-tag-height);
   line-height: var(--bui-tag-line-height);
@@ -50,6 +49,10 @@ xhs-page {
   color: var(--bui-color-danger);
   border: 1px solid var(--bui-color-border-danger);
 }
+.bui-tag-outlined.bui-tag-purple {
+  color: var(--bui-color-purple);
+  border: 1px solid var(--bui-color-border-purple);
+}
 .bui-tag-outlined.bui-tag-light {
   color: var(--bui-color-bg-view);
   border: 1px solid var(--bui-color-bg-view);
@@ -80,6 +83,9 @@ xhs-page {
 .bui-tag-contained.bui-tag-danger {
   background-color: var(--bui-color-danger);
 }
+.bui-tag-contained.bui-tag-purple {
+  background-color: var(--bui-color-purple);
+}
 .bui-tag-contained.bui-tag-light {
   color: var(--bui-color-fg-default);
   background-color: var(--bui-color-bg-view);
@@ -115,6 +121,10 @@ xhs-page {
   background-color: var(--bui-color-danger-light);
   color: var(--bui-color-danger);
 }
+.bui-tag-subtle.bui-tag-purple {
+  background-color: var(--bui-color-purple-light);
+  color: var(--bui-color-purple);
+}
 .bui-tag-subtle.bui-tag-light {
   color: var(--bui-color-bg-view);
 }

package/dist/Tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TagProps } from './Tag.types';
 import './Tag.less';
 declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Tag/Tag.js

@@ -58,7 +58,7 @@ __export(Tag_exports, {
 module.exports = __toCommonJS(Tag_exports);
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Tag2 = require("./Tag.css");
 const colorHandler = (color, opacity = 1) => {
   if (color.includes("rgba")) {
@@ -66,14 +66,14 @@ const colorHandler = (color, opacity = 1) => {
     return `${color.slice(0, lastCommaIndex)}, ${opacity})`;
   }
   if (color.includes("rgb")) {
-    color = color.replace("rgb", "rgba");
-    const len = color.length;
-    return `${color.slice(0, len - 1)}, ${opacity})`;
+    const rgbaColor = color.replace("rgb", "rgba");
+    const len = rgbaColor.length;
+    return `${rgbaColor.slice(0, len - 1)}, ${opacity})`;
   }
   return (0, import_utils.convertHexToRGBA)(color, opacity);
 };
 const prefixCls = "bui-tag";
-const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+const Tag = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
     className,
     style,
@@ -109,7 +109,7 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(

package/dist/Tag/Tag.types.d.ts

@@ -1,12 +1,12 @@
 import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
         /**
          * 预定义色彩
          * @default 'neutral'
          */
-        color?: ThemeColor | 'vip';
+        color?: ThemeColor | 'purple' | 'vip';
         /**
          * 自定义色彩
          */

package/dist/Tag/TagGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TagGroupProps } from './TagGroup.types';
 import './TagGroup.less';
 declare const TagGroup: React.ForwardRefExoticComponent<Omit<TagGroupProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Tag/TagGroup.js

@@ -57,13 +57,13 @@ __export(TagGroup_exports, {
 });
 module.exports = __toCommonJS(TagGroup_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TagGroup2 = require("./TagGroup.css");
 const prefixCls = "bui-tag-group";
-const TagGroup = /* @__PURE__ */ import_react.default.forwardRef(
+const TagGroup = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, onClick, children } = _a, others = __objRest(_a, ["className", "onClick", "children"]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       __spreadValues({
         ref,

package/dist/Tag/TagGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type TagGroupProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P;
     defaultComponent: D;

package/dist/Tag/__tests__/fixtures/A11yDemos.js

@@ -59,7 +59,7 @@ const basicTagDemo = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "primary" }, "\u4E3B\u8981\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "success" }, "\u6210\u529F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "warning" }, "\u8B66\u544A\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "danger" }, "\u5371\u9669\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "info" }, "\u4FE1\u606F\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { color: "neutral" }, "\u4E2D\u6027\u6807\u7B7E"));
 };
 const variantTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "filled", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "contained", color: "primary" }, "\u586B\u5145\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "outlined", color: "success" }, "\u8FB9\u6846\u6807\u7B7E"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { variant: "subtle", color: "warning" }, "\u8F7B\u91CF\u6807\u7B7E"));
 };
 const ClickableTagDemo = () => {
   const [clicked, setClicked] = (0, import_react.useState)([]);
@@ -105,7 +105,7 @@ const ClickableTagDemo = () => {
   ), clicked.length > 0 && /* @__PURE__ */ import_react.default.createElement("p", null, "\u5DF2\u70B9\u51FB\u7684\u6807\u7B7E: ", clicked.join(", ")));
 };
 const customColorTagDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#ff6b6b", variant: "filled" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "filled" }, "RGB \u9EC4\u8272"));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#ff6b6b", variant: "contained" }, "\u81EA\u5B9A\u4E49\u7EA2\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#4ecdc4", variant: "outlined" }, "\u81EA\u5B9A\u4E49\u9752\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "#45b7d1", variant: "subtle" }, "\u81EA\u5B9A\u4E49\u84DD\u8272"), /* @__PURE__ */ import_react.default.createElement(import_Tag.default, { htmlColor: "rgb(255, 193, 7)", variant: "contained" }, "RGB \u9EC4\u8272"));
 };
 const ariaLabelTagDemo = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
@@ -151,7 +151,7 @@ const ComplexTagListDemo = () => {
     {
       key: tag.id,
       color: tag.color,
-      variant: tag.active ? "filled" : "outlined",
+      variant: tag.active ? "contained" : "outlined",
       onClick: () => toggleTag(tag.id),
       "aria-label": `${tag.active ? "\u53D6\u6D88\u9009\u62E9" : "\u9009\u62E9"} ${tag.name} \u6280\u672F\u6807\u7B7E`,
       style: {

package/dist/Tag/index.css

@@ -13,7 +13,6 @@ xhs-page {
   position: relative;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
   white-space: nowrap;
   height: var(--bui-tag-height);
   line-height: var(--bui-tag-line-height);
@@ -50,6 +49,10 @@ xhs-page {
   color: var(--bui-color-danger);
   border: 1px solid var(--bui-color-border-danger);
 }
+.bui-tag-outlined.bui-tag-purple {
+  color: var(--bui-color-purple);
+  border: 1px solid var(--bui-color-border-purple);
+}
 .bui-tag-outlined.bui-tag-light {
   color: var(--bui-color-bg-view);
   border: 1px solid var(--bui-color-bg-view);
@@ -80,6 +83,9 @@ xhs-page {
 .bui-tag-contained.bui-tag-danger {
   background-color: var(--bui-color-danger);
 }
+.bui-tag-contained.bui-tag-purple {
+  background-color: var(--bui-color-purple);
+}
 .bui-tag-contained.bui-tag-light {
   color: var(--bui-color-fg-default);
   background-color: var(--bui-color-bg-view);
@@ -115,6 +121,10 @@ xhs-page {
   background-color: var(--bui-color-danger-light);
   color: var(--bui-color-danger);
 }
+.bui-tag-subtle.bui-tag-purple {
+  background-color: var(--bui-color-purple-light);
+  color: var(--bui-color-purple);
+}
 .bui-tag-subtle.bui-tag-light {
   color: var(--bui-color-bg-view);
 }

package/dist/TextArea/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * 自定义 TextArea 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试

package/dist/TextArea/__tests__/fixtures/A11yDemos.js

@@ -35,16 +35,16 @@ __export(A11yDemos_exports, {
   showCountTextAreaDemo: () => showCountTextAreaDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_TextArea = __toESM(require("../../TextArea"));
 const basicTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }));
 };
 const ariaLabelTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", "aria-label": "\u7528\u6237\u8BC4\u8BBA\u8F93\u5165\u6846" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", "aria-label": "\u7528\u6237\u8BC4\u8BBA\u8F93\u5165\u6846" }));
 };
 const requiredAndReadonlyTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, { placeholder: "\u5FC5\u586B\u9879", "aria-required": true }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_TextArea.default, { placeholder: "\u5FC5\u586B\u9879", "aria-required": true }), /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u53EA\u8BFB\u9879",
@@ -54,7 +54,7 @@ const requiredAndReadonlyTextAreaDemo = () => {
   ));
 };
 const showCountTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u6700\u591A\u8F93\u516550\u4E2A\u5B57",
@@ -65,7 +65,7 @@ const showCountTextAreaDemo = () => {
   ));
 };
 const autoFocusTextAreaDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_TextArea.default,
     {
       placeholder: "\u81EA\u52A8\u805A\u7126",

package/dist/ThemeProvider/hooks/ThemeContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ThemeProps } from '../ThemeProvider.types';
 declare const ThemeContext: React.Context<ThemeProps>;
 export default ThemeContext;

package/dist/ThemeProvider/hooks/ThemeContext.js

@@ -30,6 +30,6 @@ __export(ThemeContext_exports, {
   default: () => ThemeContext_default
 });
 module.exports = __toCommonJS(ThemeContext_exports);
-var import_react = __toESM(require("react"));
-const ThemeContext = import_react.default.createContext(null);
+var React = __toESM(require("react"));
+const ThemeContext = React.createContext(null);
 var ThemeContext_default = ThemeContext;

package/dist/ThemeProvider/hooks/useTheme.js

@@ -30,10 +30,10 @@ __export(useTheme_exports, {
   default: () => useTheme
 });
 module.exports = __toCommonJS(useTheme_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_createTheme = __toESM(require("./createTheme"));
 var import_ThemeContext = __toESM(require("./ThemeContext"));
 function useTheme(defaultTheme = (0, import_createTheme.default)(null)) {
-  const contextTheme = import_react.default.useContext(import_ThemeContext.default);
+  const contextTheme = React.useContext(import_ThemeContext.default);
   return !contextTheme || Object.keys(contextTheme).length === 0 ? defaultTheme : contextTheme;
 }

package/dist/ThemeProvider/utils/mountTokens.js

@@ -32,7 +32,7 @@ __export(mountTokens_exports, {
   overrideBuiltInThemes: () => overrideBuiltInThemes
 });
 module.exports = __toCommonJS(mountTokens_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_constants = require("./constants");
 const updateTokens = (options) => {
@@ -45,7 +45,7 @@ const updateTokens = (options) => {
   let containerNode;
   if (isRoot) {
     containerNode = document.head;
-  } else if (containerId && container && import_react.default.isValidElement(container)) {
+  } else if (containerId && container && React.isValidElement(container)) {
     containerNode = document.querySelector(`.${containerId}`);
   }
   if (containerNode) {

package/dist/Toast/FunctionalToast.js

@@ -86,8 +86,7 @@ const Toast = (props) => {
   };
   const _a = options, { container } = _a, restOptions = __objRest(_a, ["container"]);
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootContainer)(container);
-  rootElement.appendChild(rootWrapper);
+  document.body.appendChild(rootWrapper);
   const ToastComponent = () => {
     const _a2 = restOptions, { duration, multiple, onClose, onExited } = _a2, others = __objRest(_a2, ["duration", "multiple", "onClose", "onExited"]);
     const [open, setOpen] = (0, import_react.useState)(true);
@@ -125,7 +124,7 @@ const Toast = (props) => {
       }
     };
     instance.close = close;
-    return /* @__PURE__ */ import_react.default.createElement(import_Toast.default, __spreadProps(__spreadValues({}, others), { open, onExited: onProxyExited }));
+    return /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { container }, /* @__PURE__ */ import_react.default.createElement(import_Toast.default, __spreadProps(__spreadValues({}, others), { open, onExited: onProxyExited })));
   };
   (0, import_utils.render)(/* @__PURE__ */ import_react.default.createElement(ToastComponent, null), rootWrapper);
   return instance;
@@ -164,7 +163,6 @@ const UseToastComponent = (props) => {
   ]);
   const options = __spreadValues(__spreadValues({}, defaultProps), formatProps(restProps));
   const _b = options, { duration, multiple, onClose, container } = _b, others = __objRest(_b, ["duration", "multiple", "onClose", "container"]);
-  const rootElement = (0, import_utils.getRootContainer)(container);
   const timerRef = (0, import_react.useRef)(null);
   const close = () => {
     onSetOpenFalse == null ? void 0 : onSetOpenFalse();
@@ -192,7 +190,7 @@ const UseToastComponent = (props) => {
     onEnd == null ? void 0 : onEnd();
     onExited == null ? void 0 : onExited();
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { container: rootElement }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { container }, /* @__PURE__ */ import_react.default.createElement(
     import_Toast.default,
     __spreadProps(__spreadValues({}, others), {
       open,

package/dist/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ToastProps } from './Toast.types';
 import './index.less';
 declare const ToastComponent: React.ForwardRefExoticComponent<Omit<Omit<Omit<ToastProps, "onClose">, "container">, "ref"> & React.RefAttributes<HTMLDivElement>>;