mobile-more/lib/components/BizPopup/Popup.d.ts

基于 antd-mobile v5 扩展移动端 UI 组件

import React from 'react';
import { PopupProps as BasePopupProps } from 'antd-mobile';
import { BizCloseHeadProps } from '../BizHead';
import './index.less';
export interface BizPopupProps extends BasePopupProps {
    /**
     * @description 自定义头部。
     */
    header?: React.ReactNode;
    /**
     * @description 头部样式。
     */
    headerStyle?: React.CSSProperties;
    /**
     * @description 头部类名。
     */
    headerClassName?: string;
    /**
     * @description 头部属性。
     * @see {@link https://mobile-more.vercel.app/#/components/biz-head#bizheadclosehead|BizCloseHeadProps}
     */
    headerProps?: BizCloseHeadProps;
    /**
     * @description 内容样式。
     */
    contentStyle?: React.CSSProperties;
    /**
     * @description 内容类名。
     */
    contentClassName?: string;
    /**
     * @description 头部标题。
     */
    title?: React.ReactNode;
    /**
     * @description 头部和内容之间的内容。
     */
    extra?: React.ReactNode;
    /**
     * @description 显示头部右侧关闭图标。
     * @default true
     */
    closable?: boolean;
    /**
     * @description 点击蒙层是否关闭弹层
     * @default true
     */
    maskClosable?: boolean;
    /**
     * 切换显示/隐藏时触发。
     * @param visible 是否显示。
     * @returns
     */
    onVisibleChange?: (visible: boolean) => void;
    /**
     * @description 用于触发弹层显示的 `dom`。
     */
    trigger?: React.ReactElement;
    /**
     * @description 触发弹层显示的 `dom` 根元素属性。
     */
    triggerRootProps?: React.HTMLAttributes<HTMLSpanElement>;
    style?: BasePopupProps['style'] & {
        '--adm-color-primary'?: string;
    };
}
declare const BizPopup: React.FC<BizPopupProps>;
/**
 * @deprecated 即将废弃，请使用 `BizPopup` 替代。
 */
export declare const Popup: React.FC<BizPopupProps>;
/**
 * @deprecated 即将废弃，请使用 `BizPopupProps` 替代。
 */
export type PopupProps = BizPopupProps;
export default BizPopup;