@bifrostui/react 1.5.3 → 2.0.0-alpha.1

package/es/TabBar/index.types.d.ts

@@ -1,54 +0,0 @@
-import React, { ReactNode } from 'react';
-import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import { BadgeProps } from '../Badge';
-export type TabBarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 当前选中的标签索引值
-         * @default 0
-         */
-        current?: number;
-        /**
-         * 默认文案颜色
-         * @default 'default'
-         */
-        color?: ThemeColor | 'default' | 'vip';
-        /**
-         * 选中文案颜色
-         * @default 'primary'
-         */
-        activeColor?: ThemeColor | 'default' | 'vip';
-        /**
-         * 变化时回调函数
-         */
-        onChange?: (e: React.SyntheticEvent, data: {
-            value: number;
-        }) => void;
-    };
-    defaultComponent: D;
-}, D>;
-export type TabBarItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 标题
-         */
-        title?: ReactNode;
-        /**
-         * 图标
-         */
-        icon?: ReactNode;
-        /**
-         * 选中图标
-         */
-        activeIcon?: ReactNode;
-        /**
-         * 徽章
-         */
-        BadgeProps?: BadgeProps;
-        /**
-         * TabBar index （不对外暴露）
-         */
-        index?: number;
-    };
-    defaultComponent: D;
-}, D>;

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,45 +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[];
-        /**
-         * 对齐方式，默认为center
-         */
-        align?: ITabAlign;
-        /**
-         * 切换面板的回调
-         */
-        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/Tag/Tag.types.d.ts

@@ -1,23 +0,0 @@
-import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React from 'react';
-export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 预定义色彩
-         * @default 'default'
-         */
-        color?: ThemeColor | 'default' | 'vip';
-        /**
-         * 自定义色彩
-         */
-        htmlColor?: string;
-        /**
-         * - outlined: 描边
-         * - contained: 实心填充
-         * - light: 浅亮填充
-         * @default 'outlined'
-         */
-        variant?: 'outlined' | 'contained' | 'light';
-    };
-    defaultComponent: D;
-}, D>;

package/es/Tag/TagGroup.d.ts

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

package/es/TextArea/TextArea.css

@@ -1,53 +0,0 @@
-.bui-textarea {
-  --border-radius: var(--bui-textarea-border-radius, var(--bui-shape-radius-label));
-  --width: var(--bui-textarea-width, 100%);
-  --bg-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
-  --text-color: var(--bui-textarea-text-color, var(--bui-color-fg-subtle));
-  --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
-  --count-text-color: var(--bui-textarea-count-color, var(--bui-color-fg-subtle));
-  --text-font-size: var(--bui-textarea-text-font-size, var(--bui-text-size-2));
-  --count-font-size: var(--bui-textarea-count-font-size, var(--bui-title-size-3));
-  --content-padding: var(--bui-textarea-padding, 8px);
-  --count-padding: var(--bui-textarea-count-padding, 0 4px);
-  --placeholder-color: var(--bui-textarea-placeholder-color, #ced1d6);
-  --placeholder-line-height: var(--bui-textarea-placeholder-line-height, 1.3);
-  background: var(--bui-color-bg-default);
-  border-radius: var(--border-radius);
-  font-family: var(--bui-font-family);
-  overflow: hidden;
-}
-.bui-textarea textarea {
-  font-size: var(--text-font-size);
-  color: var(--text-color);
-  line-height: var(--bui-line-height);
-}
-.bui-textarea .bui-mini-placeholder {
-  color: var(--placeholder-color);
-}
-.bui-textarea-disabled {
-  pointer-events: none;
-}
-.bui-textarea .a-textarea-count-wrap {
-  display: none;
-}
-.bui-textarea-content {
-  width: var(--width);
-  resize: none;
-  background-color: var(--bg-color);
-  padding: var(--content-padding);
-  border: none;
-  outline: none;
-  word-break: break-all;
-  box-sizing: border-box;
-}
-.bui-textarea-content::placeholder {
-  color: var(--placeholder-color);
-  line-height: var(--placeholder-line-height);
-}
-.bui-textarea-count {
-  background-color: var(--count-bg-color);
-  color: var(--count-text-color);
-  text-align: right;
-  padding: var(--count-padding);
-  font-size: var(--count-font-size);
-}

package/es/TextArea/TextArea.d.ts

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

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,127 +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
-     * TODO 不通过属性判断
-     * @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
-     */
-    dmDarkToken?: Record<string, string>;
-    /**
-     * 组件全局Token
-     */
-    token?: Record<string, string>;
-}
-/**
- * 复写内置主题Tokens
- */
-type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'dmDarkToken'>;
-/**
- * 挂载组件自定义Tokens参数
- */
-export type MountComponentsTokenOptions = Pick<ThemeProps, 'isRoot' | 'container' | 'containerId' | 'token'>;
-/**
- * 挂载响应式Tokens参数
- */
-type componentsTokenOptions = Pick<ThemeProps, '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, componentsTokenOptions, };

