@bifrostui/react 1.5.3 → 2.0.0-alpha.1

package/dist/Tooltip/Tooltip.css

@@ -1,91 +0,0 @@
-.bui-tooltip {
-  --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
-  --localtion-position: var(--bui-tooltip-localtion-position, 8PX);
-  --max-width: var(--bui-tooltip-max-width, 350px);
-  --content-min-width: var(--bui-tooltip-content-min-width, 30px);
-  --content-min-height: var(--bui-tooltip-content-min-height, 32px);
-  --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
-  max-width: var(--max-width);
-  font-size: var(--bui-text-size-1);
-  position: absolute;
-  visibility: hidden;
-  z-index: var(--bui-z-index-tooltip);
-}
-.bui-tooltip .bui-tooltip-arrow {
-  width: 0;
-  height: 0;
-  position: absolute;
-}
-.bui-tooltip .bui-tooltip-arrow.location-left {
-  left: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-right {
-  right: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-top {
-  top: var(--localtion-position);
-}
-.bui-tooltip .bui-tooltip-arrow.location-bottom {
-  bottom: var(--localtion-position);
-}
-.bui-tooltip.tooltip-top .location-center,
-.bui-tooltip.tooltip-bottom .location-center {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.bui-tooltip.tooltip-left .location-center,
-.bui-tooltip.tooltip-right .location-center {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.bui-tooltip.tooltip-top {
-  padding-bottom: var(--arrow-size);
-}
-.bui-tooltip.tooltip-top .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  bottom: 0;
-}
-.bui-tooltip.tooltip-bottom {
-  padding-top: var(--arrow-size);
-}
-.bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
-  border-left: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  top: 0;
-}
-.bui-tooltip.tooltip-left {
-  padding-right: var(--arrow-size);
-}
-.bui-tooltip.tooltip-left .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  right: 0;
-}
-.bui-tooltip.tooltip-right {
-  padding-left: var(--arrow-size);
-}
-.bui-tooltip.tooltip-right .bui-tooltip-arrow {
-  border-top: var(--arrow-size) solid transparent;
-  border-bottom: var(--arrow-size) solid transparent;
-  border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
-  left: 0;
-}
-.bui-tooltip .bui-tooltip-content {
-  min-width: var(--content-min-width);
-  min-height: var(--content-min-height);
-  padding: var(--content-padding);
-  color: var(--bui-color-white);
-  text-align: left;
-  text-decoration: none;
-  word-wrap: break-word;
-  background-color: var(--bui-color-bg-alpha-dark-7);
-  border-radius: var(--bui-shape-radius-poster);
-  box-shadow:
-    0 3px 6px -4px rgba(0, 0, 0, 0.12),
-    0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 9px 28px 8px rgba(0, 0, 0, 0.05);
-}

package/dist/Tooltip/Tooltip.d.ts

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

package/dist/Tooltip/Tooltip.types.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@bifrostui/types';
-type triggerType = 'click' | 'hover';
-export type TooltipProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 气泡浮层显示内容
-         */
-        title?: string;
-        /**
-         * 默认是否显隐
-         * @default false
-         */
-        defaultOpen?: boolean;
-        /**
-         * 用于手动控制气泡浮层显隐
-         */
-        open?: boolean;
-        /**
-         * 用于控制气泡浮层和目标元素偏移量
-         */
-        offsetSpacing?: number;
-        /**
-         * 气泡框位置
-         * @default 'top'
-         */
-        placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-        /**
-         * 触发行为
-         * - click: 点击触发
-         * - hover: hover触发
-         * - 或者是他们的数组
-         * @default 'click'
-         */
-        trigger?: triggerType | triggerType[];
-        /**
-         * 点击事件回调方法
-         * - event 触发事件
-         * - data.open 浮层显隐状态
-         * @returns
-         */
-        onOpenChange?: (event: React.SyntheticEvent, data: {
-            open: boolean;
-        }) => void;
-    };
-    defaultComponent: D;
-}, D>;
-export {};

package/dist/index.d.ts

@@ -1,56 +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';

package/dist/locales/base.d.ts

@@ -1,51 +0,0 @@
-export interface BaseLang {
-    dialog?: {
-        cancel?: string;
-        confirm?: string;
-        placeholder?: string;
-    };
-    picker?: {
-        cancel?: string;
-        confirm?: string;
-    };
-    calendar?: {
-        Monday?: string;
-        Tuesday?: string;
-        Wednesday?: string;
-        Thursday?: string;
-        Friday?: string;
-        Saturday?: string;
-        Sunday?: string;
-    };
-    input?: {
-        placeholder?: string;
-    };
-    textarea?: {
-        placeholder?: string;
-    };
-    selector?: {
-        select?: string;
-    };
-    citySelector?: {
-        selectedCityGroupName?: string;
-        currentCityGroupName?: string;
-        hotCitiesGroupName?: string;
-        located?: string;
-        current?: string;
-        hot?: string;
-        gpsType?: Record<string, string>;
-        currentType?: Record<string, string>;
-        hotCityType?: Record<string, string>;
-    };
-    desktopDatePicker?: {
-        month?: Record<number, string>;
-    };
-    datePicker?: {
-        year: string;
-        month: string;
-        day: string;
-        hour: string;
-        minute: string;
-        second: string;
-    };
-}

