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

package/es/src/DesktopTimePicker/useGetTimePickerContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TimePickerContentProps } from './DesktopTimePicker.types';
+declare const useGetTimePickerContent: (props: TimePickerContentProps) => {
+    desktopTimePanel: () => React.JSX.Element;
+};
+export default useGetTimePickerContent;

package/es/src/DesktopTimePicker/utils/scrollUtil.d.ts

@@ -0,0 +1,2 @@
+declare const handleScroll: (elementName: string, setScrollTop: (scrollTop: number) => void, index?: number) => void;
+export default handleScroll;

package/es/src/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts

@@ -0,0 +1,2 @@
+declare const handleScroll: (elementName: string, setScrollTop: (scrollTop: number) => void, index: number) => void;
+export default handleScroll;

package/es/src/DesktopTimePicker/utils/utils.d.ts

@@ -0,0 +1,28 @@
+import dayjs, { Dayjs } from 'dayjs';
+import { DisabledTimeView, ViewTypeWithMeridiem, ITimeInstance, ITimeItemNumberInstance, TimeSteps } from '../DesktopTimePicker.types';
+/**
+ * 判断时间是否在可选日期区间内
+ */
+export declare const getIsRangeDate: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
+/**
+ * 判断时间是否在 disabledView 时间区间内
+ */
+export declare const isDisabledViewTime: (time: Dayjs, disabledTimeView: DisabledTimeView) => boolean;
+/**
+ * 判断时间是否在 minTime & maxTime 时间区间内
+ */
+export declare const getIsRangeTime: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
+/**
+ * 判断时间是否在disabledView || outOf minTime-maxTime 时间区间内
+ */
+export declare const isDisabledTime: (time: Dayjs, start?: Dayjs, end?: Dayjs, disabledTimeView?: DisabledTimeView) => boolean;
+/**
+ * 获取分钟时间面板 是否小于minTime分钟
+ */
+export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
+export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
+export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
+export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/es/src/Dialog/Dialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DialogProps } from './Dialog.types';
+import './index.less';
+/**
+ * Dialog组件 - 既可以作为组件使用，也可以函数式调用
+ */
+declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Dialog;

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