package/es/ThemeProvider/utils/constants.d.ts

@@ -1,38 +0,0 @@
-/**
- * 响应式屏幕断点
- */
-export declare const breakpoints: {
-    /**
-     * 超小屏幕 (小于 576px，实际为了处理临界值，断点值为 575.98px)
-     */
-    xs: string;
-    /**
-     * 小屏幕 (≥ 576px)
-     */
-    sm: string;
-    /**
-     * 中等屏幕 (≥ 768px)
-     */
-    md: string;
-    /**
-     * 大屏幕 (≥ 992px)
-     */
-    lg: string;
-    /**
-     * 超大屏幕 (≥ 1200px)
-     */
-    xl: string;
-};
-/**
- * 根节点选择器，用于挂载全局Tokens
- */
-export declare const rootSelector: {
-    defaultLight: string[];
-    defaultDark: string[];
-    dmLight: string[];
-    dmDark: string[];
-};
-/**
- * BUI css变量前缀
- */
-export declare const BUI_VAR_PREFIX = "bui-var-";

package/es/ThemeProvider/utils/mountTokens.d.ts

@@ -1,26 +0,0 @@
-import { ThemeProps, MountResponsiveTokenOptions, BuiltInThemesTokenOptions } from '../ThemeProvider.types';
-/**
- * 挂载响应式自定义Tokens
- * 响应式相关的Tokens挂载在全局根节点上，暗黑模式或大麦高亮主题下可自定义额外Toekns复写响应式Tokens
- */
-export declare const mountResponsiveTokens: (options: MountResponsiveTokenOptions) => void;
-/**
- * 复写内置主题Tokens，复写的自定义token应为对应主题css变量的子集
- * BUI内置主题包括以下4种：
- * 1. 默认高亮模式（defaultLightToken 复写 default-light.less）
- * 2. 默认暗黑模式（defaultDarkToken 复写 default-dark.less）
- * 3. 大麦高亮模式（dmLightToken 复写 dm-light.less）
- * 4. 大麦暗黑模式（dmDarkToken 复写 dm-dark.less）
- */
-export declare const overrideBuiltInThemes: (tokenOptions: BuiltInThemesTokenOptions) => void;
-/**
- * 挂载Design Tokens
- * Tokens的优先级：
- * 1. 通常情况：组件的Tokens > 响应式Tokens > BUI内置Tokens（挂载顺序控制）
- * 2. 暗黑模式：组件的Tokens > BUI内置的两种暗黑模式Tokens > 响应式Tokens (选择器权重控制)
- *
- * - 挂载顺序决定BUI内置Tokens（暗黑模式除外）和响应式Tokens的优先级
- * - 选择器权重决定暗黑模式的Tokens和响应式Tokens的优先级
- * - 命名规则决定组件的Tokens（如：--bui-button-xxx）
- */
-export declare const mountTokens: (tokenOptions?: ThemeProps) => void;

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.css

