@bifrostui/react 1.5.3 → 2.0.0-alpha.1

package/es/CitySelector/CitySelector.css

@@ -1,116 +0,0 @@
-.bui-city-selector {
-  --select-item-width: var(--bui-city-selector-item-width, 111px);
-  --select-item-height: var(--bui-city-selector-item-height, 36px);
-  --select-item-border-radius: var(--bui-city-selector-item-border-radius, 20px);
-  --select-item-margin: var(--bui-city-selector-item-margin, 4.5px 0 4.5px 9px);
-  --title-height: var(--bui-city-selector-title-height, 45px);
-  --title-line-height: var(--bui-city-selector-title-line-height, 45px);
-  --btn-close-size: var(--bui-city-selector-btn-close-size, 45px);
-  --btn-close-font-size: var(--bui-city-selector-btn-close-font-size, 20px);
-  --container-with-title-height: var(--bui-city-selector-container-with-title-height, calc(100% - var(--title-height)));
-  --city-container-min-height: var(--bui-city-selector-city-container-min-height, 500px);
-  --select-city-buttons-padding: var(--bui-city-selector-select-city-buttons-padding, 7.5px 0 0 3px);
-  --select-city-title-line-height: var(--bui-city-selector-select-city-title-line-height, 15px);
-  --list-item-height: var(--bui-city-selector-list-item-height, 45px);
-  --city-index-has-title-top: var(--bui-city-selector-city-index-has-title-top, calc(50% + var(--title-height) / 2));
-  --index-item-height: var(--bui-city-selector-index-item-height, 20px);
-  font-family: var(--bui-font-family);
-  height: 100%;
-  position: relative;
-}
-.bui-city-selector-title {
-  width: 100%;
-  height: var(--title-height);
-  color: var(--bui-color-fg-default);
-  font-size: var(--bui-title-size-3);
-  line-height: var(--title-line-height);
-  text-align: center;
-  position: sticky;
-  top: 0;
-  z-index: 1004;
-  border-bottom: solid 1px var(--bui-color-border-default);
-  background-color: var(--bui-color-bg-view);
-}
-.bui-city-selector-btn-close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: var(--btn-close-size);
-  height: var(--btn-close-size);
-  color: var(--bui-color-fg-muted);
-  text-align: center;
-  font-size: var(--btn-close-font-size);
-}
-.bui-city-selector-scroll-view-container {
-  height: 100%;
-}
-.bui-city-selector-scroll-view-container.container-has-title {
-  height: var(--container-with-title-height);
-}
-.bui-city-selector-all-city {
-  min-height: var(--city-container-min-height);
-  font-size: var(--bui-text-size-2);
-  width: 100%;
-  background: var(--bui-color-bg-view);
-  align-self: flex-start;
-}
-.bui-city-selector-all-city .select-city-buttons {
-  display: flex;
-  flex-flow: wrap;
-  padding: var(--select-city-buttons-padding);
-}
-.bui-city-selector-all-city .select-city-title {
-  font-size: var(--bui-title-size-4);
-  line-height: var(--select-city-title-line-height);
-  font-weight: var(--bui-font-weight-bold);
-  padding-left: var(--bui-spacing-lg);
-  padding-top: var(--bui-spacing-md);
-}
-.bui-city-selector-list {
-  padding-left: var(--bui-spacing-lg);
-  list-style-type: none;
-}
-.bui-city-selector-list-item {
-  height: var(--list-item-height);
-  font-size: var(--bui-title-size-4);
-  display: flex;
-  align-items: center;
-}
-.bui-city-selector-list-item:not(:last-child) {
-  border-bottom: 0.5px solid var(--bui-color-border-default);
-}
-.bui-city-selector-index-container {
-  z-index: 1001;
-  position: absolute;
-  white-space: nowrap;
-  right: 0;
-  top: 50%;
-  width: 40px;
-  will-change: transform;
-  transform: translate(0, -50%);
-  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
-}
-.bui-city-selector-index-container.left-in {
-  opacity: 1;
-  transform: translate(0, -50%);
-}
-.bui-city-selector-index-container.city-index-has-title {
-  top: var(--city-index-has-title-top);
-}
-.bui-city-selector-index-container ul {
-  margin: 0;
-  padding: 0;
-  float: left;
-  width: 100%;
-  touch-action: none;
-}
-.bui-city-selector-index-container li {
-  list-style: none;
-  height: var(--index-item-height);
-  text-align: center;
-  font-size: var(--bui-text-size-3);
-  color: var(--bui-color-info, --bui-color-info);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/es/CitySelector/CitySelector.miniapp.d.ts

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

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

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import { OverrideProps } from '@bifrostui/types';
-export type cityType = {
-    /** 城市名 */
-    name: string;
-    /** 城市名id */
-    code: string;
-};
-export type allCityItemType = {
-    /** 城市列表 */
-    cities: cityType[];
-    /** 索引字母 */
-    groupName: string;
-};
-export type CitySelectorProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /** 当前城市信息 */
-        selectedCity?: cityType;
-        /** 当前城市栏的title */
-        selectedCityGroupName?: string;
-        /** 定位城市信息 */
-        currentCity?: cityType;
-        /** 定位城市栏的title */
-        currentCityGroupName?: string;
-        /** 热门城市信息 */
-        hotCities?: cityType[];
-        /** 热门城市栏的title */
-        hotCitiesGroupName?: string;
-        /** 城市列表 */
-        cities: allCityItemType[];
-        /** 禁用展示索引 默认false 即展示索引 */
-        disableIndex?: boolean;
-        /** 头部标题 */
-        title?: string;
-        /** 选择城市回调 */
-        onSelect: (e: React.SyntheticEvent, data: {
-            city: cityType;
-        }) => void;
-        /** 和title配合使用，头部右侧的关闭回调 */
-        onClose?: (e: React.SyntheticEvent) => void;
-    };
-    defaultComponent: D;
-}, D>;
-export type CitySelectorCoreProps = CitySelectorProps & {
-    touchHandler: any;
-    height?: string;
-};

