@bifrostui/react 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/CSSTransition/demo/CSSTransitionDemo.js

@@ -57,6 +57,9 @@ const StackDemo = () => {
       {
         onClick: () => {
           setOpen((prev) => !prev);
+        },
+        style: {
+          marginBottom: "18px"
         }
       },
       open ? "Exit" : "Enter"

package/dist/CSSTransition/demo/index.css

@@ -1,6 +1,3 @@
-.bui-btn {
-  margin-bottom: 18px;
-}
 .slide-enter {
   transform: translate3d(-100%, 0, 0);
 }

package/dist/Calendar/Calendar.js

@@ -177,7 +177,11 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       if (!(0, import_utils2.isEqualVal)(prevValueRef.current, value)) {
         const latestDate = formattedValue == null ? void 0 : formattedValue[0];
         const lastInitialValue = renderMonth;
-        const inSameMonth = isRangeMode && selectedStartDate && selectedEndDate || latestDate && (0, import_dayjs.default)(latestDate).isSame(lastInitialValue, "month");
+        if (!latestDate) {
+          prevValueRef.current = value;
+          return;
+        }
+        const inSameMonth = isRangeMode ? selectedStartDate && (0, import_dayjs.default)(selectedStartDate).isSame(lastInitialValue, "month") || selectedEndDate && (0, import_dayjs.default)(selectedEndDate).isSame(lastInitialValue, "month") : latestDate && (0, import_dayjs.default)(latestDate).isSame(lastInitialValue, "month");
         if (!inSameMonth) {
           const latestBeforeThanLast = (0, import_dayjs.default)(latestDate).isBefore(
             lastInitialValue,

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 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" | "value" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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;

package/dist/Dialog/Dialog.types.d.ts

@@ -33,11 +33,11 @@ export interface DialogProps extends Omit<ModalProps, 'title' | 'content'> {
     /**
      * 透传给内部Button组件的属性
      */
-    okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
+    okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
     /**
      * 透传给内部Button组件的属性
      */
-    cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
+    cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
     /**
      * 确认按钮文本内容
      */
@@ -80,6 +80,10 @@ export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'on
      * 取消回调
      */
     onCancel?: (e: React.SyntheticEvent) => void;
+    /**
+     * 透传 data- 属性
+     */
+    [key: `data-${string}`]: any;
 };
 /**
  * prompt函数式调用配置参数

package/dist/Dialog/index.css

@@ -43,6 +43,7 @@ xhs-page {
 }
 .bui-dialog-actions {
   display: flex;
+  flex-direction: row;
   align-items: center;
   justify-content: center;
 }

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" | "BackdropProps" | "onClose" | "keepMounted" | "disablePortal" | "hideBackdrop" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Radio/index.css

@@ -7,6 +7,7 @@ xhs-page {
 }
 .bui-radio {
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
   position: relative;
   font-family: var(--bui-font-family);

package/dist/Swiper/Swiper.js

@@ -174,7 +174,9 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
       spaceBetween
     }, others), {
       onSwiper: (o) => {
+        var _a2;
         swiperInstance.current = o;
+        (_a2 = props.onSwiper) == null ? void 0 : _a2.call(props, o);
       },
       style: __spreadProps(__spreadValues({}, sty), {
         "--indicator-color": defaultIndicatorColor,

package/dist/Tabs/Tabs.js

@@ -153,7 +153,9 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     if (!tabsEl)
       return void 0;
     const checkScrollable = () => {
-      setIsScrollable(tabsEl.scrollWidth > tabsEl.offsetWidth);
+      const { scrollWidth = 0, offsetWidth = 0 } = tabsEl;
+      const isOverflow = scrollWidth - offsetWidth > 1;
+      setIsScrollable(isOverflow);
     };
     checkScrollable();
     if (typeof ResizeObserver === "undefined") {

package/dist/Tabs/miniapp/Tabs.js

@@ -100,7 +100,7 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const lastScrollLeftRef = import_react.default.useRef(0);
   const isFirstScroll = import_react.default.useRef(true);
   const [scrollWithAnimation, setScrollWithAnimation] = import_react.default.useState(false);
-  const isScrollable = scrollWidth > containerWidth;
+  const isScrollable = scrollWidth - containerWidth > 1;
   if (process.env.NODE_ENV !== "production") {
     if (tabs.length > 0 && import_react.default.Children.count(children) > 0) {
       console.warn(

package/dist/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/CSSTransition/demo/CSSTransitionDemo.js

@@ -25,6 +25,9 @@ const StackDemo = () => {
       {
         onClick: () => {
           setOpen((prev) => !prev);
+        },
+        style: {
+          marginBottom: "18px"
         }
       },
       open ? "Exit" : "Enter"

package/es/CSSTransition/demo/index.css

@@ -1,6 +1,3 @@
-.bui-btn {
-  margin-bottom: 18px;
-}
 .slide-enter {
   transform: translate3d(-100%, 0, 0);
 }

package/es/Calendar/Calendar.js

@@ -147,7 +147,11 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       if (!isEqualVal(prevValueRef.current, value)) {
         const latestDate = formattedValue == null ? void 0 : formattedValue[0];
         const lastInitialValue = renderMonth;
-        const inSameMonth = isRangeMode && selectedStartDate && selectedEndDate || latestDate && dayjs(latestDate).isSame(lastInitialValue, "month");
+        if (!latestDate) {
+          prevValueRef.current = value;
+          return;
+        }
+        const inSameMonth = isRangeMode ? selectedStartDate && dayjs(selectedStartDate).isSame(lastInitialValue, "month") || selectedEndDate && dayjs(selectedEndDate).isSame(lastInitialValue, "month") : latestDate && dayjs(latestDate).isSame(lastInitialValue, "month");
         if (!inSameMonth) {
           const latestBeforeThanLast = dayjs(latestDate).isBefore(
             lastInitialValue,

package/es/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 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>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/es/Dialog/Dialog.types.d.ts

@@ -33,11 +33,11 @@ export interface DialogProps extends Omit<ModalProps, 'title' | 'content'> {
     /**
      * 透传给内部Button组件的属性
      */
-    okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
+    okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
     /**
      * 透传给内部Button组件的属性
      */
-    cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
+    cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
     /**
      * 确认按钮文本内容
      */
@@ -80,6 +80,10 @@ export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'on
      * 取消回调
      */
     onCancel?: (e: React.SyntheticEvent) => void;
+    /**
+     * 透传 data- 属性
+     */
+    [key: `data-${string}`]: any;
 };
 /**
  * prompt函数式调用配置参数

package/es/Dialog/index.css

@@ -43,6 +43,7 @@ xhs-page {
 }
 .bui-dialog-actions {
   display: flex;
+  flex-direction: row;
   align-items: center;
   justify-content: center;
 }

package/es/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>;
-}, "open" | "container" | "disableScrollLock" | "onClose" | keyof import("@bifrostui/types").ICommonProps | "BackdropProps" | "disablePortal" | "keepMounted" | "hideBackdrop">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Radio/index.css

@@ -7,6 +7,7 @@ xhs-page {
 }
 .bui-radio {
   display: inline-flex;
+  flex-direction: row;
   align-items: center;
   position: relative;
   font-family: var(--bui-font-family);

package/es/Swiper/Swiper.js

@@ -148,7 +148,9 @@ const Swiper = forwardRef((props, ref) => {
       spaceBetween
     }, others), {
       onSwiper: (o) => {
+        var _a2;
         swiperInstance.current = o;
+        (_a2 = props.onSwiper) == null ? void 0 : _a2.call(props, o);
       },
       style: __spreadProps(__spreadValues({}, sty), {
         "--indicator-color": defaultIndicatorColor,

package/es/Tabs/Tabs.js

@@ -123,7 +123,9 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (!tabsEl)
       return void 0;
     const checkScrollable = () => {
-      setIsScrollable(tabsEl.scrollWidth > tabsEl.offsetWidth);
+      const { scrollWidth = 0, offsetWidth = 0 } = tabsEl;
+      const isOverflow = scrollWidth - offsetWidth > 1;
+      setIsScrollable(isOverflow);
     };
     checkScrollable();
     if (typeof ResizeObserver === "undefined") {

package/es/Tabs/miniapp/Tabs.js

@@ -75,7 +75,7 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const lastScrollLeftRef = React.useRef(0);
   const isFirstScroll = React.useRef(true);
   const [scrollWithAnimation, setScrollWithAnimation] = React.useState(false);
-  const isScrollable = scrollWidth > containerWidth;
+  const isScrollable = scrollWidth - containerWidth > 1;
   if (process.env.NODE_ENV !== "production") {
     if (tabs.length > 0 && React.Children.count(children) > 0) {
       console.warn(

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.29",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -43,10 +43,10 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/styles": "2.0.0-alpha.27",
-    "@bifrostui/icons": "2.0.0-alpha.27",
-    "@bifrostui/types": "2.0.0-alpha.27",
-    "@bifrostui/utils": "2.0.0-alpha.27"
+    "@bifrostui/icons": "2.0.0-alpha.29",
+    "@bifrostui/styles": "2.0.0-alpha.29",
+    "@bifrostui/types": "2.0.0-alpha.29",
+    "@bifrostui/utils": "2.0.0-alpha.29"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",