@@ -0,0 +1,137 @@
+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' | 'alert';
+export type Dispatch = (action: boolean, e: React.SyntheticEvent, val?: string) => void;
+export interface DialogProps extends Omit<ModalProps, 'title' | 'content'> {
+    /**
+     * 对话框类型
+     * @default confirm
+     */
+    type?: DialogType;
+    /**
+     * 自定义标题
+     */
+    title?: ReactNode;
+    /**
+     * 自定义内容
+     */
+    content?: ReactNode;
+    /**
+     * 输入框占位文本
+     */
+    placeholder?: string;
+    /**
+     * 透传给内部Input组件的属性
+     */
+    InputProps?: Partial<InputProps>;
+    /**
+     * 确认按钮文本内容
+     */
+    okText?: ReactNode;
+    /**
+     * 取消文本内容
+     */
+    cancelText?: ReactNode;
+    /**
+     * theme 主题定制
+     */
+    theme?: ThemeProps;
+    /**
+     * 渲染Dialog的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
+    /**
+     * 确认回调
+     */
+    onOk?: (e: React.SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+     * 取消回调
+     */
+    onCancel?: (e: React.SyntheticEvent) => void;
+}
+/**
+ * 函数式调用配置参数
+ */
+export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'onOk' | 'onCancel'> & {
+    /**
+     * 确认回调
+     */
+    onOk?: (e: React.SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+     * 取消回调
+     */
+    onCancel?: (e: React.SyntheticEvent) => void;
+};
+/**
+ * prompt函数式调用配置参数
+ */
+export type PromptOptions = (DialogOptions & {
+    /**
+     * 输入框占位文本
+     */
+    placeholder?: string;
+    /**
+     * 内部<input>标签的标准属性
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}) | string;
+/**
+ * confirm函数式调用配置参数
+ */
+export type ConfirmOptions = DialogOptions | string;
+/**
+ * alert函数式调用配置参数
+ */
+export type AlertOptions = DialogOptions | string;
+/**
+ * Dialog函数式调用返回值类型
+ */
+export type DialogPromise = Promise<boolean | string>;
+/**
+ * Dialog Instance
+ */
+export interface DialogFunction {
+    /**
+     * 显示确认框 Dialog.confirm
+     */
+    confirm?: (options: ConfirmOptions) => Promise<boolean>;
+    /**
+     * 显示提示对话框 Dialog.prompt
+     */
+    prompt?: (options: PromptOptions, val?: string) => Promise<string | null>;
+    /**
+     * 显示警告对话框 Dialog.alert
+     */
+    alert?: (options: AlertOptions) => Promise<boolean>;
+}
+/**
+ * Dialog组件类型，支持组件式调用和函数式调用
+ */
+export interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * 显示确认框
+     */
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    /**
+     * 显示提示对话框
+     */
+    prompt: (options: PromptOptions) => Promise<string | null>;
+    /**
+     * 显示警告对话框
+     */
+    alert: (options: AlertOptions) => Promise<boolean>;
+    /**
+     * 使用Dialog Hook
+     */
+    useDialog: () => [DialogFunction, React.JSX.Element];
+}

package/es/src/Dialog/FunctionalDialog.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DialogPromise, PromptOptions, ConfirmOptions, AlertOptions, DialogOptions, DialogFunction } from './Dialog.types';
+declare const FunctionalDialog: {
+    (props: DialogOptions | string): DialogPromise;
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    prompt: (options: PromptOptions) => Promise<string>;
+    alert: (options: AlertOptions) => Promise<boolean>;
+    useDialog: () => [DialogFunction, React.JSX.Element];
+};
+export default FunctionalDialog;

package/es/src/Dialog/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * 自定义 Dialog 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 A11yDemos.tsx（固定约定）
+ */
+export declare const basicDialogDemo: () => React.JSX.Element;
+export declare const promptDialogDemo: () => React.JSX.Element;
+export declare const alertDialogDemo: () => React.JSX.Element;

package/es/src/Dialog/index.d.ts

@@ -0,0 +1,5 @@
+import { DialogComponent as DialogComponentType } from './Dialog.types';
+declare const DialogWithMethods: DialogComponentType;
+export default DialogWithMethods;
+export { DialogWithMethods as Dialog };
+export * from './Dialog.types';

package/es/src/Drawer/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * 自定义 Drawer 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 A11yDemos.tsx（固定约定）
+ */
+export declare const basicDrawerDemo: () => React.JSX.Element;
+export declare const leftDrawerDemo: () => React.JSX.Element;
+export declare const rightDrawerDemo: () => React.JSX.Element;
+export declare const topDrawerDemo: () => React.JSX.Element;
+export declare const noBackdropDrawerDemo: () => React.JSX.Element;
+export declare const interactiveDrawerDemo: () => React.JSX.Element;
+declare const _default: {
+    basicDrawerDemo: () => React.JSX.Element;
+    leftDrawerDemo: () => React.JSX.Element;
+    rightDrawerDemo: () => React.JSX.Element;
+    topDrawerDemo: () => React.JSX.Element;
+    noBackdropDrawerDemo: () => React.JSX.Element;
+    interactiveDrawerDemo: () => React.JSX.Element;
+};
+export default _default;

package/es/src/Fade/Fade.miniapp.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Fade Animation Component
+ * @description A component that implements fade in/out animation effects for elements
+ * @component Fade
+ */
+import React from 'react';
+import type { FadeProps } from './Fade.types';
+import './index.less';
+declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLElement>>;
+export default Fade;

package/es/src/IconButton/IconButton.types.d.ts

@@ -0,0 +1,76 @@
+import { OverrideProps, ThemeColor, ButtonOpenType } from '@bifrostui/types';
+import React from 'react';
+export type IconButtonProps<D extends React.ElementType = 'button', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * - small: 小按钮
+         * - medium: 中号按钮，默认按钮
+         * - large: 大按钮
+         * @default 'medium'
+         */
+        size?: 'small' | 'medium' | 'large';
+        /** 按钮颜色
+         */
+        color?: ThemeColor;
+        /**
+         * - default: 图标按钮
+         * - contained: 实心填充按钮
+         * - outlined: 描边按钮
+         * - subtle: 柔和按钮
+         * @default 'default'
+         */
+        variant?: 'default' | 'contained' | 'outlined' | 'subtle';
+        /**
+         * - circular: 圆形
+         * - square: 正方形
+         * - rounded: 圆角
+         * @default 'circular'
+         */
+        shape?: 'circular' | 'square' | 'rounded';
+        /**
+         * 是否禁用
+         * @default false
+         */
+        disabled?: boolean;
+        /**
+         * 仅微信小程序支持的button开放能力
+         */
+        openType?: ButtonOpenType;
+        /**
+         * 提供可访问的名称
+         * 图标按钮必须设置此属性，因为没有可见文本
+         * @example "搜索", "关闭", "菜单", "收藏"
+         */
+        'aria-label'?: string;
+        /**
+         * 禁用状态
+         * @example true - 禁用, false - 开启
+         */
+        'aria-disabled'?: boolean;
+        /**
+         * 切换按钮的按下状态
+         * 用于切换类型的按钮（如收藏、点赞、静音等）
+         * @example true - 已激活, false - 未激活
+         */
+        'aria-pressed'?: boolean;
+        /**
+         * 展开/折叠状态
+         * 用于控制下拉菜单、面板等可展开内容的按钮
+         * @example true - 已展开, false - 已折叠
+         */
+        'aria-expanded'?: boolean;
+        /**
+         * 弹出内容类型
+         * 指示点击按钮后会弹出什么类型的内容
+         * @example "menu" - 弹出菜单, "dialog" - 弹出对话框
+         */
+        'aria-haspopup'?: boolean | 'menu' | 'dialog' | 'listbox';
+        /**
+         * 关联描述该按钮的元素ID
+         * 用于提供额外的说明信息
+         * @example aria-describedby="help-text"
+         */
+        'aria-describedby'?: string;
+    };
+    defaultComponent: D;
+}, D>;

