UNPKG

plus-pro-components

Version:

Page level components developed based on Element Plus.

831 lines (830 loc) 83.4 kB
import { PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'plus-pro-components'; 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 { DefineComponent, Ref, CreateComponentPublicInstance, ExtractPropTypes, PropType, Component, ComputedOptions, MethodOptions, Slot, ComputedRef, VNode, RendererNode, RendererElement, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, CSSProperties, PublicProps } from 'vue'; 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 { FieldValues, Mutable, PlusColumn, RecordType, TableValueType, FormItemValueType, OptionsType, OptionsRow, RenderTypes, FieldValueType, PropsItemType, OmitTypes, CascaderProps } from 'plus-pro-components/es/types'; import { PlusFormProps } from 'plus-pro-components/es/components/form'; export interface PlusDrawerFormProps { modelValue?: FieldValues; visible?: boolean; /** * @deprecated v0.1.5 */ drawer?: Partial<Mutable<DrawerProps>>; size?: string | number; form?: PlusFormProps; hasFooter?: boolean; cancelText?: string; confirmText?: string; confirmLoading?: boolean; hasErrorTip?: boolean; } export interface PlusDrawerFormEmits { (e: 'update:modelValue', values: FieldValues): void; (e: 'update:visible', visible: boolean): void; (e: 'confirm', values: FieldValues): void; (e: 'change', values: FieldValues, column: PlusColumn): void; (e: 'cancel'): void; (e: 'confirmError', errors: unknown): void; } declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusDrawerFormProps>, { modelValue: () => {}; visible: boolean; hasFooter: boolean; cancelText: string; confirmText: string; confirmLoading: boolean; hasErrorTip: boolean; size: string; /** * @deprecated v0.1.5 */ drawer: () => {}; form: () => {}; }>, { 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>; 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>; }> | undefined>; formInstance: ComputedRef<CreateComponentPublicInstance<Readonly< ExtractPropTypes<{ readonly model: ObjectConstructor; readonly rules: { readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>; readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>; readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; readonly inline: BooleanConstructor; readonly inlineMessage: BooleanConstructor; readonly statusIcon: BooleanConstructor; readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly hideRequiredAsterisk: BooleanConstructor; readonly scrollToError: BooleanConstructor; readonly scrollIntoViewOptions: { readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly size: { readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly disabled: BooleanConstructor; }>> & { onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined; }, { COMPONENT_NAME: string; props: Readonly< LooseRequired<Readonly< ExtractPropTypes<{ readonly model: ObjectConstructor; readonly rules: { readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>; readonly requireAsteriskPositio