yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
216 lines (214 loc) • 6.54 kB
TypeScript
import { PropType, ExtractPropTypes } from 'vue';
import { dialogProps } from 'element-plus';
import { StyleValue } from '../ele-app/types';
import { Resizable, MoveOut, Position } from './types';
/**
* 属性
*/
export declare const eleDialogProps: {
appendToBody: {
type: BooleanConstructor;
default: boolean;
};
draggable: {
type: BooleanConstructor;
default: boolean;
};
/** 是否可以拖出边界 */
moveOut: PropType<MoveOut>;
/** 是否可以拉伸 */
resizable: PropType<Resizable>;
/** 初始位置 */
position: PropType<Position>;
/** 是否在弹窗关闭后重置位置和大小 */
resetOnClose: {
type: BooleanConstructor;
default: boolean;
};
/** 是否显示最大化切换按钮 */
maxable: BooleanConstructor;
/** 是否支持打开多个 */
multiple: BooleanConstructor;
/** 是否限制在主体内部 */
inner: BooleanConstructor;
/** 最小拉伸宽度 */
minWidth: {
type: NumberConstructor;
default: number;
};
/** 最小拉伸高度 */
minHeight: {
type: NumberConstructor;
default: number;
};
/** 标题栏样式 */
headerStyle: PropType<StyleValue>;
/** 标题样式 */
titleStyle: PropType<StyleValue>;
/** 主体样式 */
bodyStyle: PropType<StyleValue>;
/** 底栏样式 */
footerStyle: PropType<StyleValue>;
/** 自定义关闭按钮样式 */
closeBtnStyle: PropType<StyleValue>;
/** 自定义全屏按钮样式 */
fullscreenBtnStyle: PropType<StyleValue>;
/** 拉伸图标样式 */
resizeIconStyle: PropType<StyleValue>;
/** 是否开启响应式 */
responsive: {
type: BooleanConstructor;
default: null;
};
/** 是否是表单弹窗 */
form: BooleanConstructor;
appendTo: {
readonly type: PropType<string | HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "body";
};
beforeClose: {
readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
destroyOnClose: BooleanConstructor;
closeOnClickModal: {
readonly type: PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
closeOnPressEscape: {
readonly type: PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
lockScroll: {
readonly type: PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
modal: {
readonly type: PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
openDelay: {
readonly type: PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
closeDelay: {
readonly type: PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: 0;
};
top: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
modelValue: BooleanConstructor;
modalClass: StringConstructor;
headerClass: StringConstructor;
bodyClass: StringConstructor;
footerClass: StringConstructor;
width: {
readonly type: PropType<string | number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
zIndex: {
readonly type: PropType<number>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
trapFocus: BooleanConstructor;
headerAriaLevel: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
center: BooleanConstructor;
alignCenter: BooleanConstructor;
closeIcon: {
readonly type: PropType<string | import('vue').Component>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
overflow: BooleanConstructor;
fullscreen: BooleanConstructor;
showClose: {
readonly type: PropType<boolean>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: true;
};
title: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "";
};
ariaLevel: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
} & {
readonly default: "2";
};
};
export type EleDialogProps = ExtractPropTypes<typeof eleDialogProps>;
/**
* 事件
*/
export declare const eleDialogEmits: {
/** 更新全屏状态 */
'update:fullscreen': (_fullscreen: boolean) => boolean;
open: () => boolean;
opened: () => boolean;
close: () => boolean;
closed: () => boolean;
"update:modelValue": (value: boolean) => boolean;
openAutoFocus: () => boolean;
closeAutoFocus: () => boolean;
};
export type EleDialogPropKeys = Array<keyof typeof dialogProps>;
/**
* 弹窗组件属性名
*/
export declare const eleDialogPropKeys: EleDialogPropKeys;