unika-components
Version:
Unika Vue3 components library
111 lines (110 loc) • 2.94 kB
TypeScript
import { PropType } from 'vue';
import { PageData } from '../../defaultProps';
declare const __default__: import("vue").DefineComponent<{
pages: {
type: PropType<PageData[]>;
required: true;
};
currentPageId: {
type: StringConstructor;
required: true;
};
position: {
type: () => 'top' | 'bottom' | 'left' | 'right';
default: string;
};
style: {
type: () => 'dot' | 'number';
default: string;
};
color: {
type: StringConstructor;
default: string;
};
activeColor: {
type: StringConstructor;
default: string;
};
size: {
type: NumberConstructor;
default: number;
};
activeSize: {
type: NumberConstructor;
default: number;
};
spacing: {
type: NumberConstructor;
default: number;
};
}, {
currentPageIndex: import("vue").ComputedRef<number>;
indicatorStyle: import("vue").ComputedRef<{
right?: string | undefined;
top?: string | undefined;
transform?: string | undefined;
flexDirection?: string | undefined;
left?: string | undefined;
bottom?: string | undefined;
position: string;
display: string;
alignItems: string;
justifyContent: string;
zIndex: number;
transition: string;
}>;
activeDotStyle: import("vue").ComputedRef<{
width: string;
height: string;
backgroundColor: string;
}>;
handleDotClick: (pageId: string, index: number) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
pages: {
type: PropType<PageData[]>;
required: true;
};
currentPageId: {
type: StringConstructor;
required: true;
};
position: {
type: () => 'top' | 'bottom' | 'left' | 'right';
default: string;
};
style: {
type: () => 'dot' | 'number';
default: string;
};
color: {
type: StringConstructor;
default: string;
};
activeColor: {
type: StringConstructor;
default: string;
};
size: {
type: NumberConstructor;
default: number;
};
activeSize: {
type: NumberConstructor;
default: number;
};
spacing: {
type: NumberConstructor;
default: number;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
}, {
position: "top" | "bottom" | "left" | "right";
style: "number" | "dot";
color: string;
activeColor: string;
size: number;
activeSize: number;
spacing: number;
}, {}>;
export default __default__;