package/es/src/Image/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * 自定义 Image 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 A11yDemos.tsx（固定约定）
+ */
+export declare const basicImageDemo: () => React.JSX.Element;
+export declare const ClickableImageDemo: () => React.JSX.Element;
+export declare const placeholderImageDemo: () => React.JSX.Element;
+export declare const errorImageDemo: () => React.JSX.Element;
+export declare const lazyImageDemo: () => React.JSX.Element;
+export declare const noAltImageDemo: () => React.JSX.Element;
+declare const _default: {
+    basicImageDemo: () => React.JSX.Element;
+    ClickableImageDemo: () => React.JSX.Element;
+    placeholderImageDemo: () => React.JSX.Element;
+    errorImageDemo: () => React.JSX.Element;
+    lazyImageDemo: () => React.JSX.Element;
+    noAltImageDemo: () => React.JSX.Element;
+};
+export default _default;

package/es/src/Input/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * 自定义 Input 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 customDemoComponent.tsx（固定约定）
+ */
+export declare const basicInputDemo: () => React.JSX.Element;
+export declare const disabledInputDemo: () => React.JSX.Element;
+export declare const requiredInputDemo: () => React.JSX.Element;
+export declare const readOnlyInputDemo: () => React.JSX.Element;
+export declare const placeholderInputDemo: () => React.JSX.Element;
+export declare const ariaLabelInputDemo: () => React.JSX.Element;
+declare const _default: {
+    basicInputDemo: () => React.JSX.Element;
+    disabledInputDemo: () => React.JSX.Element;
+    requiredInputDemo: () => React.JSX.Element;
+    readOnlyInputDemo: () => React.JSX.Element;
+    placeholderInputDemo: () => React.JSX.Element;
+    ariaLabelInputDemo: () => React.JSX.Element;
+};
+export default _default;

package/es/src/ItemSelector/ItemSelector.types.d.ts

