@bifrostui/react 2.0.0-alpha.0 → 2.0.0-alpha.1

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

@@ -1,258 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@bifrostui/types';
-interface ScrollViewScrollEvent extends Event {
-    detail?: {
-        scrollLeft: number;
-        scrollTop: number;
-        scrollHeight: number;
-        scrollWidth: number;
-        deltaX?: number;
-        deltaY?: number;
-        isDrag?: boolean;
-    };
-}
-interface ScrollViewDragEvent extends Event {
-    detail?: {
-        /** 横向滚动条位置 */
-        scrollLeft?: number;
-        /** 竖向滚动条位置 */
-        scrollTop?: number;
-        /** 滚动速度 */
-        velocity?: number;
-    };
-}
-export type ScrollViewProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 允许横向滚动
-         * @default false
-         * @type {boolean}
-         */
-        scrollX?: boolean;
-        /**
-         * 允许纵向滚动
-         * @default false
-         * @type {boolean}
-         */
-        scrollY?: boolean;
-        /**
-         * 距顶部/左边多远时（单位px），触发 scrolltoupper 事件
-         * @default 50
-         * @type {number}
-         */
-        upperThreshold?: number;
-        /**
-         * 距底部/右边多远时（单位px），触发 scrolltolower 事件
-         * @default 50
-         * @type {number}
-         */
-        lowerThreshold?: number;
-        /**
-         * 设置竖向滚动条位置
-         * @type {number}
-         */
-        scrollTop?: number;
-        /**
-         * 设置横向滚动条位置
-         * @type {number}
-         */
-        scrollLeft?: number;
-        /**
-         * 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
-         * @type {string}
-         */
-        scrollIntoView?: string;
-        /**
-         * 在设置滚动条位置时使用动画过渡
-         * @default false
-         * @type {boolean}
-         */
-        scrollWithAnimation?: boolean;
-        /** 指定 scroll-into-view 目标节点在视口内的位置。
-         * start - 目标节点显示在视口开始处
-         * center - 目标节点显示在视口中间
-         * end - 目标节点显示在视口结束处
-         * nearest - 目标节点在就近的视口边缘显示，若节点已在视口内则不触发滚动
-         * @default 'start'
-         */
-        scrollIntoViewAlignment?: ScrollLogicalPosition;
-        /**
-         * 滚动条返回顶部，只支持竖向
-         * @default false
-         * @type {boolean}
-         */
-        enableBackToTop?: boolean;
-        /** 启用 flexbox 布局。开启后，当前节点声明了 `display: flex` 就会成为 flex container，并作用于其孩子节点。
-         * 仅小程序可用
-         * @default false
-         */
-        enableFlex?: boolean;
-        /** 开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS `overflow-anchor` 属性。
-         * 仅小程序可用
-         * @default false
-         */
-        scrollAnchoring?: boolean;
-        /** 开启自定义下拉刷新
-         * 仅小程序可用
-         * @default false
-         */
-        refresherEnabled?: boolean;
-        /** 设置自定义下拉刷新默认样式，支持设置 `black | white | none`， none 表示不使用默认样式
-         * 仅小程序可用
-         * @default 'black'
-         */
-        refresherDefaultStyle?: string;
-        /** 设置自定义下拉刷新区域背景颜色
-         * 仅小程序可用
-         * @default '#FFF'
-         */
-        refresherBackground?: string;
-        /** 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
-         * 仅小程序可用
-         * @default false
-         */
-        refresherTriggered?: 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;
-        /** boolean	false	滑动减速速率控制 (同时开启 enhanced 属性后生效)
-         * 仅小程序可用
-         * @default false
-         */
-        fastDeceleration?: boolean;
-        /** 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
-         * 仅小程序可用
-         */
-        scrollAnimationDuration?: number;
-        /** 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 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;
-        /**
-         * 滚动到顶部/左边，会触发 scrolltoupper 事件
-         */
-        onScrollToUpper?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
-        /**
-         * 滚动到底部/右边，会触发 scrolltolower 事件
-         */
-        onScrollToLower?: (e: React.SyntheticEvent<HTMLDivElement, Event>) => void;
-        /**
-         * 滚动时触发
-         */
-        onScroll?: (e: React.SyntheticEvent<HTMLDivElement, ScrollViewScrollEvent>) => void;
-        /**
-         * 触摸后移动
-         */
-        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>;
-export {};

package/es/Select/Select.types.d.ts

