hongluan-ui
Version:
Hongluan Component Library for Vue 3
289 lines (288 loc) • 9.42 kB
TypeScript
import type { ComponentPublicInstance, PropType, VNode } from 'vue';
import type { Action, MessageBoxState, MessageBoxType } from './message-box.type';
declare const _default: import("vue").DefineComponent<{
id: StringConstructor;
singleton: BooleanConstructor;
beforeClose: {
type: PropType<(action: Action, state: MessageBoxState, doClose: () => void) => any>;
default: any;
};
callback: FunctionConstructor;
buttonSize: {
type: PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
default: string;
};
cancelButtonText: {
type: StringConstructor;
};
cancelButtonClass: StringConstructor;
center: BooleanConstructor;
closeOnClickModal: {
type: BooleanConstructor;
default: boolean;
};
closeOnPressEscape: {
type: BooleanConstructor;
default: boolean;
};
closeOnHashChange: {
type: BooleanConstructor;
default: boolean;
};
confirmButtonText: {
type: StringConstructor;
};
confirmButtonClass: StringConstructor;
appendTo: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
customClass: StringConstructor;
customStyle: {
type: ObjectConstructor;
default: () => {};
};
dangerouslyUseHTMLString: BooleanConstructor;
distinguishCancelAndClose: BooleanConstructor;
lockScroll: {
type: BooleanConstructor;
default: boolean;
};
message: {
type: PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>>;
validator: (val: unknown) => boolean;
};
icon: {
type: PropType<VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>>;
validator: (val: unknown) => boolean;
};
modalFade: {
type: BooleanConstructor;
default: boolean;
};
modalClass: {
type: StringConstructor;
};
modal: {
type: BooleanConstructor;
default: boolean;
};
roundButton: BooleanConstructor;
showCancelButton: BooleanConstructor;
showConfirmButton: {
type: BooleanConstructor;
default: boolean;
};
showClose: {
type: BooleanConstructor;
default: boolean;
};
confirmButtonType: {
type: StringConstructor;
default: string;
};
cancelButtonType: StringConstructor;
title: StringConstructor;
zIndex: {
type: NumberConstructor;
};
animationName: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
boxType: {
type: PropType<MessageBoxType>;
default: string;
};
}, {
rootContainer: import("vue").ComputedRef<string | Record<string, any>>;
rootRef: import("vue").Ref<HTMLElement>;
headerRef: import("vue").Ref<HTMLElement>;
focusStartRef: import("vue").Ref<HTMLElement>;
contentId: import("vue").Ref<string>;
messageBoxId: number;
namespace: import("vue").ComputedRef<string>;
hasDefinedIcon: import("vue").ComputedRef<boolean>;
visible: import("vue").Ref<boolean>;
hasMessage: import("vue").ComputedRef<boolean>;
confirmRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>;
messageBoxRef: any;
doClose: () => void;
handleClose: () => void;
onCloseRequested: () => void;
handleWrapperClick: () => void;
handleAction: (action: Action) => void;
afterLeave: () => void;
t: import("hongluan-ui/es/hooks").Translator;
title: import("vue").Ref<string>;
message: import("vue").Ref<string>;
icon: import("vue").Ref<VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>>;
type: import("vue").Ref<"" | "success" | "info" | "warning" | "error">;
customClass: import("vue").Ref<string>;
customStyle: import("vue").Ref<import("hongluan-ui/es/utils").Indexable<any>>;
animationName: import("vue").Ref<string>;
showInput: import("vue").Ref<boolean>;
inputValue: import("vue").Ref<string>;
showConfirmButton: import("vue").Ref<boolean>;
showCancelButton: import("vue").Ref<boolean>;
action: import("vue").Ref<Action>;
dangerouslyUseHTMLString: import("vue").Ref<boolean>;
confirmButtonText: import("vue").Ref<string>;
cancelButtonText: import("vue").Ref<string>;
confirmButtonType: import("vue").Ref<string>;
cancelButtonType: import("vue").Ref<string>;
confirmButtonLoading: import("vue").Ref<boolean>;
cancelButtonLoading: import("vue").Ref<boolean>;
confirmButtonClass: import("vue").Ref<string>;
confirmButtonDisabled: import("vue").Ref<boolean>;
cancelButtonClass: import("vue").Ref<string>;
editorErrorMessage: import("vue").Ref<string>;
beforeClose: import("vue").Ref<(action: Action, instance: MessageBoxState, done: () => void) => void>;
callback: import("vue").Ref<import("./message-box.type").Callback>;
distinguishCancelAndClose: import("vue").Ref<boolean>;
modalFade: import("vue").Ref<boolean>;
modalClass: import("vue").Ref<string>;
validateError: import("vue").Ref<boolean>;
zIndex: import("vue").Ref<number>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("vanish" | "action")[], "action" | "vanish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
id: StringConstructor;
singleton: BooleanConstructor;
beforeClose: {
type: PropType<(action: Action, state: MessageBoxState, doClose: () => void) => any>;
default: any;
};
callback: FunctionConstructor;
buttonSize: {
type: PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
default: string;
};
cancelButtonText: {
type: StringConstructor;
};
cancelButtonClass: StringConstructor;
center: BooleanConstructor;
closeOnClickModal: {
type: BooleanConstructor;
default: boolean;
};
closeOnPressEscape: {
type: BooleanConstructor;
default: boolean;
};
closeOnHashChange: {
type: BooleanConstructor;
default: boolean;
};
confirmButtonText: {
type: StringConstructor;
};
confirmButtonClass: StringConstructor;
appendTo: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
customClass: StringConstructor;
customStyle: {
type: ObjectConstructor;
default: () => {};
};
dangerouslyUseHTMLString: BooleanConstructor;
distinguishCancelAndClose: BooleanConstructor;
lockScroll: {
type: BooleanConstructor;
default: boolean;
};
message: {
type: PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>>;
validator: (val: unknown) => boolean;
};
icon: {
type: PropType<VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>>;
validator: (val: unknown) => boolean;
};
modalFade: {
type: BooleanConstructor;
default: boolean;
};
modalClass: {
type: StringConstructor;
};
modal: {
type: BooleanConstructor;
default: boolean;
};
roundButton: BooleanConstructor;
showCancelButton: BooleanConstructor;
showConfirmButton: {
type: BooleanConstructor;
default: boolean;
};
showClose: {
type: BooleanConstructor;
default: boolean;
};
confirmButtonType: {
type: StringConstructor;
default: string;
};
cancelButtonType: StringConstructor;
title: StringConstructor;
zIndex: {
type: NumberConstructor;
};
animationName: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
boxType: {
type: PropType<MessageBoxType>;
default: string;
};
}>> & {
onVanish?: (...args: any[]) => any;
onAction?: (...args: any[]) => any;
}, {
type: string;
center: boolean;
appendTo: string | Record<string, any>;
animationName: string;
buttonSize: "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
showClose: boolean;
beforeClose: (action: Action, state: MessageBoxState, doClose: () => void) => any;
closeOnClickModal: boolean;
closeOnPressEscape: boolean;
lockScroll: boolean;
modal: boolean;
dangerouslyUseHTMLString: boolean;
customStyle: Record<string, any>;
singleton: boolean;
confirmButtonType: string;
boxType: MessageBoxType;
distinguishCancelAndClose: boolean;
showCancelButton: boolean;
showConfirmButton: boolean;
roundButton: boolean;
closeOnHashChange: boolean;
modalFade: boolean;
}>;
export default _default;