@bifrostui/react 1.4.7-beta.0 → 1.4.7

package/dist/Calendar/Calendar.js

@@ -64,13 +64,11 @@ var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
-var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
 var import_react = __toESM(require("react"));
 var import_utils2 = require("./utils");
 var import_locales = require("../locales");
 var import_Calendar2 = require("./Calendar.css");
 import_dayjs.default.extend(import_isoWeek.default);
-import_dayjs.default.extend(import_customParseFormat.default);
 const classes = {
   root: "bui-calendar",
   handler: "bui-calendar-handler",
@@ -93,7 +91,6 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       headerBarRightIcon,
       disabledDate,
       highlightDate,
-      headerVisible = false,
       dateRender,
       weekRender,
       onMonthChange,
@@ -111,7 +108,6 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       "headerBarRightIcon",
       "disabledDate",
       "highlightDate",
-      "headerVisible",
       "dateRender",
       "weekRender",
       "onMonthChange",
@@ -326,7 +322,7 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       }, others), {
         "data-mode": mode
       }), data),
-      !headerVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text` }, (0, import_dayjs.default)(renderMonth).format(headerBarFormat)), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text` }, (0, import_dayjs.default)(renderMonth).format(headerBarFormat)), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
       /* @__PURE__ */ import_react.default.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w) => {
         return weekRender ? weekRender(w) : /* @__PURE__ */ import_react.default.createElement("div", { key: w, className: `${classes.week}-item` }, w);
       })),

package/dist/Calendar/Calendar.types.d.ts

@@ -74,11 +74,6 @@ export type CalendarProps<D extends React.ElementType = 'div', P = {}> = Overrid
          * weekend 可选的周末高亮显示
          */
         highlightDate?: 'today' | 'weekend';
-        /**
-         * 是否隐藏头部
-         * default: false
-         */
-        headerVisible?: boolean;
         /**
          * 自定义日期单元格的内容
          */

package/dist/Collapse/Collapse.css

@@ -1,5 +1,6 @@
 .bui-collapse {
   overflow: hidden;
+  white-space: nowrap;
   height: fit-content;
   width: fit-content;
 }

package/dist/Collapse/Collapse.d.ts

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

package/dist/Collapse/Collapse.js