@@ -1,104 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React, { Ref, SyntheticEvent } from 'react';
-import { BackdropProps } from '../Backdrop';
-export type BuiSelectValue = string | number;
-export interface BuiSelectContextProps {
-    /**
-     * 当前选中值
-     */
-    selectValue?: BuiSelectValue;
-    /**
-     * 设置根选择器展示内容
-     */
-    setRenderValue?: React.Dispatch<React.SetStateAction<string>>;
-    /**
-     * 选项点击的回调
-     */
-    handleOptionClick?: (event?: React.MouseEvent<HTMLDivElement>, value?: BuiSelectValue, label?: React.ReactNode) => void;
-}
-export type SelectOptionProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 选项的值
-         */
-        value?: BuiSelectValue;
-        /**
-         * 回填内容
-         * 没传children时也作为选项内容
-         */
-        label?: React.ReactNode;
-        /**
-         * 禁用
-         */
-        disabled?: boolean;
-    };
-    defaultComponent: D;
-}, D>;
-export type SelectProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * inputRef
-         */
-        inputRef?: Ref<HTMLInputElement>;
-        /**
-         * inputProp
-         */
-        inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-        /**
-         * BackdropProp
-         */
-        BackdropProps?: BackdropProps;
-        /**
-         * input 名称标识
-         */
-        name?: string;
-        /**
-         * 当前值
-         */
-        value?: BuiSelectValue;
-        /**
-         * 默认值
-         */
-        defaultValue?: BuiSelectValue;
-        /**
-         * 没有选中时显示的内容
-         */
-        placeholder?: React.ReactNode;
-        /**
-         * 自定义图标
-         */
-        icon?: React.ReactNode;
-        /**
-         * 禁用
-         */
-        disabled?: boolean;
-        /**
-         * 是否展开下拉框
-         */
-        open?: boolean;
-        /**
-         * 滚动容器
-         * 下拉框元素和children将会被append到scrollContainer中
-         * 默认是页面的根节点
-         */
-        scrollContainer?: () => Element | null;
-        /**
-         * 自定义选中后展示的内容
-         */
-        /**
-         * 选中某一项时的回调，并将选中的值传递过去
-         */
-        onChange?: (e: SyntheticEvent, data: {
-            value: string;
-        }) => void;
-        /**
-         * 展开下拉框时的回调
-         */
-        onOpen?: () => void;
-        /**
-         * 折叠下拉框时的回调
-         */
-        onClose?: () => void;
-    };
-    defaultComponent: D;
-}, D>;

package/es/Select/selectContext.d.ts

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

package/es/Tabs/Tab.types.d.ts

@@ -1,12 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
-import { ITabItem, TabChangeEvent } from './Tabs.types';
-export type TabProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & Partial<Omit<ITabItem, 'title'>> & {
-        /**
-         * 点击Tab的回调
-         */
-        onClick?: TabChangeEvent;
-    };
-    defaultComponent: D;
-}, D>;

package/es/Tabs/TabPanel.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './TabPanel.less';
-import { TabPanelProps } from './TabPanel.types';
-declare const TabPanel: React.ForwardRefExoticComponent<Omit<TabPanelProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default TabPanel;

package/es/Tabs/Tabs.types.d.ts

@@ -1,35 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React, { SyntheticEvent } from 'react';
-export interface TabHeaderItem {
-    title: React.ReactNode;
-    index: string;
-    disabled?: boolean;
-}
-export interface ITabsChangeData {
-    /** 切换后的tab索引 */
-    index: string;
-}
-export type TabChangeEvent = (e?: SyntheticEvent, data?: ITabsChangeData) => void;
-export interface ITabItem {
-    title: React.ReactNode;
-    index: string;
-    disabled?: boolean;
-}
-export type ITabAlign = 'start' | 'center';
-export type TabsProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 当前选中面板的索引值，与tabs.index对应
-         */
-        value?: string;
-        /**
-         * 切换面板的数据
-         */
-        tabs?: ITabItem[];
-        /**
-         * 切换面板的回调
-         */
-        onChange?: TabChangeEvent;
-    };
-    defaultComponent: D;
-}, D>;

package/es/Tabs/TabsContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { TabChangeEvent, TabsProps } from './Tabs.types';
-declare const TabsContext: React.Context<Omit<TabsProps<"div", {}>, "onChange"> & {
-    triggerChange: TabChangeEvent;
-}>;
-export declare const TabsContextProvider: React.Provider<Omit<TabsProps<"div", {}>, "onChange"> & {
-    triggerChange: TabChangeEvent;
-}>;
-export default TabsContext;

package/es/Tabs/utils/bound.d.ts

@@ -1 +0,0 @@
-export default function bound(position: number, min: number | undefined, max: number | undefined): number;

package/es/Tabs/utils/bound.js

@@ -1,13 +0,0 @@
-function bound(position, min, max) {
-  let ret = position;
-  if (min !== void 0) {
-    ret = Math.max(position, min);
-  }
-  if (max !== void 0) {
-    ret = Math.min(ret, max);
-  }
-  return ret;
-}
-export {
-  bound as default
-};

package/es/TextArea/TextArea.types.d.ts

