@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>
453 lines (452 loc) • 17.8 kB
TypeScript
import { App } from 'vue';
import { vLoading, setVLoadingOption } from './v-loading';
import { default as useLoading } from './use-loading';
declare const OLoading: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
};
icon: {
type: ObjectConstructor;
};
iconRotating: {
type: BooleanConstructor;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
wrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
mainClass: {
type: import('vue').PropType<string | any[]>;
default: string;
};
mainTransition: {
type: StringConstructor;
default: string;
};
maskTransition: {
type: StringConstructor;
default: string;
};
transitionOrign: {
type: import('vue').PropType<"mouse" | "css">;
default: string;
};
mask: {
type: BooleanConstructor;
default: boolean;
};
buttonClose: {
type: BooleanConstructor;
default: boolean;
};
beforeShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
}>> & Readonly<{
onChange?: ((val: boolean) => any) | undefined;
"onUpdate:visible"?: ((val: boolean, evt?: MouseEvent | undefined) => any) | undefined;
}>, {
toggle(show?: boolean): void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (val: boolean) => any;
"update:visible": (val: boolean, evt?: MouseEvent | undefined) => any;
}, import('vue').PublicProps, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
buttonClose: boolean;
iconRotating: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
layerRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
maskClose: boolean;
buttonClose: boolean;
}> & Omit<{
readonly mask: boolean;
readonly visible: boolean;
readonly wrapper: string | HTMLElement | null;
readonly unmountOnHide: boolean;
readonly mainClass: string | any[];
readonly mainTransition: string;
readonly maskTransition: string;
readonly transitionOrign: "css" | "mouse";
readonly maskClose: boolean;
readonly buttonClose: boolean;
readonly beforeShow?: (() => Promise<boolean> | boolean) | undefined;
readonly beforeHide?: (() => Promise<boolean> | boolean) | undefined;
readonly onChange?: ((visible: boolean) => any) | undefined;
readonly "onUpdate:visible"?: ((value: boolean, evt?: MouseEvent | undefined) => any) | undefined;
readonly "onClick:mask"?: ((evt: MouseEvent) => any) | undefined;
readonly "onClick:button"?: ((evt: MouseEvent) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "mask" | "visible" | "wrapper" | "unmountOnHide" | "mainClass" | "mainTransition" | "maskTransition" | "transitionOrign" | "maskClose" | "buttonClose">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
layerRef: HTMLDivElement;
mainRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "change", visible: boolean) => void) & ((event: "update:visible", value: boolean, evt?: MouseEvent | undefined) => void) & ((event: "click:mask", evt: MouseEvent) => void) & ((event: "click:button", evt: MouseEvent) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
visible: {
type: BooleanConstructor;
default: boolean;
};
wrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
mainClass: {
type: import('vue').PropType<string | any[]>;
default: string;
};
mainTransition: {
type: StringConstructor;
default: string;
};
maskTransition: {
type: StringConstructor;
default: string;
};
transitionOrign: {
type: import('vue').PropType<"mouse" | "css">;
default: string;
};
mask: {
type: BooleanConstructor;
default: boolean;
};
maskClose: {
type: BooleanConstructor;
default: boolean;
};
buttonClose: {
type: BooleanConstructor;
default: boolean;
};
beforeShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
}>> & Readonly<{
onChange?: ((visible: boolean) => any) | undefined;
"onUpdate:visible"?: ((value: boolean, evt?: MouseEvent | undefined) => any) | undefined;
"onClick:mask"?: ((evt: MouseEvent) => any) | undefined;
"onClick:button"?: ((evt: MouseEvent) => any) | undefined;
}>, {
toggle: (show?: boolean) => Promise<void>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (visible: boolean) => any;
"update:visible": (value: boolean, evt?: MouseEvent | undefined) => any;
"click:mask": (evt: MouseEvent) => any;
"click:button": (evt: MouseEvent) => any;
}, string, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
maskClose: boolean;
buttonClose: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
maskClose: boolean;
buttonClose: boolean;
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
visible: {
type: BooleanConstructor;
default: boolean;
};
wrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
mainClass: {
type: import('vue').PropType<string | any[]>;
default: string;
};
mainTransition: {
type: StringConstructor;
default: string;
};
maskTransition: {
type: StringConstructor;
default: string;
};
transitionOrign: {
type: import('vue').PropType<"mouse" | "css">;
default: string;
};
mask: {
type: BooleanConstructor;
default: boolean;
};
maskClose: {
type: BooleanConstructor;
default: boolean;
};
buttonClose: {
type: BooleanConstructor;
default: boolean;
};
beforeShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
}>> & Readonly<{
onChange?: ((visible: boolean) => any) | undefined;
"onUpdate:visible"?: ((value: boolean, evt?: MouseEvent | undefined) => any) | undefined;
"onClick:mask"?: ((evt: MouseEvent) => any) | undefined;
"onClick:button"?: ((evt: MouseEvent) => any) | undefined;
}>, "toggle" | ("mask" | "visible" | "wrapper" | "unmountOnHide" | "mainClass" | "mainTransition" | "maskTransition" | "transitionOrign" | "maskClose" | "buttonClose")> & import('vue').ShallowUnwrapRef<{
toggle: (show?: boolean) => Promise<void>;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
close?(_: {}): any;
};
}) | null;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
};
icon: {
type: ObjectConstructor;
};
iconRotating: {
type: BooleanConstructor;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
wrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
mainClass: {
type: import('vue').PropType<string | any[]>;
default: string;
};
mainTransition: {
type: StringConstructor;
default: string;
};
maskTransition: {
type: StringConstructor;
default: string;
};
transitionOrign: {
type: import('vue').PropType<"mouse" | "css">;
default: string;
};
mask: {
type: BooleanConstructor;
default: boolean;
};
buttonClose: {
type: BooleanConstructor;
default: boolean;
};
beforeShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
}>> & Readonly<{
onChange?: ((val: boolean) => any) | undefined;
"onUpdate:visible"?: ((val: boolean, evt?: MouseEvent | undefined) => any) | undefined;
}>, {
toggle(show?: boolean): void;
}, {}, {}, {}, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
buttonClose: boolean;
iconRotating: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
label: {
type: StringConstructor;
};
icon: {
type: ObjectConstructor;
};
iconRotating: {
type: BooleanConstructor;
};
visible: {
type: BooleanConstructor;
default: boolean;
};
wrapper: {
type: import('vue').PropType<string | HTMLElement | null>;
default: string;
};
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
mainClass: {
type: import('vue').PropType<string | any[]>;
default: string;
};
mainTransition: {
type: StringConstructor;
default: string;
};
maskTransition: {
type: StringConstructor;
default: string;
};
transitionOrign: {
type: import('vue').PropType<"mouse" | "css">;
default: string;
};
mask: {
type: BooleanConstructor;
default: boolean;
};
buttonClose: {
type: BooleanConstructor;
default: boolean;
};
beforeShow: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
beforeHide: {
type: import('vue').PropType<() => Promise<boolean> | boolean>;
};
}>> & Readonly<{
onChange?: ((val: boolean) => any) | undefined;
"onUpdate:visible"?: ((val: boolean, evt?: MouseEvent | undefined) => any) | undefined;
}>, {
toggle(show?: boolean): void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
change: (val: boolean) => any;
"update:visible": (val: boolean, evt?: MouseEvent | undefined) => any;
}, string, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
buttonClose: boolean;
iconRotating: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
icon?(_: {}): any;
label?(_: {}): any;
};
}) & {
vLoading: import('vue').ObjectDirective<any, any, string, string>;
setVLoadingOption: (option: Partial<import('./types').LoadingPropsT>) => void;
useLoading: (opt?: Partial<import('./types').LoadingPropsT>, wrap?: import('vue').Ref<HTMLElement> | HTMLElement | string) => {
toggle(show?: boolean): void;
};
install(app: App): void;
};
export { OLoading, vLoading, useLoading, setVLoadingOption };
export * from './types';