123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396 |
- import * as vue from 'vue';
- import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
- declare const block: readonly ["top", "bottom"];
- declare const inline: readonly ["start", "end", "left", "right"];
- type Tblock = typeof block[number];
- type Tinline = typeof inline[number];
- type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
- interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
- filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
- }
- type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
- declare const IconValue: PropType<IconValue>;
- declare const VBadge: {
- new (...args: any[]): {
- $: vue.ComponentInternalInstance;
- $data: {};
- $props: {
- inline?: boolean | undefined;
- location?: NonNullable<Anchor> | undefined;
- transition?: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })> | undefined;
- label?: string | undefined;
- style?: vue.StyleValue | undefined;
- tag?: string | undefined;
- dot?: boolean | undefined;
- rounded?: string | number | boolean | undefined;
- floating?: boolean | undefined;
- modelValue?: boolean | undefined;
- bordered?: boolean | undefined;
- max?: string | number | undefined;
- key?: string | number | symbol | undefined;
- color?: string | undefined;
- content?: string | number | undefined;
- class?: any;
- icon?: IconValue | undefined;
- $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
- default?: (() => vue.VNodeChild) | undefined;
- badge?: (() => vue.VNodeChild) | undefined;
- };
- ref?: vue.VNodeRef | undefined;
- ref_for?: boolean | undefined;
- ref_key?: string | undefined;
- theme?: string | undefined;
- "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
- 'v-slots'?: {
- default?: false | (() => vue.VNodeChild) | undefined;
- badge?: false | (() => vue.VNodeChild) | undefined;
- } | undefined;
- onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>) => void)[] | undefined;
- offsetX?: string | number | undefined;
- offsetY?: string | number | undefined;
- textColor?: string | undefined;
- "v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
- };
- $attrs: {
- [x: string]: unknown;
- };
- $refs: {
- [x: string]: unknown;
- };
- $slots: Readonly<{
- default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[]) | undefined;
- badge?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[]) | undefined;
- }>;
- $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
- $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
- $emit: (event: string, ...args: any[]) => void;
- $el: any;
- $options: vue.ComponentOptionsBase<{
- inline: boolean;
- location: NonNullable<Anchor>;
- transition: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- label: string;
- style: vue.StyleValue;
- tag: string;
- dot: boolean;
- floating: boolean;
- modelValue: boolean;
- bordered: boolean;
- } & {
- max?: string | number | undefined;
- color?: string | undefined;
- content?: string | number | undefined;
- class?: any;
- icon?: IconValue | undefined;
- theme?: string | undefined;
- rounded?: string | number | boolean | undefined;
- offsetX?: string | number | undefined;
- offsetY?: string | number | undefined;
- textColor?: string | undefined;
- } & {
- $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
- default?: (() => vue.VNodeChild) | undefined;
- badge?: (() => vue.VNodeChild) | undefined;
- };
- 'v-slots'?: {
- default?: false | (() => vue.VNodeChild) | undefined;
- badge?: false | (() => vue.VNodeChild) | undefined;
- } | undefined;
- } & {
- "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
- "v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
- }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
- inline: boolean;
- location: NonNullable<Anchor>;
- transition: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- label: string;
- style: vue.StyleValue;
- tag: string;
- dot: boolean;
- rounded: string | number | boolean;
- floating: boolean;
- modelValue: boolean;
- bordered: boolean;
- }, {}, string, vue.SlotsType<Partial<{
- default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[];
- badge: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[];
- }>>> & {
- beforeCreate?: ((() => void) | (() => void)[]) | undefined;
- created?: ((() => void) | (() => void)[]) | undefined;
- beforeMount?: ((() => void) | (() => void)[]) | undefined;
- mounted?: ((() => void) | (() => void)[]) | undefined;
- beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
- updated?: ((() => void) | (() => void)[]) | undefined;
- activated?: ((() => void) | (() => void)[]) | undefined;
- deactivated?: ((() => void) | (() => void)[]) | undefined;
- beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
- beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
- destroyed?: ((() => void) | (() => void)[]) | undefined;
- unmounted?: ((() => void) | (() => void)[]) | undefined;
- renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
- renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
- errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
- };
- $forceUpdate: () => void;
- $nextTick: typeof vue.nextTick;
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
- } & {
- inline: boolean;
- location: NonNullable<Anchor>;
- transition: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- label: string;
- style: vue.StyleValue;
- tag: string;
- dot: boolean;
- floating: boolean;
- modelValue: boolean;
- bordered: boolean;
- } & {
- max?: string | number | undefined;
- color?: string | undefined;
- content?: string | number | undefined;
- class?: any;
- icon?: IconValue | undefined;
- theme?: string | undefined;
- rounded?: string | number | boolean | undefined;
- offsetX?: string | number | undefined;
- offsetY?: string | number | undefined;
- textColor?: string | undefined;
- } & {
- $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
- default?: (() => vue.VNodeChild) | undefined;
- badge?: (() => vue.VNodeChild) | undefined;
- };
- 'v-slots'?: {
- default?: false | (() => vue.VNodeChild) | undefined;
- badge?: false | (() => vue.VNodeChild) | undefined;
- } | undefined;
- } & {
- "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
- "v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
- } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
- __isFragment?: undefined;
- __isTeleport?: undefined;
- __isSuspense?: undefined;
- } & vue.ComponentOptionsBase<{
- inline: boolean;
- location: NonNullable<Anchor>;
- transition: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- label: string;
- style: vue.StyleValue;
- tag: string;
- dot: boolean;
- floating: boolean;
- modelValue: boolean;
- bordered: boolean;
- } & {
- max?: string | number | undefined;
- color?: string | undefined;
- content?: string | number | undefined;
- class?: any;
- icon?: IconValue | undefined;
- theme?: string | undefined;
- rounded?: string | number | boolean | undefined;
- offsetX?: string | number | undefined;
- offsetY?: string | number | undefined;
- textColor?: string | undefined;
- } & {
- $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
- default?: (() => vue.VNodeChild) | undefined;
- badge?: (() => vue.VNodeChild) | undefined;
- };
- 'v-slots'?: {
- default?: false | (() => vue.VNodeChild) | undefined;
- badge?: false | (() => vue.VNodeChild) | undefined;
- } | undefined;
- } & {
- "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
- "v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
- }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
- inline: boolean;
- location: NonNullable<Anchor>;
- transition: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- label: string;
- style: vue.StyleValue;
- tag: string;
- dot: boolean;
- rounded: string | number | boolean;
- floating: boolean;
- modelValue: boolean;
- bordered: boolean;
- }, {}, string, vue.SlotsType<Partial<{
- default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[];
- badge: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
- [key: string]: any;
- }>[];
- }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
- transition: Omit<{
- type: vue.PropType<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- default: string;
- validator: (val: unknown) => boolean;
- }, "type" | "default"> & {
- type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>>;
- default: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- };
- theme: StringConstructor;
- tag: {
- type: StringConstructor;
- default: string;
- };
- rounded: {
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
- default: undefined;
- };
- location: {
- type: vue.PropType<NonNullable<Anchor>>;
- default: NonNullable<Anchor>;
- };
- class: vue.PropType<any>;
- style: {
- type: vue.PropType<vue.StyleValue>;
- default: null;
- };
- bordered: BooleanConstructor;
- color: StringConstructor;
- content: (StringConstructor | NumberConstructor)[];
- dot: BooleanConstructor;
- floating: BooleanConstructor;
- icon: vue.PropType<IconValue>;
- inline: BooleanConstructor;
- label: {
- type: StringConstructor;
- default: string;
- };
- max: (StringConstructor | NumberConstructor)[];
- modelValue: {
- type: BooleanConstructor;
- default: boolean;
- };
- offsetX: (StringConstructor | NumberConstructor)[];
- offsetY: (StringConstructor | NumberConstructor)[];
- textColor: StringConstructor;
- }, vue.ExtractPropTypes<{
- transition: Omit<{
- type: vue.PropType<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- default: string;
- validator: (val: unknown) => boolean;
- }, "type" | "default"> & {
- type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>>;
- default: NonNullable<string | boolean | (vue.TransitionProps & {
- component?: vue.Component | undefined;
- })>;
- };
- theme: StringConstructor;
- tag: {
- type: StringConstructor;
- default: string;
- };
- rounded: {
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
- default: undefined;
- };
- location: {
- type: vue.PropType<NonNullable<Anchor>>;
- default: NonNullable<Anchor>;
- };
- class: vue.PropType<any>;
- style: {
- type: vue.PropType<vue.StyleValue>;
- default: null;
- };
- bordered: BooleanConstructor;
- color: StringConstructor;
- content: (StringConstructor | NumberConstructor)[];
- dot: BooleanConstructor;
- floating: BooleanConstructor;
- icon: vue.PropType<IconValue>;
- inline: BooleanConstructor;
- label: {
- type: StringConstructor;
- default: string;
- };
- max: (StringConstructor | NumberConstructor)[];
- modelValue: {
- type: BooleanConstructor;
- default: boolean;
- };
- offsetX: (StringConstructor | NumberConstructor)[];
- offsetY: (StringConstructor | NumberConstructor)[];
- textColor: StringConstructor;
- }>>;
- type VBadge = InstanceType<typeof VBadge>;
- export { VBadge };
|