@@ -0,0 +1,39 @@
+import { OverrideProps } from '@bifrostui/types';
+export type itemType = {
+    /** Item名 */
+    name: string;
+};
+export type ItemGroup = {
+    /** Item列表 */
+    items: itemType[];
+    /** 组名 */
+    groupName?: string;
+    /** 索引字母 */
+    indexName?: string;
+    /** 索引Code */
+    indexCode?: string;
+    /** 是否平铺 */
+    isFlat?: boolean;
+};
+export type ItemSelectorProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /** Item列表 */
+        items: ItemGroup[];
+        /** 禁用展示索引 默认false 即展示索引 */
+        disableIndex?: boolean;
+        /** 头部标题 */
+        title?: string;
+        /** 选择Item回调 */
+        onSelect: (e: React.SyntheticEvent, data: {
+            item: itemType;
+            group: ItemGroup;
+        }) => void;
+        /** 和title配合使用，头部右侧的关闭回调 */
+        onClose?: (e: React.SyntheticEvent) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type ItemSelectorCoreProps = ItemSelectorProps & {
+    touchHandler: any;
+    height?: string;
+};

package/es/src/Modal/Modal.miniapp.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ViewProps } from '@tarojs/components';
+import './index.less';
+declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
+    open?: boolean;
+    container?: Element | (() => Element);
+    hideBackdrop?: boolean;
+    BackdropProps?: Partial<import("../Backdrop").BackdropProps<"div", {}>>;
+    onClose?: (e: React.SyntheticEvent<Element, Event>, detail?: import("./Modal.types").ModalCloseDetail) => void;
+    disableScrollLock?: boolean;
+    disablePortal?: boolean;
+    keepMounted?: boolean;
+} & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, keyof import("@bifrostui/types").ICommonProps | "container" | "open" | "onClose" | "disablePortal" | "BackdropProps" | "keepMounted" | "hideBackdrop" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/es/src/Modal/Modal.types.d.ts

@@ -0,0 +1,44 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { SyntheticEvent } from 'react';
+import { BackdropProps } from '../Backdrop/Backdrop.types';
+import { PortalProps } from '../Portal/Portal.types';
+export type ModalCloseDetail = {
+    from?: string;
+};
+export type ModalProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否打开Modal
+         */
+        open?: boolean;
+        /**
+         * Portal容器
+         */
+        container?: PortalProps['container'];
+        /**
+         * 是否隐藏背景遮罩
+         */
+        hideBackdrop?: boolean;
+        /**
+         * 背景遮罩属性
+         */
+        BackdropProps?: Partial<BackdropProps>;
+        /**
+         * 关闭回调
+         */
+        onClose?: (e: SyntheticEvent, detail?: ModalCloseDetail) => void;
+        /**
+         * 是否禁用滚动锁定
+         */
+        disableScrollLock?: boolean;
+        /**
+         * 是否禁用Portal
+         */
+        disablePortal?: PortalProps['disablePortal'];
+        /**
+         * 是否保持挂载状态
+         */
+        keepMounted?: boolean;
+    };
+    defaultComponent: D;
+}, D>;

package/es/src/Modal/ModalManager.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Modal管理器，用于管理多个弹窗的状态
+ * 参考MUI的ModalManager实现
+ */
+interface ManagedModal {
+    modalRef: HTMLElement;
+    mount: HTMLElement;
+}
+export declare function ariaHidden(element: Element, show: boolean): void;
+export declare class ModalManager {
+    private modals;
+    private containers;
+    add(modal: ManagedModal, container: Element): number;
+    mount(modal: ManagedModal, props: {
+        disableScrollLock?: boolean;
+    }): void;
+    remove(modal: ManagedModal, ariaHiddenState?: boolean): number;
+    isTopModal(modal: ManagedModal): boolean;
+}
+export declare const modalManager: ModalManager;
+export {};

package/es/src/Modal/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * 自定义 Modal 组件 Demo 集合
+ * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
+ * 文件名必须是 customDemoComponent.tsx（固定约定）
+ */
+export declare const basicModalDemo: () => React.JSX.Element;
+export declare const keepMountedDemo: () => React.JSX.Element;

package/es/src/Modal/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './Modal';
+export { default as Modal } from './Modal';
+export * from './Modal.types';
+export { ModalManager, modalManager } from './ModalManager';
+export { useModal } from './useModal';
+export type { UseModalParameters, UseModalReturnValue } from './useModal';

