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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Alibaba
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/CitySelector/CitySelector.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideProps } from '@bifrostui/types';
 export type cityType = {
     /** 城市名 */

package/dist/ItemSelector/ItemSelector.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideProps } from '@bifrostui/types';
 export type itemType = {
     /** Item名 */

package/dist/Portal/Portal.miniapp.js

@@ -54,14 +54,20 @@ 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)(() => {
+  const initialPageInfo = (0, import_react.useMemo)(() => {
+    const currentPages = import_taro.default.getCurrentPages() || [];
+    const currentPage = currentPages[currentPages.length - 1];
+    return {
+      path: currentPage == null ? void 0 : currentPage.$taroPath
+    };
+  }, []);
+  (0, import_react.useLayoutEffect)(() => {
     let root;
-    if (!disablePortal) {
-      const currentPages = import_taro.default.getCurrentPages() || [];
-      const currentPage = currentPages[currentPages.length - 1];
-      const pageElement = currentPage == null ? void 0 : currentPage.$taroPath;
-      const rootElement = document.getElementById(pageElement);
-      const portalId = (rootElement == null ? void 0 : rootElement.sid) ? `${rootElement == null ? void 0 : rootElement.sid}_portalId` : `${pageElement}_portalId`;
+    if (!disablePortal && initialPageInfo.path) {
+      const { path } = initialPageInfo;
+      const rootElement = document.getElementById(path);
+      const elementWithSid = rootElement;
+      const portalId = (elementWithSid == null ? void 0 : elementWithSid.sid) ? `${elementWithSid.sid}_portalId` : `${path}_portalId`;
       const portalWrapperElement = document.getElementById(portalId);
       if (!portalWrapperElement) {
         const view = document.createElement("view");
@@ -73,7 +79,7 @@ const Portal = (0, import_react.forwardRef)((props, ref) => {
       }
     }
     setRootWrapperElement(root);
-  }, []);
+  }, [disablePortal, initialPageInfo.path]);
   return /* @__PURE__ */ import_react.default.createElement(import_PortalCore.default, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });
 Portal.displayName = "BuiPortal";

package/dist/ScrollView/ScrollView.types.d.ts

@@ -9,6 +9,22 @@ export interface ScrollViewScrollEvent extends Event {
         scrollTop: number;
         scrollHeight: number;
         scrollWidth: number;
+        deltaX?: number;
+        deltaY?: number;
+        isDrag?: boolean;
+    };
+}
+/**
+ * 拖拽事件详情
+ */
+export interface ScrollViewDragEvent extends Event {
+    detail?: {
+        /** 横向滚动条位置 */
+        scrollLeft?: number;
+        /** 竖向滚动条位置 */
+        scrollTop?: number;
+        /** 滚动速度 */
+        velocity?: number;
     };
 }
 /**
@@ -52,6 +68,134 @@ export type ScrollViewProps<D extends React.ElementType = 'div', P = {}> = Overr
          * @default false
          */
         scrollWithAnimation?: boolean;
+        /**
+         * 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
+         */
+        scrollAnimationDuration?: number;
+        /**
+         * 滚动条返回顶部，只支持竖向
+         * 仅小程序可用
+         * @default false
+         */
+        enableBackToTop?: boolean;
+        /**
+         * 启用 flexbox 布局。开启后，当前节点声明了 `display: flex` 就会成为 flex container，并作用于其孩子节点。
+         * 仅小程序可用
+         * @default false
+         */
+        enableFlex?: boolean;
+        /**
+         * 开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS `overflow-anchor` 属性。
+         * 仅小程序可用
+         * @default false
+         */
+        scrollAnchoring?: boolean;
+        /**
+         * 启用 scroll-view 增强特性
+         * 仅小程序可用
+         * @default false
+         */
+        enhanced?: boolean;
+        /**
+         * iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default true
+         */
+        bounces?: boolean;
+        /**
+         * 滚动条显隐控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default true
+         */
+        showScrollbar?: boolean;
+        /**
+         * 分页滑动效果 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default false
+         */
+        pagingEnabled?: boolean;
+        /**
+         * 滑动减速速率控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default false
+         */
+        fastDeceleration?: boolean;
+        /**
+         * 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
+         * 仅小程序可用
+         * @default false
+         */
+        trapScroll?: string;
+        /**
+         * 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为always将始终禁止滚动，如果值为out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
+         * 仅小程序可用
+         */
+        disableLowerScroll?: string;
+        /**
+         * 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为always将始终禁止滚动，如果值为out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
+         * 仅小程序可用
+         */
+        disableUpperScroll?: string;
+        /**
+         * 无障碍访问，（属性）元素的额外描述
+         * 仅小程序可用
+         */
+        ariaLabel?: string;
+        /**
+         * 开启 passive 特性，能优化一定的滚动性能
+         * 仅小程序可用
+         * @default false
+         */
+        enablePassive?: string;
+        /**
+         * 渲染模式
+         * list - 列表模式。只会渲染在屏节点，会根据直接子节点是否在屏来按需渲染，若只有一个直接子节点则性能会退化
+         * custom - 自定义模式。只会渲染在屏节点，子节点可以是 sticky-section list-view grid-view 等组件
+         * 仅小程序可用
+         * @default 'list'
+         */
+        type?: 'list' | 'custom';
+        /**
+         * 是否反向滚动。一般初始滚动位置是在顶部，反向滚动则是在底部。
+         * 仅小程序可用
+         * @default false
+         */
+        reverse?: boolean;
+        /**
+         * 指定视口外渲染区域的距离，默认情况下视口外节点不渲染。指定 cache-extent 可优化滚动体验和加载速度，但会提高内存占用且影响首屏速度，可按需启用。
+         * 仅小程序可用
+         */
+        cacheExtent?: number;
+        /**
+         * 只 scroll-into-view 到 cacheExtent 以内的目标节点，性能更佳
+         * 仅小程序可用
+         * @default false
+         */
+        scrollIntoViewWithinExtent?: boolean;
+        /**
+         * 开启自定义下拉刷新
+         * 仅小程序可用
+         * @default false
+         */
+        refresherEnabled?: boolean;
+        /**
+         * 设置自定义下拉刷新默认样式，支持设置 `black | white | none`， none 表示不使用默认样式
+         * 仅小程序可用
+         * @default 'black'
+         */
+        refresherDefaultStyle?: string;
+        /**
+         * 设置自定义下拉刷新区域背景颜色
+         * 仅小程序可用
+         * @default '#FFF'
+         */
+        refresherBackground?: string;
+        /**
+         * 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
+         * 仅小程序可用
+         * @default false
+         */
+        refresherTriggered?: boolean;
         /**
          * 距顶部/左边多远时（单位px），触发 onScrollToUpper 事件
          * @default 50
@@ -78,6 +222,71 @@ export type ScrollViewProps<D extends React.ElementType = 'div', P = {}> = Overr
          * 触摸移动时触发
          */
         onTouchMove?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 滚动开始事件
+         * 仅小程序可用
+         */
+        onScrollStart?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewScrollEvent>) => void;
+        /**
+         * 滚动结束事件
+         * 仅小程序可用
+         */
+        onScrollEnd?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewScrollEvent>) => void;
+        /**
+         * 自定义下拉刷新控件被下拉
+         * 仅小程序可用
+         */
+        onRefresherPulling?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被触发
+         * 仅小程序可用
+         */
+        onRefresherRefresh?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被复位
+         * 仅小程序可用
+         */
+        onRefresherRestore?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被中止
+         * 仅小程序可用
+         */
+        onRefresherAbort?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新即将触发刷新（拖动超过 refresher-threshold 时）的事件
+         * 仅小程序可用
+         */
+        onRefresherWillRefresh?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 滑动开始事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragStart?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 滑动事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragging?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 滑动结束事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragEnd?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 触摸动作开始。
+         * 仅小程序可用
+         */
+        onTouchStart?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 触摸动作结束。
+         * 仅小程序可用
+         */
+        onTouchEnd?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 触摸动作被打断，如来电提醒、弹窗。
+         * 仅小程序可用
+         */
+        onTouchCancel?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
     };
     defaultComponent: D;
 }, D>;

