UNPKG

yuang-framework-ui-pc

Version:

yuang-framework-ui-pc Library

216 lines (214 loc) 6.54 kB
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;