@@ -1,70 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React, { Ref, TextareaHTMLAttributes } from 'react';
-interface AutoSizeType {
-    minHeight?: number;
-    maxHeight?: number;
-}
-export type TextAreaProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 输入框内容，受控时使用
-         */
-        value?: string;
-        /**
-         * 默认输入框内容，非受控时使用
-         */
-        defaultValue?: string;
-        /**
-         * 内部<textarea>标签的标准属性
-         */
-        textareaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
-        /**
-         * 内部<textarea>标签的ref
-         */
-        textareaRef?: Ref<HTMLTextAreaElement>;
-        /**
-         * 内部<textarea>名称标识
-         */
-        name?: string;
-        /**
-         * 占位内容
-         */
-        placeholder?: string;
-        /**
-         * 是否禁用，默认为false
-         */
-        disabled?: boolean;
-        /**
-         * 文本框行数，默认为2
-         */
-        rows?: number;
-        /**
-         * 内容最大长度
-         */
-        maxLength?: number;
-        /**
-         * 自适应内容高度，可设置为 true | false 或对象：{
-         *     minHeight?: number;
-         *     maxHeight?: number;
-         *   }，单位为px，默认为false
-         * 支持H5、微信小程序，支付宝小程序不支持
-         */
-        autoSize?: boolean | AutoSizeType;
-        /**
-         * 是否自动聚焦，默认为false
-         */
-        autoFocus?: boolean;
-        /**
-         * 展示字数，默认为false
-         */
-        showCount?: boolean;
-        /**
-         * 文本框内容变化时的回调
-         */
-        onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>, data: {
-            value: string;
-        }) => void;
-    };
-    defaultComponent: D;
-}, D>;
-export {};

package/es/ThemeProvider/ThemeProvider.types.d.ts

@@ -1,122 +0,0 @@
-import { ReactNode } from 'react';
-import { OverrideProps } from '@bifrostui/types';
-import { BaseLang } from '../locales/base';
-export interface Breakpoints {
-    /**
-     * 超小屏幕 (小于 576px，实际为了处理临界值，断点值为 575.98px)
-     * @default '575.98px'
-     */
-    xs?: string;
-    /**
-     * 小屏幕
-     * @default '576px'
-     */
-    sm?: string;
-    /**
-     * 中等屏幕
-     * @default '768px'
-     */
-    md?: string;
-    /**
-     * 大屏幕
-     * @default '992px'
-     */
-    lg?: string;
-    /**
-     * 超大屏幕
-     * @default '1200px'
-     */
-    xl?: string;
-}
-/**
- * 响应式屏幕断点配置
- */
-interface ResponsiveTokenOptions {
-    /**
-     * 超小屏幕 (小于 576px，实际为了处理临界值，断点值为 575.98px)
-     */
-    xs?: Record<string, string>;
-    /**
-     * 小屏幕 (≥ 576px)
-     */
-    sm?: Record<string, string>;
-    /**
-     * 中等屏幕 (≥ 768px)
-     */
-    md?: Record<string, string>;
-    /**
-     * 大屏幕 (≥ 992px)
-     */
-    lg?: Record<string, string>;
-    /**
-     * 超大屏幕 (≥ 1200px)
-     */
-    xl?: Record<string, string>;
-}
-interface ThemeProps {
-    /**
-     * 当前ThemeProvider是否为最顶层
-     * 若当前应用会出现嵌套的ThemeProvider，则需要将最外层的ThemeProvider isRoot属性设置为true
-     * @default false
-     */
-    isRoot?: boolean;
-    /**
-     * 挂载的容器
-     * @default root
-     */
-    container?: ReactNode;
-    /**
-     * 挂载容器的id
-     */
-    containerId?: string;
-    /**
-     * 语言
-     */
-    locale?: BaseLang;
-    /**
-     * 响应式屏幕断点配置
-     */
-    responsive?: ResponsiveTokenOptions;
-    /**
-     * 默认高亮主题Token
-     */
-    defaultLightToken?: Record<string, string>;
-    /**
-     * 默认暗黑主题Token
-     */
-    defaultDarkToken?: Record<string, string>;
-    /**
-     * 大麦高亮主题Token
-     */
-    dmLightToken?: Record<string, string>;
-    /**
-     * 先锋版高亮主题Token
-     */
-    pioneerLightToken?: Record<string, string>;
-    /**
-     * 组件Token
-     */
-    token?: Record<string, string>;
-}
-/**
- * 复写内置主题Tokens
- */
-type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'pioneerLightToken'>;
-/**
- * 挂载组件自定义Tokens参数
- */
-export type MountComponentsTokenOptions = Pick<ThemeProps, 'isRoot' | 'container' | 'containerId' | 'token'>;
-export type MountResponsiveTokenOptions = Pick<ThemeProps, 'responsive'> & {
-    breakpoints?: Breakpoints;
-};
-/**
- * 更新Tokens
- */
-export type UpdateTokensOptions = Pick<ThemeProps, 'isRoot' | 'containerId' | 'container'> & {
-    rootString: string;
-};
-export type ThemeProviderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & ThemeProps;
-    defaultComponent: D;
-}, D>;
-export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions, };

package/es/Toast/FunctionalToast.d.ts

@@ -1,3 +0,0 @@
-import { ToastInstance } from './Toast.types';
-declare const Toast: ToastInstance;
-export default Toast;

package/es/Toast/Toast.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ToastProps, ToastRef } from './Toast.types';
-import './index.less';
-declare const ToastComponent: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
-export default ToastComponent;