@bifrostui/react 1.4.8-beta.0 → 2.0.0-beta.1

package/es/Toast/Toast.css

@@ -13,6 +13,7 @@
   position: fixed;
   left: 50%;
   z-index: var(--bui-z-index-toast);
+  width: fit-content;
   min-width: var(--min-width);
   max-width: var(--max-width);
   padding: var(--padding);

package/es/Tooltip/Tooltip.css

@@ -1,6 +1,6 @@
 .bui-tooltip {
   --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
-  --localtion-position: var(--bui-tooltip-localtion-position, 8PX);
+  --location-position: var(--bui-tooltip-location-position, 8PX);
   --max-width: var(--bui-tooltip-max-width, 350px);
   --content-min-width: var(--bui-tooltip-content-min-width, 30px);
   --content-min-height: var(--bui-tooltip-content-min-height, 32px);
@@ -17,16 +17,16 @@
   position: absolute;
 }
 .bui-tooltip .bui-tooltip-arrow.location-left {
-  left: var(--localtion-position);
+  left: var(--location-position);
 }
 .bui-tooltip .bui-tooltip-arrow.location-right {
-  right: var(--localtion-position);
+  right: var(--location-position);
 }
 .bui-tooltip .bui-tooltip-arrow.location-top {
-  top: var(--localtion-position);
+  top: var(--location-position);
 }
 .bui-tooltip .bui-tooltip-arrow.location-bottom {
-  bottom: var(--localtion-position);
+  bottom: var(--location-position);
 }
 .bui-tooltip.tooltip-top .location-center,
 .bui-tooltip.tooltip-bottom .location-center {

package/es/Tooltip/Tooltip.js

@@ -26,35 +26,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-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 clsx from "clsx";
 import React, { useState, useRef, useEffect } from "react";
 import {
   getStylesAndLocation,
   triggerEventTransform,
   parsePlacement,
-  throttle,
-  useForkRef,
-  isMini
+  useUniqueId,
+  throttle
 } from "@bifrostui/utils";
 import Portal from "../Portal";
 import "./Tooltip.css";
@@ -69,8 +48,8 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     offsetSpacing = 0,
     placement = "top",
     trigger = "click",
-    open,
-    onOpenChange
+    onOpenChange,
+    open
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -80,8 +59,8 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "offsetSpacing",
     "placement",
     "trigger",
-    "open",
-    "onOpenChange"
+    "onOpenChange",
+    "open"
   ]);
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = parsePlacement(placement);
@@ -89,18 +68,11 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const [openStatus, setOpenStatus] = useState(defaultOpen);
   const [arrowDirection, setArrowDirection] = useState(direction);
   const [arrowLocation, setArrowLocation] = useState(location);
-  const [toolStyles, setToolStyles] = useState({});
-  const tipRef = useRef(null);
-  const nodeRef = useForkRef(ref, tipRef);
-  const clearRef = (status) => {
-    if (status === false) {
-      tipRef.current = null;
-    }
-  };
+  const [tooltyles, setTooltyles] = useState({});
+  const ttId = useUniqueId();
   const changeOpenStatus = (event, status) => {
     if (controlByUser)
       return;
-    clearRef(status);
     setOpenStatus(status);
     onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
   };
@@ -119,33 +91,23 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (!controlByUser)
       return;
     setOpenStatus(open);
-    clearRef(open);
   }, [open]);