@@ -61,14 +61,12 @@ __export(Collapse_exports, {
 module.exports = __toCommonJS(Collapse_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
-var import_clsx = __toESM(require("clsx"));
 var import_Transition = require("../Transition");
 var import_Collapse2 = require("./Collapse.css");
 const defaultEasing = {
   enter: import_utils.easing.easeOut,
   exit: import_utils.easing.sharp
 };
-const FIT_CONTENT = "fit-content";
 const defaultTimeout = {
   enter: import_utils.duration.enteringScreen,
   exit: import_utils.duration.leavingScreen
@@ -97,6 +95,7 @@ const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     "className",
     "children"
   ]);
+  const nodeRef = (0, import_utils.useForkRef)(ref);
   const wrapperRef = (0, import_react.useRef)(null);
   const collapseRef = (0, import_utils.useForkRef)(wrapperRef, ref);
   const transitions = (0, import_utils.createTransitions)();
@@ -104,11 +103,11 @@ const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
   const size = isHorizontal ? "width" : "height";
   const getCollapseWrapperSize = (reactNode) => {
-    return reactNode ? `${reactNode[isHorizontal ? "clientWidth" : "clientHeight"]}px` : FIT_CONTENT;
+    return reactNode ? `${reactNode[isHorizontal ? "clientWidth" : "clientHeight"]}px` : "fit-content";
   };
   (0, import_react.useEffect)(() => {
     var _a2, _b, _c, _d;
-    if (appear === false && inProp === true && ((_b = (_a2 = wrapperRef.current) == null ? void 0 : _a2.style) == null ? void 0 : _b[size]) === FIT_CONTENT) {
+    if (appear === false && inProp === true && ((_b = (_a2 = wrapperRef.current) == null ? void 0 : _a2.style) == null ? void 0 : _b[size]) === "fit-content") {
       wrapperRef.current.style[size] = getCollapseWrapperSize(
         (_d = (_c = wrapperRef.current) == null ? void 0 : _c.children) == null ? void 0 : _d[0]
       );
@@ -119,6 +118,7 @@ const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   return /* @__PURE__ */ import_react.default.createElement(
     import_Transition.Transition,
     __spreadProps(__spreadValues({}, other), {
+      ref: nodeRef,
       in: inProp,
       timeout,
       delay,
@@ -146,17 +146,14 @@ const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
       };
       return import_react.default.createElement(
         "div",
-        __spreadProps(__spreadValues({
-          className: (0, import_clsx.default)("bui-collapse", {
-            className
-          }),
+        {
+          className: `bui-collapse ${className}`,
           style: __spreadValues(__spreadProps(__spreadValues({}, style), {
             transition,
             WebkitTransition: transition
-          }), wrapperSize())
-        }, childProps), {
+          }), wrapperSize()),
           ref: collapseRef
-        }),
+        },
         import_react.default.cloneElement(children, __spreadValues({
           style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
         }, childProps))

package/dist/CollapsePanel/CollapsePanel.css

@@ -2,8 +2,6 @@
   --width: var(--bui-collapse-panel-width, 100%);
   --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
   --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
-  --title-font-size: var(--bui-collapse-panel-title-font-size, var(--bui-title-size-3));
-  --content-font-size: var(--bui-collapse-panel-content-font-size, var(--bui-text-size-1));
   width: var(--width);
   background-color: var(--bui-color-bg-view);
   color: var(--bui-color-fg-default);
@@ -17,7 +15,7 @@
 }
 .bui-collapse-panel-item-header-label {
   padding: var(--header-padding);
-  font-size: var(--title-font-size);
+  font-size: var(--bui-title-size-2);
 }
 .bui-collapse-panel-item-header-icon-arrow {
   transform: rotate(0deg);
@@ -28,7 +26,7 @@
 }
 .bui-collapse-panel-item-content {
   padding: var(--content-padding);
-  font-size: var(--content-font-size);
+  font-size: var(--bui-text-size-1);
   transition: height 0.5s ease;
   overflow: hidden;
 }

package/dist/Dialog/FunctionalDialog.js

@@ -91,7 +91,7 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootContainer)();
+  const rootElement = (0, import_utils.getRootElement)();
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
     const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);

package/dist/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | "container" | "disablePortal" | keyof import("@bifrostui/types").ICommonProps | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Picker/Picker.css

@@ -8,7 +8,6 @@
   --panel-container-height: var(--bui-picker-panel-height, 260px);
   --indicator-top: var(--bui-picker-indicator-top, 108px);
   --option-height: var(--bui-picker-option-height, 36px);
-  --bui-picker-confirm-disabled-opacity: 0.38;
   font-family: var(--bui-font-family);
 }
 .bui-picker .bui-drawer-content {
@@ -42,10 +41,6 @@
   line-height: var(--confirm-line-height);
   color: var(--bui-color-primary);
 }
-.bui-picker-confirm-disabled {
-  color: var(--bui-color-fg-default);
-  opacity: var(--bui-picker-confirm-disabled-opacity);
-}
 .bui-picker-container {
   width: 100%;
   height: var(--panel-container-height);

package/dist/Picker/Picker.js

@@ -67,12 +67,6 @@ var import_locales = require("../locales");
 var import_utils = require("./utils");
 var import_Picker2 = require("./Picker.css");
 const prefixCls = "bui-picker";
-const checkDisabled = (values, columns) => values.find(
-  (value, index) => {
-    var _a, _b;
-    return (_b = (_a = columns == null ? void 0 : columns[index]) == null ? void 0 : _a.find((column) => (column == null ? void 0 : column.value) === value)) == null ? void 0 : _b.disabled;
-  }
-);
 const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
     className,
@@ -80,8 +74,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     title,
     options = [],
     value,
-    confirmText: propConfirmText,
-    cancelText: propCancelText,
     contentProps,
     onConfirm,
     onOptionChange,
@@ -93,8 +85,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "title",
     "options",
     "value",
-    "confirmText",
-    "cancelText",
     "contentProps",
     "onConfirm",
     "onOptionChange",
@@ -106,7 +96,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const [columns, setColumns] = (0, import_react.useState)([]);
   const [internalValue, setInternalValue] = (0, import_react.useState)([]);
   const { cancel: cancelText, confirm: confirmText } = (0, import_locales.useLocaleText)("picker");
-  const disabled = checkDisabled(internalValue, columns);
   (0, import_react.useEffect)(() => {
     if (!open)
       return;
@@ -129,7 +118,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   }, [value, options]);
   const confirm = (e) => {
     const isMoving = rollerRefs.current.some((roller) => roller == null ? void 0 : roller.isMoving);
-    if (isMoving || disabled)
+    if (isMoving)
       return;
     const { safeValue } = (0, import_utils.safeData)({
       value: internalValue,
@@ -188,8 +177,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: conbineValues,
           options: formatted,
-          currentOption: columnOption,
-          columnIndex
+          currentOption: columnOption
         });
       } else {
         const result = [...internalValue];
@@ -198,8 +186,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: result,
           options,
-          currentOption: columnOption,
-          columnIndex
+          currentOption: columnOption
         });
       }
     }