package/es/CitySelector/CitySelectorCore.d.ts

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

package/es/CitySelector/miniapp.css

@@ -1,4 +0,0 @@
-.bui-city-scroll-view-container {
-  height: 100%;
-  display: block;
-}

package/es/Collapse/Collapse.css

@@ -1,5 +0,0 @@
-.bui-collapse {
-  overflow: hidden;
-  height: fit-content;
-  width: fit-content;
-}

package/es/Collapse/Collapse.d.ts

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

package/es/Collapse/Collapse.miniapp.d.ts

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

package/es/CollapsePanel/CollapsePanel.css

@@ -1,34 +0,0 @@
-.bui-collapse-panel {
-  --width: var(--bui-collapse-panel-width, 100%);
-  --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
-  --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
-  --title-font-size: var(--bui-collapse-panel-title-font-size, var(--bui-title-size-3));
-  --content-font-size: var(--bui-collapse-panel-content-font-size, var(--bui-text-size-1));
-  width: var(--width);
-  background-color: var(--bui-color-bg-view);
-  color: var(--bui-color-fg-default);
-}
-.bui-collapse-panel-item-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: solid 1px #eee;
-  cursor: pointer;
-}
-.bui-collapse-panel-item-header-label {
-  padding: var(--header-padding);
-  font-size: var(--title-font-size);
-}
-.bui-collapse-panel-item-header-icon-arrow {
-  transform: rotate(0deg);
-  transition: all 0.3s ease;
-}
-.bui-collapse-panel-item-header-icon-arrow-active {
-  transform: rotate(-180deg);
-}
-.bui-collapse-panel-item-content {
-  padding: var(--content-padding);
-  font-size: var(--content-font-size);
-  transition: height 0.5s ease;
-  overflow: hidden;
-}

package/es/CollapsePanel/CollapsePanel.d.ts

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

package/es/Countdown/Countdown.css