package/es/src/Modal/useModal.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface UseModalParameters {
+    container?: Element | (() => Element | null) | null;
+    disableScrollLock?: boolean;
+    onClose?: (event: React.SyntheticEvent<Element, Event>, detail?: {
+        from: 'backdropClick' | 'escapeKeyDown';
+    }) => void;
+    open: boolean;
+    rootRef?: React.Ref<Element>;
+    [key: string]: any;
+}
+export interface UseModalReturnValue {
+    getRootProps: (otherHandlers?: Record<string, any>) => Record<string, unknown>;
+    getBackdropProps: (otherHandlers?: Record<string, any>) => Record<string, unknown>;
+    getTransitionProps: () => {
+        onEnter: () => void;
+        onExited: () => void;
+    };
+    rootRef: React.RefCallback<Element>;
+    portalRef: React.RefCallback<HTMLElement>;
+    exited: boolean;
+    hasTransition: boolean;
+}
+export declare function useModal(parameters: UseModalParameters): UseModalReturnValue;

package/es/src/Picker/Picker.types.d.ts

@@ -0,0 +1,121 @@
+import React from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import { DrawerProps } from '../Drawer/Drawer.types';
+export interface IPickerOptionItem {
+    /**
+     * 选项的文字内容
+     */
+    label?: string | number;
+    /**
+     * 选项对应唯一的值
+     */
+    value: string | number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+export type ICascadePickerChildOptionItem = IPickerOptionItem & {
+    /**
+     * 用于级联选项，子节点可能没有children属性
+     */
+    children?: ICascadePickerChildOptionItem[];
+};
+export type ICascadePickerOptionItem = IPickerOptionItem & {
+    /**
+     * 用于级联选项，根节点必须含有children属性
+     */
+    children: ICascadePickerChildOptionItem[];
+};
+export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> = OverrideProps<{
+    props: P & {
+        /**
+         * 是否展示选择器
+         * @default false
+         */
+        open?: boolean;
+        /**
+         * 标题
+         */
+        title?: string;
+        /**
+         * 确认文本内容
+         */
+        confirmText?: string;
+        /**
+         * 取消文本内容
+         */
+        cancelText?: string;
+        /**
+         * 列表数据
+         * @default []
+         */
+        options?: IPickerOptionItem[][] | ICascadePickerOptionItem[];
+        /**
+         * 选中的值
+         */
+        value?: (string | number)[];
+        /**
+         * 内部内容DOM节点上的Props
+         */
+        contentProps?: React.HTMLAttributes<HTMLDivElement>;
+        /**
+         * 点击确认按钮时候回调
+         */
+        onConfirm?: (e: React.MouseEvent<HTMLDivElement>, data: {
+            value: (string | number)[];
+            options: ICascadePickerChildOptionItem[][];
+        }) => void;
+        /**
+         * 选项值变更时的回调
+         */
+        onOptionChange?: (e: React.TransitionEvent<HTMLDivElement>, data: {
+            value: (string | number)[];
+            options: ICascadePickerChildOptionItem[][];
+            currentOption: ICascadePickerChildOptionItem;
+            columnIndex: number;
+        }) => void;
+        /**
+         * 点击取消按钮时候回调
+         */
+        onCancel?: (e: React.MouseEvent<HTMLDivElement>) => void;
+        /**
+         * 关闭选择器时执行
+         */
+        onClose?: (e: React.MouseEvent<HTMLDivElement>, data: {
+            from: string;
+            value: (string | number)[];
+            options: ICascadePickerChildOptionItem[][];
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;
+export type PickerPanelProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 单列面板的列表数据
+         * @default []
+         */
+        options?: ICascadePickerChildOptionItem[];
+        /**
+         * 选中值
+         */
+        value?: string | number;
+        /**
+         * 列索引
+         */
+        columnIndex?: number;
+        /**
+         * 是否展示选择器
+         */
+        open?: boolean;
+        /**
+         * 选择选项时的回调
+         */
+        onSelect?: (e: React.TransitionEvent<HTMLDivElement>, data: {
+            columnOption: ICascadePickerChildOptionItem;
+            columnIndex: number;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/src/Picker/__tests__/fixtures/A11yDemos.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarDemo: () => React.JSX.Element;