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

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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import TextArea from "../../TextArea";
 const basicTextAreaDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TextArea, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }));

package/es/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/es/ThemeProvider/hooks/ThemeContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 const ThemeContext = React.createContext(null);
 var ThemeContext_default = ThemeContext;
 export {

package/es/ThemeProvider/hooks/useTheme.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import createTheme from "./createTheme";
 import ThemeContext from "./ThemeContext";
 function useTheme(defaultTheme = createTheme(null)) {

package/es/ThemeProvider/utils/mountTokens.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { isMini } from "@bifrostui/utils";
 import { breakpoints as defaultBreakpoints, rootSelector } from "./constants";
 const updateTokens = (options) => {

package/es/Toast/FunctionalToast.js

@@ -35,7 +35,7 @@ import React, {
   useState,
   useRef
 } from "react";
-import { render, unmount, getRootContainer } from "@bifrostui/utils";
+import { render, unmount } from "@bifrostui/utils";
 import Portal from "../Portal";
 import ToastView from "./Toast";
 const defaultProps = {
@@ -61,8 +61,7 @@ const Toast = (props) => {
   };
   const _a = options, { container } = _a, restOptions = __objRest(_a, ["container"]);
   const rootWrapper = document.createElement("div");
-  const rootElement = 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] = useState(true);
@@ -100,7 +99,7 @@ const Toast = (props) => {
       }
     };
     instance.close = close;
-    return /* @__PURE__ */ React.createElement(ToastView, __spreadProps(__spreadValues({}, others), { open, onExited: onProxyExited }));
+    return /* @__PURE__ */ React.createElement(Portal, { container }, /* @__PURE__ */ React.createElement(ToastView, __spreadProps(__spreadValues({}, others), { open, onExited: onProxyExited })));
   };
   render(/* @__PURE__ */ React.createElement(ToastComponent, null), rootWrapper);
   return instance;
@@ -139,7 +138,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 = getRootContainer(container);
   const timerRef = useRef(null);
   const close = () => {
     onSetOpenFalse == null ? void 0 : onSetOpenFalse();
@@ -167,7 +165,7 @@ const UseToastComponent = (props) => {
     onEnd == null ? void 0 : onEnd();
     onExited == null ? void 0 : onExited();
   };
-  return /* @__PURE__ */ React.createElement(Portal, { container: rootElement }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Portal, { container }, /* @__PURE__ */ React.createElement(
     ToastView,
     __spreadProps(__spreadValues({}, others), {
       open,

package/es/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>>;

package/es/Toast/Toast.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React from "react";
+import * as React from "react";
 import clsx from "clsx";
 import {
   ErrorCircleFilledBoldIcon,

package/es/Toast/Toast.types.d.ts

@@ -46,7 +46,7 @@ export interface ToastProps extends FadeProps {
      * 渲染Toast的根容器
      * @default document.body
      */
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement) | null;
     /**
      * 关闭时的回调函数
      */

package/es/Toast/__tests__/fixtures/A11yDemos.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import * as React from 'react';
 export declare const ToastDemo: () => React.JSX.Element;

package/es/Toast/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Button } from "../../../Button";
 import Toast from "../../FunctionalToast";
 const ToastDemo = () => {

package/es/Toast/index.css

@@ -15,10 +15,13 @@ xhs-page {
 }
 .bui-toast {
   position: fixed;
-  left: 50%;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
   z-index: var(--bui-z-index-toast);
   min-width: var(--bui-toast-min-width);
   max-width: var(--bui-toast-max-width);
+  width: fit-content;
   padding: var(--bui-toast-padding);
   font-size: var(--bui-text-size-1);
   color: var(--bui-color-white);
@@ -31,20 +34,19 @@ xhs-page {
 }
 .bui-toast.bui-toast-allow-click {
   position: fixed;
-  right: unset;
   bottom: unset;
 }
 .bui-toast-center {
   top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translateY(-50%);
 }
 .bui-toast-top {
   top: var(--bui-toast-position-top);
-  transform: translate(-50%, calc(-1 * var(--bui-toast-position-top)));
+  transform: translateY(calc(-1 * var(--bui-toast-position-top)));
 }
 .bui-toast-bottom {
   top: var(--bui-toast-position-bottom);
-  transform: translate(-50%, calc(-1 * var(--bui-toast-position-bottom)));
+  transform: translateY(calc(-1 * var(--bui-toast-position-bottom)));
 }
 .bui-toast-icon {
   display: flex;

package/es/Tooltip/Tooltip.d.ts

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

package/es/Tooltip/Tooltip.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import clsx from "clsx";
-import React from "react";
+import * as React from "react";
 import Portal from "../Portal";
 import { useTooltip } from "./useTooltip";
 import "./index.css";

package/es/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 /**
  * 触发 Tooltip 显示的事件类型

package/es/Tooltip/__tests__/fixtures/A11yDemos.d.ts

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

package/es/Tooltip/__tests__/fixtures/A11yDemos.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Tooltip from "../../Tooltip";
 const basicTooltipDemo = () => {
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Tooltip, { title: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684\u63D0\u793A\u6587\u672C" }, /* @__PURE__ */ React.createElement("button", { type: "button" }, "\u57FA\u7840Tooltip")));

package/es/Transition/Transition.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from './Transition.types';
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
 export default Transition;

package/es/Transition/Transition.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React from "react";
+import * as React from "react";
 import TransitionCore from "./TransitionCore";
 const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {

package/es/Transition/Transition.miniapp.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TransitionProps } from './Transition.types';
 export declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
 export default Transition;

package/es/Transition/Transition.miniapp.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import Taro from "@tarojs/taro";
-import React from "react";
+import * as React from "react";
 import TransitionCore from "./TransitionCore";
 const Transition = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {

package/es/Transition/TransitionCore.js

@@ -110,6 +110,7 @@ const TransitionCore = forwardRef(
       timeout.appear += delay.appear || 0;
     const nextCallback = useRef(null);
     const appearStatus = useRef(inProp && appear ? ENTERING : null);
+    const isMountedRef = useRef(true);
     const cancelNextCallback = () => {
       var _a2;
       if (nextCallback.current !== null) {
@@ -121,7 +122,7 @@ const TransitionCore = forwardRef(
     const setNextCallback = (callback) => {
       let active = true;
       nextCallback.current = (event) => {
-        if (active) {
+        if (active && isMountedRef.current) {
           active = false;
           nextCallback.current = null;
           callback(event);
@@ -139,11 +140,15 @@ const TransitionCore = forwardRef(
       }
     };
     const safeSetState = (nextState, callback) => {
+      if (!isMountedRef.current)
+        return;
       setStatus(nextState);
       setNextCallback(callback);
       nextTick(() => {
         var _a2;
-        (_a2 = nextCallback == null ? void 0 : nextCallback.current) == null ? void 0 : _a2.call(nextCallback);
+        if (isMountedRef.current) {
+          (_a2 = nextCallback == null ? void 0 : nextCallback.current) == null ? void 0 : _a2.call(nextCallback);
+        }
       });
     };
     const performEnter = (mounting) => __async(void 0, null, function* () {
@@ -201,6 +206,7 @@ const TransitionCore = forwardRef(
     useEffect(() => {
       nextTick(() => updateStatus(appearStatus.current, true));
       return () => {
+        isMountedRef.current = false;
         cancelNextCallback();
       };
     }, []);

package/es/_.._/benchmarks/components/Button.js

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Button } from "../../src/Button";
 const ButtonView = () => {
   return /* @__PURE__ */ React.createElement(Button, { color: "primary", variant: "contained" }, "Text");

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.30",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "es/index.js",
   "typings": "es/index.d.ts",
   "directories": {
     "test": "__tests__"
   },
   "exports": {
     ".": {
-      "import": "./src/index.ts",
-      "module": "./src/index.ts",
-      "require": "./src/index.ts"
+      "import": "./es/index.js",
+      "module": "./es/index.js",
+      "require": "./dist/index.js"
     },
     "./css/*": "./es/*/index.css"
   },
@@ -25,23 +25,9 @@
     "README.md"
   ],
   "publishConfig": {
-    "main": "dist/index.js",
-    "module": "es/index.js",
-    "exports": {
-      ".": {
-        "import": "./es/index.js",
-        "module": "./es/index.js",
-        "require": "./dist/index.js"
-      },
-      "./css/*": "./es/*/index.css"
-    },
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "scripts": {
-    "build": "node esbuild.config.js",
-    "build:benchmark": "rspack build"
-  },
   "sideEffects": [
     "*.css",
     "*.less"
@@ -54,13 +40,13 @@
     "glob": "11.0.0"
   },
   "dependencies": {
-    "@bifrostui/icons": "workspace:*",
-    "@bifrostui/styles": "workspace:*",
-    "@bifrostui/types": "workspace:*",
-    "@bifrostui/utils": "workspace:*",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
-    "swiper": "^8.1.5"
+    "swiper": "^8.1.5",
+    "@bifrostui/types": "2.0.0-alpha.30",
+    "@bifrostui/styles": "2.0.0-alpha.30",
+    "@bifrostui/utils": "2.0.0-alpha.30",
+    "@bifrostui/icons": "2.0.0-alpha.30"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",
@@ -68,5 +54,10 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "scripts": {
+    "build": "node esbuild.config.js",
+    "build:benchmark": "rspack build",
+    "test": "cd ../.. && vitest run --project bui-core"
   }
-}
+}

package/src/index.ts

@@ -1,58 +0,0 @@
-export * from './ActionSheet';
-export * from './Alert';
-export * from './Avatar';
-export * from './Backdrop';
-export * from './Badge';
-export * from './Button';
-export * from './Calendar';
-export * from './Card';
-export * from './Checkbox';
-export * from './Collapse';
-export * from './DatePicker';
-export * from './DesktopDatePicker';
-export * from './DesktopTimePicker';
-export * from './DesktopDateTimePicker';
-export * from './DesktopPicker';
-export * from './Divider';
-export * from './Drawer';
-export * from './Fade';
-export * from './IconButton';
-export * from './Image';
-export * from './Input';
-export * from './List';
-export * from './Modal';
-export * from './Popover';
-export * from './Portal';
-export * from './Progress';
-export * from './Radio';
-export * from './Rating';
-export * from './ScrollView';
-export * from './Select';
-export * from './Skeleton';
-export * from './Slide';
-export * from './Slider';
-export * from './Stack';
-export * from './Steps';
-export * from './Swiper';
-export * from './Switch';
-export * from './Tabs';
-export * from './Tag';
-export * from './TextArea';
-export * from './Transition';
-export * from './Tooltip';
-export * from './NavBar';
-export * from './Loading';
-export * from './TabBar';
-export * from './Countdown';
-export * from './CitySelector';
-export * from './ItemSelector';
-export * from './Picker';
-export * from './CollapsePanel';
-export * from './Breadcrumb';
-export * from './Toast';
-export * from './Dialog';
-export * from './ThemeProvider';
-export * from './locales';
-export * from './SwipeAction';
-export * from './CSSTransition';
-export * from './TransitionGroup';