@@ -1,53 +0,0 @@
-.bui-toast {
-  --min-width: var(--bui-toast-min-width, 86px);
-  --max-width: var(--bui-toast-max-width, 80%);
-  --text-align: var(--bui-toast-text-align, center);
-  --flex-direction: var(--bui-toast-flex-direction, column);
-  --padding: var(--bui-toast-padding, var(--bui-spacing-xl));
-  --position-top: var(--bui-toast-position-top, 15%);
-  --position-bottom: var(--bui-toast-position-bottom, 85%);
-  --background-color: var(--bui-toast-bg-color, rgba(0, 0, 0, 0.8));
-  --border-radius: var(--bui-toast-border-radius, var(--bui-shape-radius-default));
-  --icon-margin: var(--bui-toast-icon-margin, 0 0 8px);
-  --icon-font-size: var(--bui-toast-icon-font-size, 30px);
-  position: fixed;
-  left: 50%;
-  z-index: var(--bui-z-index-toast);
-  min-width: var(--min-width);
-  max-width: var(--max-width);
-  padding: var(--padding);
-  font-size: var(--bui-text-size-1);
-  color: var(--bui-color-white);
-  border-radius: var(--border-radius);
-  word-break: break-all;
-  white-space: pre-wrap;
-  background-color: var(--background-color);
-  text-align: var(--text-align);
-  font-family: var(--bui-font-family);
-}
-.bui-toast.bui-toast-allow-click {
-  position: fixed;
-  right: unset;
-  bottom: unset;
-}
-.bui-toast-center {
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.bui-toast-top {
-  top: var(--position-top);
-  transform: translate(-50%, calc(-1 * var(--position-top)));
-}
-.bui-toast-bottom {
-  top: var(--position-bottom);
-  transform: translate(-50%, calc(-1 * var(--position-bottom)));
-}
-.bui-toast-icon {
-  display: flex;
-  flex-direction: var(--flex-direction);
-  align-items: center;
-}
-.bui-toast-icon .bui-svg-icon {
-  margin: var(--icon-margin);
-  font-size: var(--icon-font-size);
-}

package/es/Toast/Toast.d.ts

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

package/es/Toast/Toast.types.d.ts

@@ -1,106 +0,0 @@
-import React from 'react';
-import { FadeProps } from '../Fade/Fade.types';
-import { ThemeProps } from '../ThemeProvider/ThemeProvider.types';
-export type ToastRef = {
-    theme?: ThemeProps;
-};
-/**
- * 提示类型
- */
-export type ToastType = 'loading' | 'success' | 'fail' | 'warning';
-export interface ToastProps extends FadeProps {
-    /**
-     * 是否展示
-     */
-    open?: boolean;
-    /**
-     * 提示类型
-     */
-    type?: ToastType;
-    /**
-     * toast内容，支持使用`\n`换行
-     */
-    message?: string;
-    /**
-     * 展示时长(ms)，值为 0 时，toast 不会消失
-     * @default 2000
-     */
-    duration?: number;
-    /**
-     * 展示位置
-     * @default center
-     */
-    position?: 'top' | 'center' | 'bottom';
-    /**
-     * 是否允许同时存在多个Toast
-     * @default false
-     */
-    allowMultiple?: boolean;
-    /**
-     * 自定义图标
-     */
-    icon?: React.ReactNode;
-    /**
-     * theme 主题定制
-     */
-    theme?: ThemeProps;
-    /**
-     * 展示Toast时，页面内容是否可以点击
-     * @default false
-     */
-    disableClick?: boolean;
-    /**
-     * 渲染Toast的根容器
-     * @default document.body
-     */
-    container?: HTMLElement | (() => HTMLElement);
-    /**
-     * 关闭时的回调函数
-     */
-    onClose?: () => void;
-}
-/**
- * 函数式调用配置参数
- */
-export type ToastOptions = Omit<ToastProps, 'type' | 'open'> | string;
-/**
- * 函数式调用返回值类型
- */
-export type ToastReturnType = {
-    /**
-     * 关闭当前提示
-     */
-    close: () => void;
-};
-/**
- * Toast Instance
- */
-export interface ToastFunction {
-    (options: ToastOptions): ToastReturnType;
-    /**
-     * 警告提示
-     */
-    warning: (options: ToastOptions) => ToastReturnType;
-    /**
-     * 加载提示
-     */
-    loading: (options: ToastOptions) => ToastReturnType;
-    /**
-     * 成功提示
-     */
-    success: (options: ToastOptions) => ToastReturnType;
-    /**
-     * 失败提示
-     */
-    fail: (options: ToastOptions) => ToastReturnType;
-    /**
-     * 清空提示
-     */
-    clear: () => void;
-}
-export interface ToastInstance extends ToastFunction {
-    /**
-     * 获取toast静态方法 & contextHolder
-     */
-    useToast: () => [ToastFunction, React.JSX.Element];
-}