package/es/ActionSheet/ActionSheetItem.types.d.ts

@@ -1,38 +0,0 @@
-import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React from 'react';
-export type ActionSheetItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 是否禁用
-         * @default false
-         */
-        disabled?: boolean;
-        /**
-         * 颜色
-         * @default 'default'
-         */
-        color?: ThemeColor | 'default';
-        /**
-         * 是否加粗
-         * @default false
-         */
-        bold?: boolean;
-        /**
-         * 描述内容
-         */
-        description?: React.ReactNode;
-        /**
-         * 索引标记
-         */
-        index?: string | number;
-        /**
-         * 点击事件回调方法
-         * @param event
-         * @param data
-         */
-        onClick?: (event: React.MouseEvent<HTMLDivElement>, data?: {
-            index: string | number;
-        }) => void;
-    };
-    defaultComponent: D;
-}, D>;

package/es/Alert/Alert.types.d.ts

@@ -1,61 +0,0 @@
-import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React, { SyntheticEvent } from 'react';
-export type AlertProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 指定警告提示的样式
-         */
-        color?: ThemeColor;
-        /**
-         * 自定义图标，icon为false时隐藏图标
-         */
-        icon?: React.ReactNode | boolean;
-        /**
-         *  警告提示操作区
-         */
-        action?: React.ReactNode;
-        /**
-         * 警告模式
-         */
-        variant?: 'standard' | 'outlined';
-        /**
-         * 内容是否滚动（内容只能单行）
-         */
-        marquee?: boolean;
-        /**
-         *  关闭回调
-         */
-        onClose?: (e?: SyntheticEvent) => void;
-    };
-    defaultComponent: D;
-}, D>;
-export type AlertIconProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 指定警告提示的样式
-         */
-        color?: ThemeColor;
-        /**
-         * 自定义图标，icon为false时隐藏图标
-         */
-        icon?: React.ReactNode | boolean;
-    };
-    defaultComponent: D;
-}, D>;
-export type AlertActionProps<D extends React.ElementType = React.ElementType, P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 指定警告提示的样式
-         */
-        color?: ThemeColor;
-        /**
-         *  警告提示操作区
-         */
-        action?: React.ReactNode;
-        /**
-         *  关闭回调,
-         */
-        onClose?: (e?: SyntheticEvent) => void;
-    };
-    defaultComponent: D;
-}, D>;

package/es/Backdrop/Backdrop.css

@@ -1,15 +0,0 @@
-.bui-backdrop {
-  --background-color: var(--bui-backdrop-background-color, rgba(0, 0, 0, 0.68));
-  position: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  top: 0;
-  background-color: var(--background-color);
-}
-.bui-backdrop-invisible {
-  background-color: transparent;
-}

package/es/Backdrop/Backdrop.d.ts

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

package/es/Backdrop/Backdrop.types.d.ts

@@ -1,17 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React from 'react';
-import { FadeProps } from '../Fade/Fade.types';
-import { TransitionProps } from '../Transition';
-export interface BackdropTypeMap<D extends React.ElementType = 'div', P = {}> {
-    props: P & {
-        open?: boolean;
-        /**
-         * 是否透明不可见
-         * - default:false
-         */
-        invisible?: boolean;
-        transitionDuration?: TransitionProps['timeout'];
-    } & Omit<FadeProps, 'children'>;
-    defaultComponent: D;
-}
-export type BackdropProps<D extends React.ElementType = BackdropTypeMap['defaultComponent'], P = {}> = OverrideProps<BackdropTypeMap<D, P>, D>;

package/es/Badge/Badge.css