@@ -241,16 +228,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       __spreadProps(__spreadValues({}, contentProps), {
         className: (0, import_clsx.default)(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
       }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, propCancelText || cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(`${prefixCls}-confirm`, {
-            [`${prefixCls}-confirm-disabled`]: disabled
-          }),
-          onClick: confirm
-        },
-        propConfirmText || confirmText
-      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-confirm`, onClick: confirm }, confirmText)),
       /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, columns.map((column, index) => /* @__PURE__ */ import_react.default.createElement(
         import_PickerPanel.default,
         {
@@ -258,7 +236,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
           key: index,
           options: column,
           columnIndex: index,
-          value: internalValue == null ? void 0 : internalValue[index],
+          defaultValue: internalValue == null ? void 0 : internalValue[index],
           onSelect: handleSelect,
           pickerStyle: others == null ? void 0 : others.style
         }

package/dist/Picker/Picker.types.d.ts

@@ -10,10 +10,6 @@ export interface IPickerOptionItem {
      * 选项对应唯一的值
      */
     value: string | number;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
 }
 export type ICascadePickerChildOptionItem = IPickerOptionItem & {
     /**
@@ -38,14 +34,6 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
          * 标题
          */
         title?: string;
-        /**
-         * 确认文本内容
-         */
-        confirmText?: string;
-        /**
-         * 取消文本内容
-         */
-        cancelText?: string;
         /**
          * 列表数据
          * @default []
@@ -73,7 +61,6 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
             value: (string | number)[];
             options: ICascadePickerChildOptionItem[][];
             currentOption: ICascadePickerChildOptionItem;
-            columnIndex: number;
         }) => void;
         /**
          * 点击取消按钮时候回调
@@ -98,9 +85,9 @@ export type PickerPanelProps<D extends React.ElementType = 'div', P = {}> = Over
          */
         options?: ICascadePickerChildOptionItem[];
         /**
-         * 选中值
+         * 默认值
          */
-        value?: string | number;
+        defaultValue?: string | number;
         /**
          * 列索引
          */

package/dist/Picker/PickerPanel.css

@@ -1,5 +1,4 @@
 .bui-picker-panel {
-  --bui-picker-option-disabled-opacity: 0.38;
   flex: 1;
   flex-shrink: 0;
   position: relative;
@@ -57,9 +56,6 @@
   white-space: nowrap;
   width: 100%;
 }
-.bui-picker-panel-option-disabled {
-  opacity: var(--bui-picker-option-disabled-opacity);
-}
 .bui-picker-panel-option-hidden {
   visibility: hidden;
   opacity: 0;

package/dist/Picker/PickerPanel.js

@@ -66,13 +66,13 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     var _b;
     const _a = props, {
       options = [],
-      value,
+      defaultValue,
       onSelect,
       columnIndex,
       pickerStyle
     } = _a, others = __objRest(_a, [
       "options",
-      "value",
+      "defaultValue",
       "onSelect",
       "columnIndex",
       "pickerStyle"
@@ -102,9 +102,9 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     (0, import_utils.useTouchEmulator)(PickerPanelRef.current);
     const updateSelect = () => {
       let index = -1;
-      if (value) {
+      if (defaultValue) {
         options.some((item, idx) => {
-          if (item.value === value) {
+          if (item.value === defaultValue) {
             index = idx;
             return true;
           }
@@ -122,7 +122,7 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
       return () => {
         clearTimeout(timer);
       };
-    }, [options, value]);
+    }, [options]);
     const setTransform = (type, deg, time = DEFAULT_DURATION, translateY = 0) => {
       let nTime = time;
       if (type !== TOUCH_END) {
@@ -255,8 +255,7 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
           "div",
           {
             className: (0, import_clsx.default)(`${prefixCls}-option`, {
-              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8,
-              [`${prefixCls}-option-disabled`]: item == null ? void 0 : item.disabled
+              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8
             }),
             key: `${item == null ? void 0 : item.value}-${i}`,
             style: {

package/dist/Popover/Popover.js

@@ -51,26 +51,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   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 Popover_exports = {};
 __export(Popover_exports, {
   default: () => Popover_default
@@ -93,9 +73,9 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     offsetSpacing = 0,
     placement = "top",
     trigger = "click",
+    onOpenChange,
     open,
-    hideArrow,
-    onOpenChange
+    hideArrow
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -106,9 +86,9 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     "offsetSpacing",
     "placement",
     "trigger",
+    "onOpenChange",
     "open",
-    "hideArrow",
-    "onOpenChange"
+    "hideArrow"
   ]);
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
@@ -116,18 +96,11 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
   const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
   const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
-  const [toolStyles, setToolStyles] = (0, import_react.useState)({});
-  const tipRef = (0, import_react.useRef)(null);
-  const nodeRef = (0, import_utils.useForkRef)(ref, tipRef);
-  const clearRef = (status) => {
-    if (status === false) {
-      tipRef.current = null;
-    }
-  };
+  const [tooltyles, setTooltyles] = (0, import_react.useState)({});
+  const ttId = (0, import_utils.useUniqueId)();
   const changeOpenStatus = (event, status) => {
     if (controlByUser)
       return;
-    clearRef(status);
     setOpenStatus(status);
     onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
   };
@@ -146,33 +119,23 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (!controlByUser)
       return;
     setOpenStatus(open);
-    clearRef(open);
   }, [open]);
-  (0, import_react.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;
     hidePopover(event);
   };
-  const onRootElementMouted = (0, import_utils.throttle)(() => __async(void 0, null, function* () {
-    if (!tipRef.current)
-      return;
+  const onRootElementMouted = (0, import_utils.throttle)(() => {
     const {
       direction: newParsedDirection,
       location: newParsedLocation = "center"
     } = (0, import_utils.parsePlacement)(placement);
-    const result = yield (0, import_utils.getStylesAndLocation)({
+    const result = (0, import_utils.getStylesAndLocation)({
       childrenRef,
       arrowDirection: newParsedDirection,
       arrowLocation: newParsedLocation,
       offsetSpacing,
-      tipRef
+      selector: `[data-id="tt_${ttId}"]`
     });
     if (!result)
       return;
@@ -183,32 +146,26 @@ const Popover = /* @__PURE__ */ import_react.default.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);
+  };
   (0, import_react.useEffect)(() => {
-    const bindEvent = () => {
-      if (!tipRef.current)
-        return;
-      if (!controlByUser) {
-        document.addEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.addEventListener("resize", onRootElementMouted);
-      }
-    };
-    const unbindEvent = () => {
-      if (!controlByUser) {
-        document.removeEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.removeEventListener("resize", onRootElementMouted);
-      }
-    };
     bindEvent();
     return () => {
       unbindEvent();
     };
-  }, [openStatus]);
+  }, []);
   if (!title && !content)
     return null;
   let triggerEventOption;
@@ -223,14 +180,14 @@ const Popover = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const childrenOptions = __spreadValues({
     ref: childrenRef
   }, triggerEventOption);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, open || openStatus ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, open || openStatus ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted, ref }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `popover-${arrowDirection}`, {
         "bui-popover-arrow-hide": hideArrow
       }),
-      style: __spreadValues(__spreadValues({}, style), toolStyles),
-      ref: nodeRef
+      "data-id": `tt_${ttId}`,
+      style: __spreadValues(__spreadValues({}, style), tooltyles)
     }, others),
     !hideArrow ? /* @__PURE__ */ import_react.default.createElement(
       "div",

package/dist/Portal/Portal.miniapp.js

@@ -53,9 +53,7 @@ var import_react = __toESM(require("react"));
 var import_PortalCore = __toESM(require("./PortalCore"));
 const Portal = (0, import_react.forwardRef)((props, ref) => {
   const { disablePortal } = props;
-  const [rootWrapperElement, setRootWrapperElement] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
-    let root;
+  const rootWrapperElement = (0, import_react.useMemo)(() => {
     if (!disablePortal) {
       const currentPages = import_taro.default.getCurrentPages() || [];
       const currentPage = currentPages[currentPages.length - 1];
@@ -67,12 +65,11 @@ const Portal = (0, import_react.forwardRef)((props, ref) => {
         const view = document.createElement("view");
         view.id = portalId;
         rootElement == null ? void 0 : rootElement.appendChild(view);
-        root = view;
-      } else {
-        root = portalWrapperElement;
+        return view;
       }
+      return portalWrapperElement;
     }
-    setRootWrapperElement(root);
+    return void 0;
   }, []);
   return /* @__PURE__ */ import_react.default.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });

package/dist/ScrollView/ScrollView.js

@@ -34,14 +34,12 @@ var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_ScrollView = require("./ScrollView.css");
-function easeOutScroll(from, to, callback, dur) {
-  if (dur <= 0) {
-    dur = 500;
-  }
+function easeOutScroll(from, to, callback) {
   if (from === to || typeof from !== "number") {
     return;
   }
   const change = to - from;
+  const dur = 500;
   const sTime = +/* @__PURE__ */ new Date();
   function linear(t, b, c, d) {
     return c * t / d + b;
@@ -76,8 +74,7 @@ const ScrollView = (0, import_react.forwardRef)(
       scrollIntoView,
       onTouchMove: propsOnTouchMove,
       scrollIntoViewAlignment,
-      children,
-      scrollAnimationDuration = 500
+      children
     } = props;
     const container = (0, import_react.useRef)(null);
     const handleRef = (0, import_utils.useForkRef)(ref, container);
@@ -87,15 +84,10 @@ const ScrollView = (0, import_react.forwardRef)(
       if (top === void 0)
         return;
       if (isAnimation) {
-        easeOutScroll(
-          container.current.scrollTop,
-          top,
-          (pos) => {
-            if (container.current)
-              container.current.scrollTop = pos;
-          },
-          scrollAnimationDuration
-        );
+        easeOutScroll(container.current.scrollTop, top, (pos) => {
+          if (container.current)
+            container.current.scrollTop = pos;
+        });
       } else if (container.current)
         container.current.scrollTop = top;
     }, []);
@@ -103,15 +95,10 @@ const ScrollView = (0, import_react.forwardRef)(
       if (left === void 0)
         return;
       if (isAnimation) {
-        easeOutScroll(
-          container.current.scrollLeft,
-          left,
-          (pos) => {
-            if (container.current)
-              container.current.scrollLeft = pos;
-          },
-          scrollAnimationDuration
-        );
+        easeOutScroll(container.current.scrollLeft, left, (pos) => {
+          if (container.current)
+            container.current.scrollLeft = pos;
+        });
       } else if (container.current)
         container.current.scrollLeft = left;
     }, []);