@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>
289 lines (288 loc) • 10.2 kB
TypeScript
import { App } from 'vue';
import { default as OScrollbar } from './OScrollbar.vue';
import { useScrollbar } from './use-scrollebar';
import { vScrollbar } from './vScrollbar';
declare const OScroller: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | any[] | object>;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
targetRef: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | any[] | object>;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
wrapClass: {
type: import('vue').PropType<string | any[] | object>;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
scrollTo: (options?: ScrollToOptions | undefined) => void;
getContainerEl(): HTMLElement | null;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
size: "medium" | "small";
duration: number;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: 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;
thumb?(_: {}): any;
track?(_: {}): any;
};
}) & {
OScrollbar: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
target: {
type: import('vue').PropType<HTMLElement | import('vue').ComponentPublicInstance | string | null>;
default: null;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
update: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
size: "medium" | "small";
duration: number;
target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
rootRef: HTMLDivElement;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
target: {
type: import('vue').PropType<HTMLElement | import('vue').ComponentPublicInstance | string | null>;
default: null;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
update: () => void;
}, {}, {}, {}, {
size: "medium" | "small";
duration: number;
target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
target: {
type: import('vue').PropType<HTMLElement | import('vue').ComponentPublicInstance | string | null>;
default: null;
};
disabledX: {
type: BooleanConstructor;
required: boolean;
};
disabledY: {
type: BooleanConstructor;
};
duration: {
type: NumberConstructor;
default: number;
};
showType: {
type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
default: string;
};
size: {
type: import('vue').PropType<import('./types').ScrollerSizeT>;
default: string;
};
autoUpdateOnScrollSize: {
type: BooleanConstructor;
};
barClass: {
type: StringConstructor;
};
}>> & Readonly<{}>, {
update: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
size: "medium" | "small";
duration: number;
target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
disabledX: boolean;
disabledY: boolean;
showType: "auto" | "always" | "never" | "hover";
autoUpdateOnScrollSize: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
thumb?(_: {}): any;
thumb?(_: {}): any;
track?(_: {}): any;
track?(_: {}): any;
};
});
install(app: App): void;
};
export { OScroller, OScrollbar, useScrollbar, vScrollbar };
export * from './types';