@@ -1,39 +0,0 @@
-.bui-countdown {
-  --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
-  --color: var(--bui-countdown-color, var(--bui-color-fg-default));
-  --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
-  --slice-unit-margin: var(--bui-countdown-slice-unit-margin, 0 2px);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  font-size: var(--font-size);
-  color: var(--color);
-  font-weight: var(--font-weight);
-  font-family: var(--bui-font-family);
-}
-.bui-countdown-slice {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.bui-countdown-slice-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.bui-countdown-slice-value {
-  font-family:
-    "Helvetica Neue",
-    helvetica,
-    "PingFang SC",
-    "Chinese Quote",
-    "Segoe UI",
-    roboto,
-    "Hiragino Sans GB",
-    "Microsoft YaHei",
-    arial,
-    sans-serif;
-}
-.bui-countdown-slice-unit {
-  margin: var(--slice-unit-margin);
-}

package/es/Countdown/Countdown.d.ts

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

package/es/Countdown/Countdown.types.d.ts

@@ -1,123 +0,0 @@
-import { OverrideProps } from '@bifrostui/types';
-import React, { CSSProperties } from 'react';
-/**
- * 当前时间
- */
-export type CurrentTime = {
-    /**
-     * 剩余总时间，单位毫秒
-     */
-    total: number;
-    /**
-     * 剩余年数
-     */
-    years: string;
-    /**
-     * 剩余月数
-     */
-    months: string;
-    /**
-     * 剩余天数
-     */
-    days: string;
-    /**
-     * 剩余小时
-     */
-    hours: string;
-    /**
-     * 剩余分钟
-     */
-    minutes: string;
-    /**
-     * 剩余秒数
-     */
-    seconds: string;
-    /**
-     * 剩余整数天余下的小时
-     */
-    hoursWithDays: string;
-};
-export type CountdownProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
-    props: P & {
-        /**
-         * 倒计时剩余时间，是一个时间段（单位毫秒），与endTimestamp互斥
-         * @default 0
-         */
-        remainingTime?: number;
-        /**
-         * 倒计时结束时间戳，是一个时间点，与remainingTime互斥，优先级比remainingTime高
-         */
-        endTimestamp?: number;
-        /**
-         * 服务器时间戳，是一个时间点，可与endTimestamp配合使用
-         */
-        serverTimestamp?: number;
-        /**
-         * 格式化倒计时展示，参考 dayjs
-         * @default HH:mm:ss
-         */
-        format?: string;
-        /**
-         * 时间单位的样式
-         */
-        unitStyle?: CSSProperties;
-        /**
-         * 倒计时位数的样式，用于定制第一、第二位数字的样式
-         */
-        valueStyle?: CSSProperties[];
-        /**
-         * 各时间区块的样式，用于定制各个时间块的样式，若第一、第二位数字的样式相同，则可替代valueStyle
-         */
-        timeSliceStyle?: CSSProperties;
-        /**
-         * 倒计时完成时触发
-         */
-        onFinish?: () => void;
-        /**
-         * 倒计时时间变化时触发
-         */
-        onChange?: (data: {
-            value: number;
-        }) => void;
-        /**
-         * 自定义render内容
-         */
-        renderContent?: (data: CurrentTime) => React.ReactNode;
-    };
-    defaultComponent: D;
-}, D>;
-/**
- * 倒计时格式化后分割项
- */
-interface CountdownItem {
-    /**
-     * 倒计时切片字符串
-     */
-    valStr: string;
-    /**
-     * 倒计时切片数值
-     */
-    value: number;
-    /**
-     * 倒计时切片是否为零
-     */
-    isZero: boolean;
-    /**
-     * 倒计时切片单位
-     */
-    unitText: string;
-}
-/**
- * 格式化倒计时
- */
-export type FormatedCountdown = {
-    /**
-     * 剩余总时间
-     */
-    timeStr: string;
-    /**
-     * 倒计时切片数组
-     */
-    timeList: CountdownItem[];
-};
-export {};

package/es/DesktopDatePicker/DesktopDatePicker.d.ts

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

package/es/Dialog/Dialog.d.ts

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

package/es/Dialog/Dialog.types.d.ts