@@ -1,105 +0,0 @@
-.bui-badge {
-  --badge-position: var(--bui-badge-position, 14%);
-  --min-width: var(--bui-badge-min-width, 15px);
-  --height: var(--bui-badge-height, 15px);
-  --line-height: var(--bui-badge-line-height, 15px);
-  --padding: var(--bui-badge-padding, 0 3px);
-  --border-radius: var(--bui-badge-border-radius, 8px);
-  --outlined-padding: var(--bui-badge-outlined-padding, 0 2px);
-  --dot-size: var(--bui-badge-dot-size, 9px);
-  --bubble-padding: var(--bui-badge-bubble-padding, 0 5px);
-  --bubble-border-radius: var(--bui-badge-bubble-border-radius, 6px 6px 6px 0);
-  display: inline-block;
-  font-family: var(--bui-font-family);
-}
-.bui-badge-position {
-  position: relative;
-}
-.bui-badge-position .bui-badge-contained,
-.bui-badge-position .bui-badge-outlined {
-  position: absolute;
-  top: var(--badge-position);
-  right: var(--badge-position);
-  transform: scale(1) translate(50%, -50%);
-}
-.bui-badge-position .bui-badge-dot {
-  top: var(--badge-position);
-  right: var(--badge-position);
-  transform: scale(1) translate(50%, -50%);
-}
-.bui-badge-position .bui-badge-bubble {
-  top: var(--badge-position);
-  right: var(--badge-position);
-  transform: scale(1) translate(50%, -50%);
-}
-.bui-badge-contained,
-.bui-badge-outlined {
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  min-width: var(--min-width);
-  height: var(--height);
-  line-height: var(--line-height);
-  padding: var(--padding);
-  font-size: var(--bui-text-size-4);
-  border-radius: var(--border-radius);
-  color: var(--bui-color-bg-view);
-  white-space: nowrap;
-  z-index: 1;
-}
-.bui-badge-outlined {
-  padding: var(--outlined-padding);
-}
-.bui-badge-primary {
-  background-color: var(--bui-color-primary);
-}
-.bui-badge-success {
-  background-color: var(--bui-color-success);
-}
-.bui-badge-info {
-  background-color: var(--bui-color-info);
-}
-.bui-badge-warning {
-  background-color: var(--bui-color-warning);
-}
-.bui-badge-danger {
-  background-color: var(--bui-color-danger);
-}
-.bui-badge-dot {
-  width: var(--dot-size);
-  min-width: 0;
-  height: var(--dot-size);
-  padding: 0;
-  border-radius: 100%;
-}
-.bui-badge-bubble {
-  border-radius: var(--bubble-border-radius);
-  padding: var(--bubble-padding);
-}
-.bui-badge-outlined {
-  background: var(--bui-color-bg-view);
-}
-.bui-badge-outlined.bui-badge-primary {
-  border: 1px solid var(--bui-color-primary);
-  color: var(--bui-color-primary);
-}
-.bui-badge-outlined.bui-badge-success {
-  border: 1px solid var(--bui-color-success);
-  color: var(--bui-color-success);
-}
-.bui-badge-outlined.bui-badge-info {
-  border: 1px solid var(--bui-color-info);
-  color: var(--bui-color-info);
-}
-.bui-badge-outlined.bui-badge-warning {
-  border: 1px solid var(--bui-color-warning);
-  color: var(--bui-color-warning);
-}
-.bui-badge-outlined.bui-badge-danger {
-  border: 1px solid var(--bui-color-danger);
-  color: var(--bui-color-danger);
-}
-.bui-badge-outlined.bui-badge-bubble {
-  border-radius: var(--bubble-border-radius);
-}

package/es/Badge/Badge.d.ts

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

package/es/Badge/Badge.types.d.ts

@@ -1,27 +0,0 @@
-import { OverrideProps, ThemeColor } from '@bifrostui/types';
-import React, { ReactNode } from 'react';
-export type BadgeProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         *徽章内容
-         */
-        content?: ReactNode;
-        /**
-         * 颜色
-         */
-        color?: ThemeColor;
-        /**
-         * 最大值
-         */
-        maxCount?: number;
-        /**
-         *徽章类型
-         */
-        variant?: 'contained' | 'outlined';
-        /**
-         * 徽章形状
-         */
-        type?: 'dot' | 'standard' | 'bubble';
-    };
-    defaultComponent: D;
-}, D>;

package/es/Breadcrumb/Breadcrumb.css

@@ -1,34 +0,0 @@
-.bui-breadcrumb {
-  --margin: var(--bui-breadcrumb-margin, 0);
-  --padding: var(--bui-breadcrumb-padding, 0);
-  --color: var(--bui-breadcrumb-color, rgba(0, 0, 0, 0.45));
-  --item-separator-margin: var(--bui-breadcrumb-item-separator-margin, 0 8px);
-  --list-li-color: var(--bui-breadcrumb-list-li-color, rgba(0, 0, 0, 0.88));
-  margin: var(--margin);
-  padding: var(--padding);
-  color: var(--color);
-  list-style: none;
-  font-size: var(--bui-text-size-1);
-  line-height: var(--bui-line-height);
-}
-.bui-breadcrumb-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin: var(--margin);
-  padding: var(--padding);
-  list-style: none;
-}
-.bui-breadcrumb-list a {
-  color: var(--color);
-  text-decoration: none;
-  cursor: pointer;
-}
-.bui-breadcrumb-list li:last-child {
-  color: var(--list-li-color);
-}
-.bui-breadcrumb-item {
-  cursor: pointer;
-}
-.bui-breadcrumb-item-separator {
-  margin: var(--item-separator-margin);
-}

package/es/Breadcrumb/Breadcrumb.d.ts

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