-  useEffect(() => {
-    if (!openStatus) {
-      setToolStyles({
-        visibility: "hidden"
-      });
-    }
-  }, [openStatus]);
   const clickEventHandler = (event) => {
     if (trigger === "hover" || (trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover")
       return;
     hideTooltip(event);
   };
-  const onRootElementMouted = throttle(() => __async(void 0, null, function* () {
-    if (!tipRef.current)
-      return;
+  const onRootElementMouted = throttle(() => {
     const {
       direction: newParsedDirection,
       location: newParsedLocation = "center"
     } = parsePlacement(placement);
-    const result = yield getStylesAndLocation({
+    const result = getStylesAndLocation({
       childrenRef,
       arrowDirection: newParsedDirection,
       arrowLocation: newParsedLocation,
       offsetSpacing,
-      tipRef
+      selector: `[data-id="tt_${ttId}"]`
     });
     if (!result)
       return;
@@ -156,32 +118,26 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (newArrowLocation !== arrowLocation) {
       setArrowLocation(newArrowLocation);
     }
-    setToolStyles(styles);
-  }), 100);
+    setTooltyles(styles);
+  }, 100);
+  const bindEvent = () => {
+    if (!controlByUser) {
+      document.addEventListener("click", clickEventHandler);
+    }
+    window.addEventListener("resize", onRootElementMouted);
+  };
+  const unbindEvent = () => {
+    if (!controlByUser) {
+      document.removeEventListener("click", clickEventHandler);
+    }
+    window.removeEventListener("resize", onRootElementMouted);
+  };
   useEffect(() => {
-    const bindEvent = () => {
-      if (!openStatus)
-        return;
-      if (!controlByUser) {
-        document.addEventListener("click", clickEventHandler);
-      }
-      if (!isMini) {
-        window.addEventListener("resize", onRootElementMouted);
-      }
-    };
-    const unbindEvent = () => {
-      if (!controlByUser) {
-        document.removeEventListener("click", clickEventHandler);
-      }
-      if (!isMini) {
-        window.removeEventListener("resize", onRootElementMouted);
-      }
-    };
     bindEvent();
     return () => {
       unbindEvent();
     };
-  }, [openStatus]);
+  }, []);
   let triggerEventOption;
   if (!controlByUser) {
     triggerEventOption = triggerEventTransform({
@@ -194,12 +150,12 @@ const Tooltip = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const childrenOptions = __spreadValues({
     ref: childrenRef
   }, triggerEventOption);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ React.createElement(Portal, { onRootElementMouted }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ React.createElement(Portal, { onRootElementMouted, ref }, /* @__PURE__ */ React.createElement(
     "div",
     __spreadValues({
       className: clsx(prefixCls, className, `tooltip-${arrowDirection}`),
-      style: __spreadValues(__spreadValues({}, style), toolStyles),
-      ref: nodeRef
+      style: __spreadValues(__spreadValues({}, style), tooltyles),
+      "data-id": `tt_${ttId}`
     }, others),
     /* @__PURE__ */ React.createElement(
       "div",

package/es/Transition/TransitionCore.js

@@ -59,8 +59,8 @@ const TransitionCore = forwardRef(
       children,
       mountOnEnter,
       unmountOnExit,
-      enter,
-      exit,
+      enter = true,
+      exit = true,
       timeout: _timeout,
       delay: _delay,
       onEnter,
@@ -69,7 +69,7 @@ const TransitionCore = forwardRef(
       onExit,
       onExiting,
       onExited,
-      nextTick
+      nextTick = setTimeout
     } = _a, childProps = __objRest(_a, [
       "appear",
       "in",
@@ -224,11 +224,6 @@ const TransitionCore = forwardRef(
   }
 );
 TransitionCore.displayName = "BuiTransitionCore";
-TransitionCore.defaultProps = {
-  enter: true,
-  exit: true,
-  nextTick: setTimeout
-};
 var TransitionCore_default = TransitionCore;
 export {
   TransitionCore_default as default

package/es/index.d.ts

@@ -8,11 +8,6 @@ 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';
@@ -53,4 +48,3 @@ export * from './Toast';
 export * from './Dialog';
 export * from './ThemeProvider';
 export * from './locales';
-export * from './SwipeAction';

package/es/index.js

@@ -8,11 +8,6 @@ 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";
@@ -53,4 +48,3 @@ export * from "./Toast";
 export * from "./Dialog";
 export * from "./ThemeProvider";
 export * from "./locales";
-export * from "./SwipeAction";

package/es/locales/base.d.ts

@@ -37,15 +37,4 @@ export interface BaseLang {
         currentType?: Record<string, string>;
         hotCityType?: Record<string, string>;
     };
-    desktopDatePicker?: {
-        month?: Record<number, string>;
-    };
-    datePicker?: {
-        year: string;
-        month: string;
-        day: string;
-        hour: string;
-        minute: string;
-        second: string;
-    };
 }

package/es/locales/en-US.js

@@ -42,30 +42,6 @@ const enUS = {
       title: "Hot",
       code: "HOT"
     }
-  },
-  desktopDatePicker: {
-    month: {
-      1: "Jan",
-      2: "Feb",
-      3: "Mar",
-      4: "Apr",
-      5: "May",
-      6: "Jun",
-      7: "Jul",
-      8: "Aug",
-      9: "Sep",
-      10: "Oct",
-      11: "Nov",
-      12: "Dec"
-    }
-  },
-  datePicker: {
-    year: "Year",
-    month: "Month",
-    day: "Day",
-    hour: "Hour",
-    minute: "Minute",
-    second: "Second"
   }
 };
 var en_US_default = enUS;

package/es/locales/zh-CN.js

@@ -24,30 +24,6 @@ const zhCN = {
     located: "\u5B9A\u4F4D",
     current: "\u5F53\u524D",
     hot: "\u70ED\u95E8"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u65F6",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_CN_default = zhCN;

package/es/locales/zh-TW.js

@@ -24,30 +24,6 @@ const zhTW = {
     located: "\u5B9A\u4F4D",
     current: "\u76EE\u524D",
     hot: "\u71B1\u9580"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u6642",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_TW_default = zhTW;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "1.4.8-beta.0",
+  "version": "2.0.0-beta.1",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -30,13 +30,13 @@
     "glob": "11.0.0"
   },
   "dependencies": {
-    "clsx": "^1.2.1",
+    "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/icons": "1.4.8-beta.0",
-    "@bifrostui/styles": "1.4.8-beta.0",
-    "@bifrostui/types": "1.4.8-beta.0",
-    "@bifrostui/utils": "1.4.8-beta.0"
+    "@bifrostui/styles": "2.0.0-beta.1",
+    "@bifrostui/types": "2.0.0-beta.1",
+    "@bifrostui/icons": "2.0.0-beta.1",
+    "@bifrostui/utils": "2.0.0-beta.1"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",

package/dist/Collapse/Collapse.miniapp.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CollapseProps } from './Collapse.types';
-import './Collapse.less';
-declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLElement>>;
-export default Collapse;

package/dist/Collapse/Collapse.miniapp.js

@@ -1,177 +0,0 @@
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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 Collapse_miniapp_exports = {};
-__export(Collapse_miniapp_exports, {
-  default: () => Collapse_miniapp_default
-});
-module.exports = __toCommonJS(Collapse_miniapp_exports);
-var import_react = __toESM(require("react"));
-var import_utils = require("@bifrostui/utils");
-var import_Transition = require("../Transition");
-var import_Collapse2 = require("./Collapse.css");
-const defaultEasing = {
-  enter: import_utils.easing.easeOut,
-  exit: import_utils.easing.sharp
-};
-const defaultTimeout = {
-  enter: import_utils.duration.enteringScreen,
-  exit: import_utils.duration.leavingScreen
-};
-const FIT_CONTENT = "fit-content";
-const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
-  const _a = props, {
-    appear = false,
-    in: inProp,
-    easing: easingProp = defaultEasing,
-    direction = "vertical",
-    timeout = defaultTimeout,
-    delay = 0,
-    collapsedSize: collapsedSizeProp = 0,
-    style,
-    className,
-    children
-  } = _a, other = __objRest(_a, [
-    "appear",
-    "in",
-    "easing",
-    "direction",
-    "timeout",
-    "delay",
-    "collapsedSize",
-    "style",
-    "className",
-    "children"
-  ]);
-  const wrapperRef = (0, import_react.useRef)(null);
-  const collapseRef = (0, import_utils.useForkRef)(wrapperRef, ref);
-  const [wrapperSize, setWrapperSize] = (0, import_react.useState)("");
-  const transitions = (0, import_utils.createTransitions)();
-  const isHorizontal = direction === "horizontal";
-  const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
-  const size = isHorizontal ? "width" : "height";
-  const getCollapseWrapperSize = (reactNode) => {
-    return new Promise((resolve) => {
-      var _a2;
-      const reactNodeChild = (_a2 = reactNode == null ? void 0 : reactNode.children) == null ? void 0 : _a2[0];
-      if (!reactNodeChild) {
-        resolve(FIT_CONTENT);
-      }
-      (0, import_utils.getBoundingClientRect)(reactNodeChild).then((res) => {
-        if (!res) {
-          resolve(FIT_CONTENT);
-          setWrapperSize(FIT_CONTENT);
-        } else {
-          setWrapperSize(isHorizontal ? `${res == null ? void 0 : res.width}px` : `${res == null ? void 0 : res.height}px`);
-        }
-      });
-    });
-  };
-  (0, import_react.useEffect)(() => {
-    if (appear === false && inProp === true && wrapperSize === FIT_CONTENT) {
-      getCollapseWrapperSize(wrapperRef.current).then((res) => {
-        setWrapperSize(res);
-      });
-    }
-  }, [appear, inProp]);
-  if (!children)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Transition.Transition,
-    __spreadProps(__spreadValues({}, other), {
-      in: inProp,
-      timeout,
-      delay,
-      appear
-    }),
-    (state, childProps) => {
-      var _a2;
-      const transition = transitions.create(
-        size,
-        (0, import_utils.getTransitionProps)(
-          { timeout, style, easing: easingProp, delay },
-          { mode: state }
-        )
-      );
-      if (state === "entering" || state === "entered") {
-        getCollapseWrapperSize(wrapperRef.current).then(
-          (res = FIT_CONTENT) => {
-            setWrapperSize(res);
-          }
-        );
-      } else {
-        setWrapperSize(collapsedSize);
-      }
-      return import_react.default.createElement(
-        "div",
-        __spreadProps(__spreadValues({
-          className: `bui-collapse ${className || ""}`,
-          style: __spreadValues(__spreadProps(__spreadValues({}, style), {
-            transition,
-            WebkitTransition: transition
-          }), isHorizontal ? { width: wrapperSize, WebKitWidth: wrapperSize } : { height: wrapperSize, WebKitHeight: wrapperSize })
-        }, childProps), {
-          ref: collapseRef
-        }),
-        import_react.default.cloneElement(children, {
-          style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
-        })
-      );
-    }
-  );
-});
-Collapse.displayName = "BuiCollapse";
-var Collapse_miniapp_default = Collapse;

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "defaultValue" | "onChange" | "value" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default DatePicker;