@@ -1,114 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ModalProps } from '../Modal/Modal.types';
-import { InputProps } from '../Input/Input.types';
-import { ThemeProps } from '../ThemeProvider/ThemeProvider.types';
-/**
- * 对话框类型
- */
-export type DialogType = 'confirm' | 'prompt';
-export type Dispatch = (action: boolean, val?: string) => void;
-export type DialogRef = {
-    theme?: ThemeProps;
-};
-export interface DialogProps extends ModalProps {
-    /**
-     * 对话框类型
-     * @default confirm
-     */
-    type?: DialogType;
-    /**
-     * 自定义标题
-     */
-    header?: ReactNode;
-    /**
-     * 自定义内容
-     */
-    message?: ReactNode;
-    /**
-     * 输入框占位文本
-     */
-    placeholder?: string;
-    /**
-     * 透传给内部Input组件的属性
-     */
-    InputProps?: Partial<InputProps>;
-    /**
-     * 确认文本内容
-     */
-    confirmText?: ReactNode;
-    /**
-     * 取消文本内容
-     */
-    cancelText?: ReactNode;
-    /**
-     * theme 主题定制
-     */
-    theme?: ThemeProps;
-    /**
-     * 渲染Dialog的根容器
-     * @default document.body
-     */
-    container?: HTMLElement | (() => HTMLElement);
-    /**
-     * 确认回调
-     */
-    onOk?: (val?: string) => void;
-    /**
-     * 取消回调
-     */
-    onClose?: () => void;
-}
-/**
- * 函数式调用配置参数
- */
-export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'onOk' | 'onClose'> & {
-    /**
-     * 确认回调
-     */
-    onConfirm?: (val?: string) => void | Promise<void>;
-    /**
-     * 取消回调
-     */
-    onCancel?: () => void | Promise<void>;
-};
-/**
- * prompt函数式调用配置参数
- */
-export type PromptOptions = (DialogOptions & {
-    /**
-     * 输入框占位文本
-     */
-    placeholder?: string;
-    /**
-     * 内部<input>标签的标准属性
-     */
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-}) | string;
-/**
- * confirm函数式调用配置参数
- */
-export type ConfirmOptions = DialogOptions | string;
-/**
- * Dialog函数式调用返回值类型
- */
-export type DialogPromise = Promise<boolean | string>;
-/**
- * Dialog Instance
- */
-export interface DialogFunction {
-    /**
-     * 直接调用显示确认框 Dialog
-     */
-    (options: ConfirmOptions): DialogPromise;
-    /**
-     * 显示确认框 Dialog.confirm
-     */
-    confirm?: (options: ConfirmOptions) => DialogPromise;
-    /**
-     * 显示提示对话框 Dialog.prompt
-     */
-    prompt?: (options: PromptOptions, val?: string) => DialogPromise;
-}
-export interface DialogInstance extends DialogFunction {
-    useDialog: () => [DialogFunction, React.JSX.Element];
-}

package/es/Dialog/FunctionalDialog.d.ts

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

package/es/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-export { default, default as Dialog } from './FunctionalDialog';
-export * from './Dialog.types';

package/es/Divider/Divider.css

@@ -1,43 +0,0 @@
-.bui-divider {
-  --height: var(--bui-divider-height, 100%);
-  --width: var(--bui-divider-width, 100%);
-  --border-width: var(--bui-divider-border-width, 1px);
-  --line-width: var(--bui-divider-line-width, 40px);
-  border-color: var(--bui-color-border-default);
-  font-family: var(--bui-font-family);
-}
-.bui-divider-vertical {
-  height: var(--height);
-  display: inline-block;
-  border-right-width: var(--border-width);
-  border-right-style: solid;
-}
-.bui-divider-horizontal {
-  width: var(--width);
-  border-bottom-width: var(--border-width);
-  border-bottom-style: solid;
-}
-.bui-divider-vertical-dashed {
-  border-right-style: dashed;
-}
-.bui-divider-horizontal-dashed {
-  border-bottom-style: dashed;
-}
-.bui-divider-content {
-  width: 100%;
-  border-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.bui-divider-line {
-  width: var(--line-width);
-  border-bottom-width: var(--border-width);
-  border-bottom-style: solid;
-  border-color: var(--bui-color-border-default);
-}
-.bui-divider-text {
-  flex-shrink: 0;
-  color: var(--bui-color-fg-subtle);
-  font-size: var(--bui-text-size-2);
-}

package/es/Divider/Divider.d.ts

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

package/es/Drawer/Drawer.css

@@ -1,34 +0,0 @@
-.bui-drawer {
-  font-family: var(--bui-font-family);
-}
-.bui-drawer-content {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  flex: 1 0 auto;
-  position: fixed;
-  top: 0;
-  outline: 0;
-  background-color: var(--bui-color-bg-view);
-}
-.bui-drawer-content-left {
-  left: 0;
-}
-.bui-drawer-content-top {
-  top: 0;
-  left: 0;
-  right: 0;
-  height: auto;
-  max-height: 100%;
-}
-.bui-drawer-content-right {
-  right: 0;
-}
-.bui-drawer-content-bottom {
-  bottom: 0;
-  top: auto;
-  left: 0;
-  right: 0;
-  height: auto;
-  max-height: 100%;
-}

package/es/Drawer/Drawer.d.ts

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