vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
106 lines (105 loc) • 6.11 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
value: import('vue').PropType<number>;
min: import('vue').PropType<number>;
max: import('vue').PropType<number>;
vertical: import('vue').PropType<boolean>;
noTransition: import('vue').PropType<boolean>;
lazy: import('vue').PropType<boolean>;
canFull: import('vue').PropType<boolean>;
onChange: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onFull: import('vue').PropType<((type: "top" | "right" | "bottom" | "left") => void) | ((type: "top" | "right" | "bottom" | "left") => void)[]>;
onReset: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onMoveStart: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onMove: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onMoveEnd: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
}>, {
props: {
readonly value: number;
readonly inherit: boolean;
readonly vertical: boolean;
readonly onChange: ((value: number) => void) | ((value: number) => void)[];
readonly onReset: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[];
readonly onMove: ((value: number) => void) | ((value: number) => void)[];
readonly noTransition: boolean;
readonly min: number;
readonly max: number;
readonly onMoveStart: ((value: number) => void) | ((value: number) => void)[];
readonly onMoveEnd: ((value: number) => void) | ((value: number) => void)[];
readonly onFull: ((type: "top" | "right" | "bottom" | "left") => void) | ((type: "top" | "right" | "bottom" | "left") => void)[];
readonly lazy: boolean;
readonly canFull: boolean;
readonly "onUpdate:value": (...args: any[]) => any;
};
nh: import('../../common/bem-helper/dist').NBEM<"split", "vxp">;
className: import('vue').ComputedRef<{
[x: string]: boolean;
"vxp-split": boolean;
"vxp-split-vars": boolean;
"vxp-split--inherit": boolean;
"vxp-split--moving": boolean;
"vxp-split--transition": boolean;
}>;
position: import('vue').ComputedRef<["top", "bottom"] | ["left", "right"]>;
leftPaneStyle: import('vue').ComputedRef<{
[x: string]: string;
}>;
rightPaneStyle: import('vue').ComputedRef<{
[x: string]: string;
}>;
triggerStyle: import('vue').ComputedRef<{
[x: string]: string;
}>;
fullIcons: import('vue').ComputedRef<(import('@vexip-ui/config').IconOptions & {
icon: import('@vexip-ui/config').IconValue;
})[]>;
wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
guide: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
handler: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
removeTransition: () => void;
handleFull: (type: 1 | -1) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
value: import('vue').PropType<number>;
min: import('vue').PropType<number>;
max: import('vue').PropType<number>;
vertical: import('vue').PropType<boolean>;
noTransition: import('vue').PropType<boolean>;
lazy: import('vue').PropType<boolean>;
canFull: import('vue').PropType<boolean>;
onChange: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onFull: import('vue').PropType<((type: "top" | "right" | "bottom" | "left") => void) | ((type: "top" | "right" | "bottom" | "left") => void)[]>;
onReset: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
onMoveStart: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onMove: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
onMoveEnd: import('vue').PropType<((value: number) => void) | ((value: number) => void)[]>;
}>> & Readonly<{
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {
Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
icon: import('vue').PropType<any>;
scale: import('vue').PropType<string | number>;
title: import('vue').PropType<string>;
label: import('vue').PropType<string>;
flip: import('vue').PropType<"horizontal" | "vertical" | "both">;
effect: import('vue').PropType<string>;
size: import('vue').PropType<string>;
color: import('vue').PropType<string>;
rotate: import('vue').PropType<string | number>;
renderer: import('vue').PropType<import('../icon').IconRenderer>;
}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
icon: import('vue').PropType<any>;
scale: import('vue').PropType<string | number>;
title: import('vue').PropType<string>;
label: import('vue').PropType<string>;
flip: import('vue').PropType<"horizontal" | "vertical" | "both">;
effect: import('vue').PropType<string>;
size: import('vue').PropType<string>;
color: import('vue').PropType<string>;
rotate: import('vue').PropType<string | number>;
renderer: import('vue').PropType<import('../icon').IconRenderer>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;