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

package/dist/Progress/Progress.js

@@ -58,7 +58,7 @@ __export(Progress_exports, {
 });
 module.exports = __toCommonJS(Progress_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_locales = require("../locales");
 var import_index = require("./index.css");
 const prefixCls = "bui-progress";
@@ -113,7 +113,7 @@ function getAriaValueText(progress, t) {
     return t.almostComplete;
   return t.complete;
 }
-const Progress = /* @__PURE__ */ import_react.default.forwardRef(
+const Progress = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const progressText = (0, import_locales.useLocaleText)("progress");
     const _a = props, {
@@ -166,13 +166,13 @@ const Progress = /* @__PURE__ */ import_react.default.forwardRef(
     };
     return (
       // 外层容器
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ React.createElement(
         "div",
         __spreadValues(__spreadValues({
           className: (0, import_clsx.default)(prefixCls, className),
           ref
         }, accessibilityProps), others),
-        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
+        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-inner`, style: trailStyle }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-bg`, style: percentStyle }))
       )
     );
   }

package/dist/Progress/Progress.types.d.ts

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type ProgressStringGradients = {
     [percentage: string]: string;
 };

package/dist/Progress/__tests__/fixtures/A11yDemos.d.ts

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

package/dist/Progress/__tests__/fixtures/A11yDemos.js

@@ -36,19 +36,19 @@ __export(A11yDemos_exports, {
   sizedProgressDemo: () => sizedProgressDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Progress = __toESM(require("../../Progress"));
 const basicProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 40 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 40 }));
 };
 const coloredProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 40, strokeColor: "var(--bui-color-primary)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 50, strokeColor: "var(--bui-color-info)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 30, strokeColor: "var(--bui-color-success)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 80, strokeColor: "var(--bui-color-warning)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 90, strokeColor: "var(--bui-color-vip)" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 40, strokeColor: "var(--bui-color-primary)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 50, strokeColor: "var(--bui-color-info)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 30, strokeColor: "var(--bui-color-success)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 80, strokeColor: "var(--bui-color-warning)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 90, strokeColor: "var(--bui-color-vip)" }));
 };
 const sizedProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 10 }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 15 }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, strokeWidth: 20 }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 10 }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 15 }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, strokeWidth: 20 }));
 };
 const gradientProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 60,
@@ -57,7 +57,7 @@ const gradientProgressDemo = () => {
         to: "var(--bui-color-primary-light)"
       }
     }
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 90,
@@ -69,17 +69,17 @@ const gradientProgressDemo = () => {
   ));
 };
 const customTrailColorProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 60, trailColor: "var(--bui-color-primary-light)" }), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 80, trailColor: "var(--bui-color-gray-light)" }));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 60, trailColor: "var(--bui-color-primary-light)" }), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 80, trailColor: "var(--bui-color-gray-light)" }));
 };
 const accessibilityProgressDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 50, "aria-label": "\u6587\u4EF6\u4E0B\u8F7D\u8FDB\u5EA6" }), /* @__PURE__ */ React.createElement(
     import_Progress.default,
     {
       percent: 75,
       "aria-label": "\u6570\u636E\u52A0\u8F7D\u8FDB\u5EA6",
       "aria-valuetext": "\u5DF2\u5B8C\u621075%"
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Progress.default, { percent: 30, "aria-describedby": "progress-description" }), /* @__PURE__ */ import_react.default.createElement("span", { id: "progress-description", style: { display: "none" } }, "\u8FD9\u662F\u8FDB\u5EA6\u6761\u7684\u8BE6\u7EC6\u63CF\u8FF0\u4FE1\u606F"));
+  ), /* @__PURE__ */ React.createElement(import_Progress.default, { percent: 30, "aria-describedby": "progress-description" }), /* @__PURE__ */ React.createElement("span", { id: "progress-description", style: { display: "none" } }, "\u8FD9\u662F\u8FDB\u5EA6\u6761\u7684\u8BE6\u7EC6\u63CF\u8FF0\u4FE1\u606F"));
 };
 var A11yDemos_default = {
   basicProgressDemo,

package/dist/Radio/RadioButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ISvgIconProps } from '@bifrostui/icons';
-import React from 'react';
+import * as React from 'react';
 export interface IRadioButtonIconProps extends ISvgIconProps {
     checked: boolean;
 }

package/dist/Radio/RadioButtonIcon.js

@@ -32,7 +32,7 @@ __export(RadioButtonIcon_exports, {
 module.exports = __toCommonJS(RadioButtonIcon_exports);
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 const prefixCls = "bui-radio-btn-icon";
 function RadioButtonIcon(props) {
   const {
@@ -41,14 +41,14 @@ function RadioButtonIcon(props) {
     color,
     htmlColor = "var(--bui-color-fg-subtle)"
   } = props;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "span",
     {
       className: (0, import_clsx.default)(prefixCls, {
         [`${prefixCls}-checked`]: checked
       })
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       import_icons.CircleOutlinedIcon,
       {
         size,
@@ -57,7 +57,7 @@ function RadioButtonIcon(props) {
         className: `${prefixCls}-outline`
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ React.createElement(
       import_icons.RadioCheckedFilledIcon,
       {
         size,

package/dist/Radio/RadioContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { RadioGroupContextProps } from './Radio.types';
 declare const RadioGroupContext: React.Context<RadioGroupContextProps>;
 export declare const RadioContextProvider: React.Provider<RadioGroupContextProps>;

package/dist/Radio/RadioContext.js

@@ -31,8 +31,8 @@ __export(RadioContext_exports, {
   default: () => RadioContext_default
 });
 module.exports = __toCommonJS(RadioContext_exports);
-var import_react = __toESM(require("react"));
-const RadioGroupContext = import_react.default.createContext(void 0);
+var React = __toESM(require("react"));
+const RadioGroupContext = React.createContext(void 0);
 const RadioContextProvider = RadioGroupContext.Provider;
 var RadioContext_default = RadioGroupContext;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/Radio/__tests__/fixtures/A11yDemos.d.ts

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

package/dist/Radio/__tests__/fixtures/A11yDemos.js

@@ -33,16 +33,16 @@ __export(A11yDemos_exports, {
   disabledRadioDemo: () => disabledRadioDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_Radio = __toESM(require("../../Radio"));
 const basicRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { checked: true }), "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Radio.default, { checked: true }), "Radio"));
 };
 const disabledRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("label", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { disabled: true }), "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Radio.default, { disabled: true }), "Radio"));
 };
 const ariaLabelRadioDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Radio.default, { inputProps: { "aria-label": "\u5355\u9009\u6846" } }, "Radio"));
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Radio.default, { inputProps: { "aria-label": "\u5355\u9009\u6846" } }, "Radio"));
 };
 var A11yDemos_default = {
   basicRadioDemo,

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

@@ -1,5 +1,5 @@
 import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
+import * as React from 'react';
 export type RatingSize = 'xsmall' | 'small' | 'medium' | 'large';
 export type RatingProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { OverrideProps } from '@bifrostui/types';
 /**
  * 滚动事件详情
@@ -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/ScrollView/__tests__/fixtures/A11yDemos.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare const BasicScrollViewDemo: React.FC;
 export declare const HorizontalScrollViewDemo: React.FC;
 export declare const ScrollEventsDemo: React.FC;