@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>
232 lines (231 loc) • 7.54 kB
TypeScript
import { App } from 'vue';
declare const OLayer: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
}, import('vue').PublicProps, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
maskClose: boolean;
buttonClose: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
layerRef: HTMLDivElement;
mainRef: HTMLDivElement;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, 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>;
}, {}, {}, {}, {
mask: boolean;
visible: boolean;
wrapper: string | HTMLElement | null;
unmountOnHide: boolean;
mainClass: string | any[];
mainTransition: string;
maskTransition: string;
transitionOrign: "css" | "mouse";
maskClose: boolean;
buttonClose: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
close?(_: {}): any;
};
}) & {
install(app: App): void;
};
export { OLayer };
export * from './types';