package/dist/Select/selectContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSelectContextProps } from './Select.types';
 declare const BuiSelectContext: import("react").Context<BuiSelectContextProps>;
 export default BuiSelectContext;

package/dist/SwipeAction/SwipeActionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSwipeActionContextProps } from './SwipeAction.types';
 declare const BuiSwipeActionContext: import("react").Context<BuiSwipeActionContextProps>;
 export default BuiSwipeActionContext;

package/es/CitySelector/CitySelector.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideProps } from '@bifrostui/types';
 export type cityType = {
     /** 城市名 */

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/ItemSelector/ItemSelector.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideProps } from '@bifrostui/types';
 export type itemType = {
     /** Item名 */

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>;
-}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "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/Portal/Portal.miniapp.js

@@ -18,19 +18,25 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import Taro from "@tarojs/taro";
-import React, { forwardRef, useEffect, useState } from "react";
+import React, { forwardRef, useLayoutEffect, useState, useMemo } from "react";
 import PortalCore from "./PortalCore";
 const Portal = forwardRef((props, ref) => {
   const { disablePortal } = props;
   const [rootWrapperElement, setRootWrapperElement] = useState();
-  useEffect(() => {
+  const initialPageInfo = useMemo(() => {
+    const currentPages = Taro.getCurrentPages() || [];
+    const currentPage = currentPages[currentPages.length - 1];
+    return {
+      path: currentPage == null ? void 0 : currentPage.$taroPath
+    };
+  }, []);
+  useLayoutEffect(() => {
     let root;
-    if (!disablePortal) {
-      const currentPages = Taro.getCurrentPages() || [];
-      const currentPage = currentPages[currentPages.length - 1];
-      const pageElement = currentPage == null ? void 0 : currentPage.$taroPath;
-      const rootElement = document.getElementById(pageElement);
-      const portalId = (rootElement == null ? void 0 : rootElement.sid) ? `${rootElement == null ? void 0 : rootElement.sid}_portalId` : `${pageElement}_portalId`;
+    if (!disablePortal && initialPageInfo.path) {
+      const { path } = initialPageInfo;
+      const rootElement = document.getElementById(path);
+      const elementWithSid = rootElement;
+      const portalId = (elementWithSid == null ? void 0 : elementWithSid.sid) ? `${elementWithSid.sid}_portalId` : `${path}_portalId`;
       const portalWrapperElement = document.getElementById(portalId);
       if (!portalWrapperElement) {
         const view = document.createElement("view");
@@ -42,7 +48,7 @@ const Portal = forwardRef((props, ref) => {
       }
     }
     setRootWrapperElement(root);
-  }, []);
+  }, [disablePortal, initialPageInfo.path]);
   return /* @__PURE__ */ React.createElement(PortalCore, __spreadProps(__spreadValues({}, props), { ref, rootElement: rootWrapperElement }));
 });
 Portal.displayName = "BuiPortal";

package/es/ScrollView/ScrollView.types.d.ts

@@ -9,6 +9,22 @@ export interface ScrollViewScrollEvent extends Event {
         scrollTop: number;
         scrollHeight: number;
         scrollWidth: number;
+        deltaX?: number;
+        deltaY?: number;
+        isDrag?: boolean;
+    };
+}
+/**
+ * 拖拽事件详情
+ */
+export interface ScrollViewDragEvent extends Event {
+    detail?: {
+        /** 横向滚动条位置 */
+        scrollLeft?: number;
+        /** 竖向滚动条位置 */
+        scrollTop?: number;
+        /** 滚动速度 */
+        velocity?: number;
     };
 }
 /**
@@ -52,6 +68,134 @@ export type ScrollViewProps<D extends React.ElementType = 'div', P = {}> = Overr
          * @default false
          */
         scrollWithAnimation?: boolean;
+        /**
+         * 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
+         */
+        scrollAnimationDuration?: number;
+        /**
+         * 滚动条返回顶部，只支持竖向
+         * 仅小程序可用
+         * @default false
+         */
+        enableBackToTop?: boolean;
+        /**
+         * 启用 flexbox 布局。开启后，当前节点声明了 `display: flex` 就会成为 flex container，并作用于其孩子节点。
+         * 仅小程序可用
+         * @default false
+         */
+        enableFlex?: boolean;
+        /**
+         * 开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS `overflow-anchor` 属性。
+         * 仅小程序可用
+         * @default false
+         */
+        scrollAnchoring?: boolean;
+        /**
+         * 启用 scroll-view 增强特性
+         * 仅小程序可用
+         * @default false
+         */
+        enhanced?: boolean;
+        /**
+         * iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default true
+         */
+        bounces?: boolean;
+        /**
+         * 滚动条显隐控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default true
+         */
+        showScrollbar?: boolean;
+        /**
+         * 分页滑动效果 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default false
+         */
+        pagingEnabled?: boolean;
+        /**
+         * 滑动减速速率控制 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         * @default false
+         */
+        fastDeceleration?: boolean;
+        /**
+         * 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
+         * 仅小程序可用
+         * @default false
+         */
+        trapScroll?: string;
+        /**
+         * 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为always将始终禁止滚动，如果值为out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
+         * 仅小程序可用
+         */
+        disableLowerScroll?: string;
+        /**
+         * 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为always将始终禁止滚动，如果值为out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
+         * 仅小程序可用
+         */
+        disableUpperScroll?: string;
+        /**
+         * 无障碍访问，（属性）元素的额外描述
+         * 仅小程序可用
+         */
+        ariaLabel?: string;
+        /**
+         * 开启 passive 特性，能优化一定的滚动性能
+         * 仅小程序可用
+         * @default false
+         */
+        enablePassive?: string;
+        /**
+         * 渲染模式
+         * list - 列表模式。只会渲染在屏节点，会根据直接子节点是否在屏来按需渲染，若只有一个直接子节点则性能会退化
+         * custom - 自定义模式。只会渲染在屏节点，子节点可以是 sticky-section list-view grid-view 等组件
+         * 仅小程序可用
+         * @default 'list'
+         */
+        type?: 'list' | 'custom';
+        /**
+         * 是否反向滚动。一般初始滚动位置是在顶部，反向滚动则是在底部。
+         * 仅小程序可用
+         * @default false
+         */
+        reverse?: boolean;
+        /**
+         * 指定视口外渲染区域的距离，默认情况下视口外节点不渲染。指定 cache-extent 可优化滚动体验和加载速度，但会提高内存占用且影响首屏速度，可按需启用。
+         * 仅小程序可用
+         */
+        cacheExtent?: number;
+        /**
+         * 只 scroll-into-view 到 cacheExtent 以内的目标节点，性能更佳
+         * 仅小程序可用
+         * @default false
+         */
+        scrollIntoViewWithinExtent?: boolean;
+        /**
+         * 开启自定义下拉刷新
+         * 仅小程序可用
+         * @default false
+         */
+        refresherEnabled?: boolean;
+        /**
+         * 设置自定义下拉刷新默认样式，支持设置 `black | white | none`， none 表示不使用默认样式
+         * 仅小程序可用
+         * @default 'black'
+         */
+        refresherDefaultStyle?: string;
+        /**
+         * 设置自定义下拉刷新区域背景颜色
+         * 仅小程序可用
+         * @default '#FFF'
+         */
+        refresherBackground?: string;
+        /**
+         * 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
+         * 仅小程序可用
+         * @default false
+         */
+        refresherTriggered?: boolean;
         /**
          * 距顶部/左边多远时（单位px），触发 onScrollToUpper 事件
          * @default 50
@@ -78,6 +222,71 @@ export type ScrollViewProps<D extends React.ElementType = 'div', P = {}> = Overr
          * 触摸移动时触发
          */
         onTouchMove?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 滚动开始事件
+         * 仅小程序可用
+         */
+        onScrollStart?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewScrollEvent>) => void;
+        /**
+         * 滚动结束事件
+         * 仅小程序可用
+         */
+        onScrollEnd?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewScrollEvent>) => void;
+        /**
+         * 自定义下拉刷新控件被下拉
+         * 仅小程序可用
+         */
+        onRefresherPulling?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被触发
+         * 仅小程序可用
+         */
+        onRefresherRefresh?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被复位
+         * 仅小程序可用
+         */
+        onRefresherRestore?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新被中止
+         * 仅小程序可用
+         */
+        onRefresherAbort?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 自定义下拉刷新即将触发刷新（拖动超过 refresher-threshold 时）的事件
+         * 仅小程序可用
+         */
+        onRefresherWillRefresh?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
+        /**
+         * 滑动开始事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragStart?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 滑动事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragging?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 滑动结束事件 (同时开启 enhanced 属性后生效)
+         * 仅小程序可用
+         */
+        onDragEnd?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewDragEvent>) => void;
+        /**
+         * 触摸动作开始。
+         * 仅小程序可用
+         */
+        onTouchStart?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 触摸动作结束。
+         * 仅小程序可用
+         */
+        onTouchEnd?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
+        /**
+         * 触摸动作被打断，如来电提醒、弹窗。
+         * 仅小程序可用
+         */
+        onTouchCancel?: (e: React.SyntheticEvent<HTMLDivElement, TouchEvent>) => void;
     };
     defaultComponent: D;
 }, D>;

package/es/Select/selectContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSelectContextProps } from './Select.types';
 declare const BuiSelectContext: import("react").Context<BuiSelectContextProps>;
 export default BuiSelectContext;

package/es/SwipeAction/SwipeActionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BuiSwipeActionContextProps } from './SwipeAction.types';
 declare const BuiSwipeActionContext: import("react").Context<BuiSwipeActionContextProps>;
 export default BuiSwipeActionContext;

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@bifrostui/react",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.5",
   "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/icons": "2.0.0-alpha.5",
+    "@bifrostui/styles": "2.0.0-alpha.5",
+    "@bifrostui/utils": "2.0.0-alpha.5",
+    "@bifrostui/types": "2.0.0-alpha.5"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",
@@ -68,5 +54,9 @@
     "@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"
   }
-}
+}

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';