UNPKG

plus-pro-components

Version:

Page level components developed based on Element Plus.

786 lines (785 loc) 221 kB
import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select'; import { LooseRequired } from '@vue/shared'; import { EpPropFinalized, EpPropMergeType, SFCWithInstall, Arrayable } from 'element-plus/es/utils'; import { DrawerProps, DialogBeforeCloseFn, Translator, FormItemRule, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult, ElTooltipProps, TableColumnCtx, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps, ColProps } from 'element-plus'; import { PlusFormProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'plus-pro-components'; import { FieldValues, Mutable, PlusColumn, TableValueType, FormItemValueType, RecordType, OptionsType, OptionsRow, RenderTypes, FieldValueType, PropsItemType, OmitTypes, CascaderProps } from 'plus-pro-components'; import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, Component, ComputedOptions, MethodOptions, Slot, ComputedRef, DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, CSSProperties, ComponentOptionsBase } from 'vue'; export type { PlusDrawerFormProps } from './src/index.vue'; export type PlusDrawerFormInstance = InstanceType<typeof PlusDrawerForm>; export declare const PlusDrawerForm: { new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{ visible: { type: PropType<boolean>; default: boolean; }; size: { type: PropType<string | number>; default: string; }; modelValue: { type: PropType<FieldValues>; default: () => {}; }; form: { type: PropType<PlusFormProps>; default: () => {}; }; hasErrorTip: { type: PropType<boolean>; default: boolean; }; hasFooter: { type: PropType<boolean>; default: boolean; }; confirmText: { type: PropType<string>; default: string; }; cancelText: { type: PropType<string>; default: string; }; confirmLoading: { type: PropType<boolean>; default: boolean; }; drawer: { type: PropType<Partial< Mutable<DrawerProps>>>; default: () => {}; }; }>> & { "onUpdate:visible"?: ((visible: boolean) => any) | undefined; onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined; "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined; onCancel?: (() => any) | undefined; onConfirm?: ((values: FieldValues) => any) | undefined; onConfirmError?: ((errors: unknown) => any) | undefined; }, { drawerInstance: Ref< CreateComponentPublicInstance<Readonly< ExtractPropTypes<{ readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>; readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>; readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; readonly appendToBody: BooleanConstructor; readonly appendTo: EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>; readonly beforeClose: { readonly type: PropType<DialogBeforeCloseFn>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly destroyOnClose: BooleanConstructor; readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly top: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly modelValue: BooleanConstructor; readonly modalClass: StringConstructor; readonly width: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly trapFocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly center: BooleanConstructor; readonly alignCenter: BooleanConstructor; readonly closeIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly draggable: BooleanConstructor; readonly overflow: BooleanConstructor; readonly fullscreen: BooleanConstructor; readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; }>> & { onClose?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onOpen?: (() => any) | undefined; onOpened?: (() => any) | undefined; onClosed?: (() => any) | undefined; onOpenAutoFocus?: (() => any) | undefined; onCloseAutoFocus?: (() => any) | undefined; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>; readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>; readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; readonly appendToBody: BooleanConstructor; readonly appendTo: EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>; readonly beforeClose: { readonly type: PropType<DialogBeforeCloseFn>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly destroyOnClose: BooleanConstructor; readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly top: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly modelValue: BooleanConstructor; readonly modalClass: StringConstructor; readonly width: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly trapFocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly center: BooleanConstructor; readonly alignCenter: BooleanConstructor; readonly closeIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly draggable: BooleanConstructor; readonly overflow: BooleanConstructor; readonly fullscreen: BooleanConstructor; readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; }>> & { onClose?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onOpen?: (() => any) | undefined; onOpened?: (() => any) | undefined; onClosed?: (() => any) | undefined; onOpenAutoFocus?: (() => any) | undefined; onCloseAutoFocus?: (() => any) | undefined; }>>; slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; drawerRef: Ref<HTMLElement | undefined>; focusStartRef: Ref<HTMLElement | undefined>; ns: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; t: Translator; afterEnter: () => void; afterLeave: () => void; beforeLeave: () => void; visible: Ref<boolean>; rendered: Ref<boolean>; titleId: Ref<string>; bodyId: Ref<string>; zIndex: Ref<number>; onModalClick: () => void; onOpenAutoFocus: () => void; onCloseAutoFocus: () => void; onFocusoutPrevented: (event: CustomEvent<any>) => void; onCloseRequested: () => void; handleClose: () => void; isHorizontal: ComputedRef<boolean>; drawerSize: ComputedRef<string | undefined>; Close: any; ElOverlay: DefineComponent<{ readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly customMaskEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly overlayClass: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | ((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, () => VNode<RendererNode, RendererElement, { [key: string]: any; }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { click: (evt: MouseEvent) => boolean; }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly customMaskEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly overlayClass: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | ((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { onClick?: ((evt: MouseEvent) => any) | undefined; }, { readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly customMaskEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>; }, {}>; ElFocusTrap: DefineComponent<{ loop: BooleanConstructor; trapped: BooleanConstructor; focusTrapEl: PropType<HTMLElement>; focusStartEl: { type: PropType<HTMLElement | "container" | "first">; default: string; }; }, { onKeydown: (e: KeyboardEvent) => void; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ loop: BooleanConstructor; trapped: BooleanConstructor; focusTrapEl: PropType<HTMLElement>; focusStartEl: { type: PropType<HTMLElement | "container" | "first">; default: string; }; }>> & { onFocusAfterReleased?: ((...args: any[]) => any) | undefined; onFocusAfterTrapped?: ((...args: any[]) => any) | undefined; onFocusin?: ((...args: any[]) => any) | undefined; onFocusout?: ((...args: any[]) => any) | undefined; "onFocusout-prevented"?: ((...args: any[]) => any) | undefined; "onRelease-requested"?: ((...args: any[]) => any) | undefined; }, { trapped: boolean; loop: boolean; focusStartEl: HTMLElement | "container" | "first"; }, {}>; ElIcon: SFCWithInstall<DefineComponent<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined; }>>; ns: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; style: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, {}>> & Record<string, any>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { open: () => boolean; opened: () => boolean; close: () => boolean; closed: () => boolean; "update:modelValue": (value: boolean) => boolean; openAutoFocus: () => boolean; closeAutoFocus: () => boolean; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{ readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>; readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>; readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; readonly appendToBody: BooleanConstructor; readonly appendTo: EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>; readonly beforeClose: { readonly type: PropType<DialogBeforeCloseFn>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly destroyOnClose: BooleanConstructor; readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly top: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly modelValue: BooleanConstructor; readonly modalClass: StringConstructor; readonly width: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly trapFocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly center: BooleanConstructor; readonly alignCenter: BooleanConstructor; readonly closeIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly draggable: BooleanConstructor; readonly overflow: BooleanConstructor; readonly fullscreen: BooleanConstructor; readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; }>> & { onClose?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onOpen?: (() => any) | undefined; onOpened?: (() => any) | undefined; onClosed?: (() => any) | undefined; onOpenAutoFocus?: (() => any) | undefined; onCloseAutoFocus?: (() => any) | undefined; }, { readonly title: string; readonly center: boolean; readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>; readonly modelValue: boolean; readonly appendTo: string; readonly overflow: boolean; readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly ariaLevel: string; readonly alignCenter: boolean; readonly draggable: boolean; readonly fullscreen: boolean; readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly lockScroll: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly modal: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly openDelay: number; readonly closeDelay: number; readonly trapFocus: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly headerAriaLevel: string; readonly appendToBody: boolean; readonly destroyOnClose: boolean; readonly withHeader: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly modalFade: EpPropMergeType<BooleanConstructor, unknown, unknown>; }, true, {}, {}, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly< ExtractPropTypes<{ readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>; readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>; readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; readonly appendToBody: BooleanConstructor; readonly appendTo: EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>; readonly beforeClose: { readonly type: PropType<DialogBeforeCloseFn>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly destroyOnClose: BooleanConstructor; readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly top: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly modelValue: BooleanConstructor; readonly modalClass: StringConstructor; readonly width: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly trapFocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly center: BooleanConstructor; readonly alignCenter: BooleanConstructor; readonly closeIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly draggable: BooleanConstructor; readonly overflow: BooleanConstructor; readonly fullscreen: BooleanConstructor; readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; }>> & { onClose?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onOpen?: (() => any) | undefined; onOpened?: (() => any) | undefined; onClosed?: (() => any) | undefined; onOpenAutoFocus?: (() => any) | undefined; onCloseAutoFocus?: (() => any) | undefined; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly direction: EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>; readonly size: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>; readonly withHeader: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modalFade: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly headerAriaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; readonly appendToBody: BooleanConstructor; readonly appendTo: EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>; readonly beforeClose: { readonly type: PropType<DialogBeforeCloseFn>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly destroyOnClose: BooleanConstructor; readonly closeOnClickModal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly lockScroll: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly modal: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly openDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly closeDelay: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly top: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly modelValue: BooleanConstructor; readonly modalClass: StringConstructor; readonly width: { readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly trapFocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly center: BooleanConstructor; readonly alignCenter: BooleanConstructor; readonly closeIcon: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly draggable: BooleanConstructor; readonly overflow: BooleanConstructor; readonly fullscreen: BooleanConstructor; readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly ariaLevel: EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>; }>> & { onClose?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onOpen?: (() => any) | undefined; onOpened?: (() => any) | undefined; onClosed?: (() => any) | undefined; onOpenAutoFocus?: (() => any) | undefined; onCloseAutoFocus?: (() => any) | undefined; }>>; slots: Readonly<{ [name: string]: Slot<any> | undefined; }>; drawerRef: Ref<HTMLElement | undefined>; focusStartRef: Ref<HTMLElement | undefined>; ns: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; t: Translator; afterEnter: () => void; afterLeave: () => void; beforeLeave: () => void; visible: Ref<boolean>; rendered: Ref<boolean>; titleId: Ref<string>; bodyId: Ref<string>; zIndex: Ref<number>; onModalClick: () => void; onOpenAutoFocus: () => void; onCloseAutoFocus: () => void; onFocusoutPrevented: (event: CustomEvent<any>) => void; onCloseRequested: () => void; handleClose: () => void; isHorizontal: ComputedRef<boolean>; drawerSize: ComputedRef<string | undefined>; Close: any; ElOverlay: DefineComponent<{ readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly customMaskEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly overlayClass: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | ((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, () => VNode<RendererNode, RendererElement, { [key: string]: any; }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { click: (evt: MouseEvent) => boolean; }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ readonly mask: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly customMaskEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly overlayClass: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>) | ((new (...args: any[]) => string | string[] | Record<string, boolean>) | (() => string | string[] | Record<string, boolean>))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly zIndex: { readonly type: PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { onClick?: ((evt: MouseEvent) => any) | undefined; }, { readonly mask: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly customMaskEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>; }, {}>; ElFocusTrap: DefineComponent<{ loop: BooleanConstructor; trapped: BooleanConstructor; focusTrapEl: PropType<HTMLElement>; focusStartEl: { type: PropType<HTMLElement | "container" | "first">; default: string; }; }, { onKeydown: (e: KeyboardEvent) => void; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ loop: BooleanConstructor; trapped: BooleanConstructor; focusTrapEl: PropType<HTMLElement>; focusStartEl: { type: PropType<HTMLElement | "container" | "first">; default: string; }; }>> & { onFocusAfterReleased?: ((...args: any[]) => any) | undefined; onFocusAfterTrapped?: ((...args: any[]) => any) | undefined; onFocusin?: ((...args: any[]) => any) | undefined; onFocusout?: ((...args: any[]) => any) | undefined; "onFocusout-prevented"?: ((...args: any[]) => any) | undefined; "onRelease-requested"?: ((...args: any[]) => any) | undefined; }, { trapped: boolean; loop: boolean; focusStartEl: HTMLElement | "container" | "first"; }, {}>; ElIcon: SFCWithInstall<DefineComponent<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, { props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined; }>>; ns: { namespace: ComputedRef<string>; b: (blockSuffix?: string | undefined) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; style: ComputedRef<CSSProperties>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly< ExtractPropTypes<{ readonly size: { readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, {}>> & Record<string, any>; }, {}, {}, {}, { readonly title: string; readonly center: boolean; readonly size: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>; readonly modelValue: boolean; readonly appendTo: string; readonly overflow: boolean; readonly showClose: EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly ariaLevel: string; readonly alignCenter: boolean; readonly draggable: boolean; readonly fullscreen: boolean; readonly closeOnClickModal: EpPropMergeType<BooleanConstructor, unknown, unknown>;