@pixelium/web-vue 0.0.2 → 0.0.3-beta

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 // Generated by dts-bundle-generator v9.5.1
 
 import { Nullish } from 'parsnip-kit';
-import { App, CSSProperties, VNode, nextTick } from 'vue';
+import { App, CSSProperties, Ref, VNode } from 'vue';
 import { JSX } from 'vue/jsx-runtime';
 
 declare enum SCREEN_SIZE_TYPE {
@@ -14,8 +14,8 @@ declare enum SCREEN_SIZE_TYPE {
 }
 declare const GROUP_OPTION_TYPE = "group";
 export type NumberOrPercentage = number | `${number}%`;
-export type ValidContent = string | (() => VNode | string | JSX.Element);
-export type ValidVNodeContent = () => VNode | JSX.Element;
+export type ValidContent = string | ((...args: any[]) => VNode | string | JSX.Element);
+export type ValidVNodeContent = (...args: any[]) => VNode | JSX.Element;
 export type ValueWithDeviceWidth<T> = Record<SCREEN_SIZE_TYPE, T>;
 interface Option$1<T = any> {
 	value: T;
@@ -25,6 +25,9 @@ export interface GroupOption<T = any> {
 	children: (Option$1<T> | string)[];
 	type: typeof GROUP_OPTION_TYPE;
 }
+export type EmitEvent<T extends Record<string, any>> = {
+	[K in keyof T as `on${Capitalize<K & string>}`]?: (...args: T[K]) => void;
+};
 export type ButtonProps = {
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
@@ -32,10 +35,10 @@ export type ButtonProps = {
 	 */
 	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
 	/**
-	 * @property {'default' | 'round' | 'circle' | 'square'} [shape='default']
-	 * @version 0.0.0-beta
+	 * @property {'rect' | 'round' | 'circle' | 'square'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round" | "circle" | "square";
+	shape?: "rect" | "round" | "circle" | "square" | "default";
 	/**
 	 * @property {'medium' | 'large' | 'small'} [size='medium']
 	 * @version 0.0.0-beta
@@ -89,12 +92,8 @@ export type __VLS_Slots = {} & {
 	default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-	shape: "default" | "round" | "circle" | "square";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
 	loading: boolean;
-	variant: "primary" | "plain" | "text" | "outline";
-	theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
 	block: boolean;
 	nativeType: "button" | "submit" | "reset";
 	autofocus: boolean;
@@ -112,13 +111,13 @@ export type ButtonGroupProps = {
 	 */
 	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
 	/**
-	 * @property {'default' | 'round'} [shape='default']
+	 * @property {'rect' | 'round'} [shape='rect']
 	 * @version 0.0.0-beta
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {'medium' | 'large' | 'small'} [size='medium']
-	 * @version 0.0.0-beta
+	 * @version 0.0.3
 	 */
 	size?: "medium" | "large" | "small";
 	/**
@@ -136,15 +135,19 @@ export type ButtonGroupProps = {
 	 * @version 0.0.0-beta
 	 */
 	variant?: "primary" | "plain" | "text" | "outline";
+	/**
+	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [theme]
+	 * @version 0.0.0-beta
+	 */
+	theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
 };
 declare var __VLS_1: {};
 type __VLS_Slots$1 = {} & {
 	default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component$1: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
+	shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default$1: __VLS_WithSlots$1<typeof __VLS_component$1, __VLS_Slots$1>;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -678,6 +681,9 @@ export declare const setThemeColor: (theme: "primary" | "success" | "warning" |
 	light?: string[];
 	dark?: string[];
 }) => void;
+export declare const resetThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral") => void;
+export declare const setPixelSize: (size: number) => void;
+export declare const resetPixelSize: () => void;
 export type Theme = "light" | "dark" | "unset";
 export declare function useThemeMode(defaultTheme?: Theme): readonly [
 	import("vue").Ref<Theme, Theme>,
@@ -776,10 +782,10 @@ export type InputProps = {
 	 */
 	size?: "medium" | "large" | "small";
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
 	 * @version 0.0.2
@@ -821,9 +827,31 @@ export type InputProps = {
 	 */
 	nativeType?: "text" | "password" | "email" | "tel" | "url" | "search";
 };
+export type InputExpose = {
+	/**
+	 * @property {() => void} focus
+	 * @version 0.0.2
+	 */
+	focus: () => void;
+	/**
+	 * @property {() => void} blur
+	 * @version 0.0.2
+	 */
+	blur: () => void;
+	/**
+	 * @property {() => void} clear
+	 * @version 0.0.2
+	 */
+	clear: () => void;
+	/**
+	 * @property {() => void} select
+	 * @version 0.0.2
+	 */
+	select: () => void;
+};
 declare var __VLS_1$11: {}, __VLS_27: {
-	value: any;
-	count: any;
+	value: string | import("parsnip-kit").Nullish;
+	count: number;
 	maxLength: number | undefined;
 }, __VLS_34: {};
 type __VLS_Slots$13 = {} & {
@@ -833,32 +861,25 @@ type __VLS_Slots$13 = {} & {
 } & {
 	suffix?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_component$13: import("vue").DefineComponent<InputProps, {
-	focus: () => void;
-	blur: () => void;
-	clear: () => Promise<void>;
-	select: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	input: (value: string, e: Event) => any;
-	change: (value: string, e?: Event | undefined) => any;
+declare const __VLS_component$13: import("vue").DefineComponent<InputProps, InputExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
 	clear: (value: string) => any;
+	change: (value: string, e?: Event | undefined) => any;
 	blur: (e: FocusEvent) => any;
+	input: (value: string, e: Event) => any;
 	focus: (e: FocusEvent) => any;
 	"update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
-	onInput?: ((value: string, e: Event) => any) | undefined;
-	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onClear?: ((value: string) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onInput?: ((value: string, e: Event) => any) | undefined;
 	onFocus?: ((e: FocusEvent) => any) | undefined;
 	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
+	readonly: boolean;
 	loading: boolean;
 	password: boolean;
-	readonly: boolean;
 	clearable: boolean;
 	showCount: boolean;
 	status: "success" | "warning" | "error" | "normal";
@@ -951,10 +972,10 @@ export type InputNumberProps = {
 	 */
 	size?: "medium" | "large" | "small";
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
 	 * @version 0.0.2
@@ -976,37 +997,52 @@ export type InputNumberProps = {
 	 */
 	autofocus?: boolean;
 };
-declare var __VLS_1$12: {}, __VLS_52: {};
+export type InputNumberExpose = {
+	/**
+	 * @property {() => void} focus
+	 * @version 0.0.2
+	 */
+	focus: () => void;
+	/**
+	 * @property {() => void} blur
+	 * @version 0.0.2
+	 */
+	blur: () => void;
+	/**
+	 * @property {() => void} clear
+	 * @version 0.0.2
+	 */
+	clear: () => void;
+	/**
+	 * @property {() => void} select
+	 * @version 0.0.2
+	 */
+	select: () => void;
+};
+declare var __VLS_1$12: {}, __VLS_60: {};
 type __VLS_Slots$14 = {} & {
 	prefix?: (props: typeof __VLS_1$12) => any;
 } & {
-	suffix?: (props: typeof __VLS_52) => any;
+	suffix?: (props: typeof __VLS_60) => any;
 };
-declare const __VLS_component$14: import("vue").DefineComponent<InputNumberProps, {
-	focus: () => void;
-	blur: () => void;
-	clear: () => Promise<void>;
-	select: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	input: (value: number, e: Event) => any;
-	change: (value: number, e?: Event | undefined) => any;
+declare const __VLS_component$14: import("vue").DefineComponent<InputNumberProps, InputNumberExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
 	clear: (value: number) => any;
+	change: (value: number, e?: Event | undefined) => any;
 	blur: (e: FocusEvent) => any;
+	input: (value: number, e: Event) => any;
 	focus: (e: FocusEvent) => any;
 	"update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<InputNumberProps> & Readonly<{
-	onInput?: ((value: number, e: Event) => any) | undefined;
-	onChange?: ((value: number, e?: Event | undefined) => any) | undefined;
 	onClear?: ((value: number) => any) | undefined;
+	onChange?: ((value: number, e?: Event | undefined) => any) | undefined;
 	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onInput?: ((value: number, e: Event) => any) | undefined;
 	onFocus?: ((e: FocusEvent) => any) | undefined;
 	"onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
-	loading: boolean;
 	readonly: boolean;
+	loading: boolean;
 	clearable: boolean;
 	status: "success" | "warning" | "error" | "normal";
 	max: number;
@@ -1118,6 +1154,28 @@ export type TextareaProps = {
 	 */
 	autofocus?: boolean;
 };
+export type TextareaExpose = {
+	/**
+	 * @property {() => void} focus
+	 * @version 0.0.2
+	 */
+	focus: () => void;
+	/**
+	 * @property {() => void} blur
+	 * @version 0.0.2
+	 */
+	blur: () => void;
+	/**
+	 * @property {() => void} clear
+	 * @version 0.0.2
+	 */
+	clear: () => void;
+	/**
+	 * @property {() => void} select
+	 * @version 0.0.2
+	 */
+	select: () => void;
+};
 declare var __VLS_9: {
 	value: string | Nullish;
 	count: number;
@@ -1126,31 +1184,25 @@ declare var __VLS_9: {
 type __VLS_Slots$15 = {} & {
 	count?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_component$15: import("vue").DefineComponent<TextareaProps, {
-	focus: () => void;
-	blur: () => void;
-	clear: () => Promise<void>;
-	select: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	input: (value: string, e: Event) => any;
-	change: (value: string, e?: Event | undefined) => any;
+declare const __VLS_component$15: import("vue").DefineComponent<TextareaProps, TextareaExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
 	clear: (value: string) => any;
+	change: (value: string, e?: Event | undefined) => any;
 	blur: (e: FocusEvent) => any;
+	input: (value: string, e: Event) => any;
 	focus: (e: FocusEvent) => any;
 	"update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TextareaProps> & Readonly<{
-	onInput?: ((value: string, e: Event) => any) | undefined;
-	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onClear?: ((value: string) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onInput?: ((value: string, e: Event) => any) | undefined;
 	onFocus?: ((e: FocusEvent) => any) | undefined;
 	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-	size: "medium" | "large" | "small";
 	disabled: boolean;
-	loading: boolean;
-	resize: boolean;
 	readonly: boolean;
+	resize: boolean;
+	loading: boolean;
 	clearable: boolean;
 	showCount: boolean;
 	status: "success" | "warning" | "error" | "normal";
@@ -1171,10 +1223,10 @@ export type TagProps = {
 	 */
 	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {'medium' | 'large' | 'small'} [size='medium']
 	 * @version 0.0.2
@@ -1206,6 +1258,16 @@ export type TagProps = {
 	 */
 	closable?: boolean;
 };
+export type TagEvents = {
+	/**
+	 * @event close
+	 * @version 0.0.2
+	 * @param {MouseEvent} e
+	 */
+	close: [
+		e: MouseEvent
+	];
+};
 declare var __VLS_1$13: {};
 type __VLS_Slots$16 = {} & {
 	default?: (props: typeof __VLS_1$13) => any;
@@ -1215,11 +1277,11 @@ declare const __VLS_component$16: import("vue").DefineComponent<TagProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{
 	onClose?: ((e: MouseEvent) => any) | undefined;
 }>, {
-	shape: "default" | "round";
 	size: "medium" | "large" | "small";
-	disabled: boolean;
 	variant: "primary" | "plain" | "outline";
 	theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
+	disabled: boolean;
+	shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default$19: __VLS_WithSlots$16<typeof __VLS_component$16, __VLS_Slots$16>;
 type __VLS_WithSlots$16<T, S> = T & {
@@ -1234,10 +1296,10 @@ export type InputGroupProps = {
 	 */
 	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {'medium' | 'large' | 'small'} [size='medium']
 	 * @version 0.0.2
@@ -1248,15 +1310,20 @@ export type InputGroupProps = {
 	 * @version 0.0.2
 	 */
 	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
 };
 declare var __VLS_1$14: {};
 type __VLS_Slots$17 = {} & {
 	default?: (props: typeof __VLS_1$14) => any;
 };
 declare const __VLS_component$17: import("vue").DefineComponent<InputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupProps> & Readonly<{}>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
+	readonly: boolean;
+	shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default$20: __VLS_WithSlots$17<typeof __VLS_component$17, __VLS_Slots$17>;
 type __VLS_WithSlots$17<T, S> = T & {
@@ -1276,10 +1343,10 @@ export type InputGroupLabelProps = {
 	 */
 	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {'medium' | 'large' | 'small'} [size='medium']
 	 * @version 0.0.2
@@ -1290,16 +1357,111 @@ declare var __VLS_1$15: {};
 type __VLS_Slots$18 = {} & {
 	default?: (props: typeof __VLS_1$15) => any;
 };
-declare const __VLS_component$18: import("vue").DefineComponent<InputGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupLabelProps> & Readonly<{}>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component$18: import("vue").DefineComponent<InputGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default$21: __VLS_WithSlots$18<typeof __VLS_component$18, __VLS_Slots$18>;
 type __VLS_WithSlots$18<T, S> = T & {
 	new (): {
 		$slots: S;
 	};
 };
+export type PopoverProps = {
+	/**
+	 * @property {string} [content]
+	 * @version 0.0.2
+	 */
+	content?: string;
+	/**
+	 * @property {boolean | null} [visible]
+	 * @version 0.0.2
+	 */
+	visible?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultVisible]
+	 * @version 0.0.2
+	 */
+	defaultVisible?: boolean | null;
+	/**
+	 * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top']
+	 * @version 0.0.2
+	 */
+	placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	/**
+	 * @property {'hover' | 'click'} [trigger='hover']
+	 * @version 0.0.2
+	 */
+	trigger?: "hover" | "click";
+	/**
+	 * @property {number} [offset=8]
+	 * @version 0.0.2
+	 */
+	offset?: number;
+	/**
+	 * @property {'dark' | 'light'} [variant='light']
+	 * @version 0.0.2
+	 */
+	variant?: "dark" | "light";
+	/**
+	 * @property {boolean} [arrow=true]
+	 * @version 0.0.2
+	 */
+	arrow?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {number} [zIndex]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
+	/**
+	 * @property { HTMLElement | string} [root='body']
+	 * @version 0.0.2
+	 */
+	root?: HTMLElement | string;
+	/**
+	 * @property {boolean} [widthEqual=false]
+	 * @version 0.0.2
+	 */
+	widthEqual?: boolean;
+	/**
+	 * @property {CSSProperties} [contentStyle]
+	 * @version 0.0.2
+	 */
+	contentStyle?: CSSProperties;
+	/**
+	 * @property {boolean} [destroyOnHide=false]
+	 * @version 0.0.3
+	 */
+	destroyOnHide?: boolean;
+};
+export type PopoverEvents = {
+	/**
+	 * @event update:visible
+	 * @param {boolean} value
+	 * @version 0.0.2
+	 */
+	"update:visible": [
+		value: boolean
+	];
+	/**
+	 * @event close
+	 * @param {MouseEvent} e
+	 * @version 0.0.2
+	 */
+	close: [
+		e: MouseEvent | TouchEvent
+	];
+	/**
+	 * @event open
+	 * @param {MouseEvent} e
+	 * @version 0.0.2
+	 */
+	open: [
+		e: MouseEvent
+	];
+};
 export type InputTagProps = {
 	/**
 	 * @property {string[] | null} [modelValue]
@@ -1352,10 +1514,10 @@ export type InputTagProps = {
 	 */
 	size?: "medium" | "large" | "small";
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
 	 * @version 0.0.2
@@ -1381,6 +1543,21 @@ export type InputTagProps = {
 	 * @version 0.0.2
 	 */
 	collapseTagsPopover?: boolean;
+	/**
+	 * @property {Omit<TagProps, 'size' | 'disabled' | 'closable'> & EmitEvent<TagEvents>} [tagProps]
+	 * @version 0.0.3
+	 */
+	tagProps?: Omit<TagProps, "size" | "disabled" | "closable"> & EmitEvent<TagEvents>;
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
 	/**
 	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info']
 	 * @version 0.0.2
@@ -1397,15 +1574,27 @@ export type InputTagProps = {
 	 */
 	tagColor?: TagProps["color"];
 	/**
-	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @property {Omit<PopoverProps, 'visible' | 'content'> & EmitEvent<PopoverEvents>} [popoverProps]
+	 * @version 0.0.3
+	 */
+	popoverProps?: Omit<PopoverProps, "visible" | "content"> & EmitEvent<PopoverEvents>;
+};
+export type InputTagExpose = {
+	/**
+	 * @property {() => void} focus
 	 * @version 0.0.2
 	 */
-	status?: "success" | "warning" | "error" | "normal";
+	focus: () => void;
 	/**
-	 * @property {boolean} [autofocus=false]
+	 * @property {() => void} blur
 	 * @version 0.0.2
 	 */
-	autofocus?: boolean;
+	blur: () => void;
+	/**
+	 * @property {() => void} clear
+	 * @version 0.0.2
+	 */
+	clear: () => void;
 };
 declare var __VLS_1$16: {}, __VLS_10: {
 	tag: string;
@@ -1433,15 +1622,11 @@ type __VLS_Slots$19 = {} & {
 } & {
 	suffix?: (props: typeof __VLS_51) => any;
 };
-declare const __VLS_component$19: import("vue").DefineComponent<InputTagProps, {
-	focus: () => void;
-	blur: () => void;
-	clear: () => Promise<void>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	input: (value: string, e: Event) => any;
-	change: (value: string[]) => any;
+declare const __VLS_component$19: import("vue").DefineComponent<InputTagProps, InputTagExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
 	clear: (value: string[]) => any;
+	change: (value: string[]) => any;
 	blur: (e: FocusEvent) => any;
+	input: (value: string, e: Event) => any;
 	focus: (e: FocusEvent) => any;
 	"update:modelValue": (value: string[]) => any;
 	tagAdd: (value: string, e: KeyboardEvent) => any;
@@ -1449,10 +1634,10 @@ declare const __VLS_component$19: import("vue").DefineComponent<InputTagProps, {
 	"update:inputValue": (value: string) => any;
 	inputChange: (value: string, e?: Event | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<InputTagProps> & Readonly<{
-	onInput?: ((value: string, e: Event) => any) | undefined;
-	onChange?: ((value: string[]) => any) | undefined;
 	onClear?: ((value: string[]) => any) | undefined;
+	onChange?: ((value: string[]) => any) | undefined;
 	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onInput?: ((value: string, e: Event) => any) | undefined;
 	onFocus?: ((e: FocusEvent) => any) | undefined;
 	"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 	onTagAdd?: ((value: string, e: KeyboardEvent) => any) | undefined;
@@ -1460,11 +1645,9 @@ declare const __VLS_component$19: import("vue").DefineComponent<InputTagProps, {
 	"onUpdate:inputValue"?: ((value: string) => any) | undefined;
 	onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 }>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
-	loading: boolean;
 	readonly: boolean;
+	loading: boolean;
 	clearable: boolean;
 	status: "success" | "warning" | "error" | "normal";
 	collapseTags: boolean;
@@ -1525,7 +1708,7 @@ export type TooltipProps = {
 	 */
 	disabled?: boolean;
 	/**
-	 * @property {number} [disabled]
+	 * @property {number} [zIndex]
 	 * @version 0.0.2
 	 */
 	zIndex?: number;
@@ -1534,91 +1717,37 @@ export type TooltipProps = {
 	 * @version 0.0.2
 	 */
 	root?: HTMLElement | string;
+	/**
+	 * @property {boolean} [destroyOnHide=false]
+	 * @version 0.0.3
+	 */
+	destroyOnHide?: boolean;
 };
-declare const _default$23: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	close: (e: MouseEvent) => any;
-	open: (e: MouseEvent) => any;
-	"update:visible": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
-	onClose?: ((e: MouseEvent) => any) | undefined;
-	onOpen?: ((e: MouseEvent) => any) | undefined;
-	"onUpdate:visible"?: ((value: boolean) => any) | undefined;
-}>, {
-	variant: "dark" | "light";
-	placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-	root: HTMLElement | string;
-	offset: number;
-	visible: boolean | null;
-	defaultVisible: boolean | null;
-	arrow: boolean;
-	trigger: "hover" | "click";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export type PopoverProps = {
-	/**
-	 * @property {string} [content]
-	 * @version 0.0.2
-	 */
-	content?: string;
-	/**
-	 * @property {boolean | null} [visible]
-	 * @version 0.0.2
-	 */
-	visible?: boolean | null;
-	/**
-	 * @property {boolean | null} [defaultVisible]
-	 * @version 0.0.2
-	 */
-	defaultVisible?: boolean | null;
-	/**
-	 * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top']
-	 * @version 0.0.2
-	 */
-	placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-	/**
-	 * @property {'hover' | 'click'} [trigger='hover']
-	 * @version 0.0.2
-	 */
-	trigger?: "hover" | "click";
-	/**
-	 * @property {number} [offset=8]
-	 * @version 0.0.2
-	 */
-	offset?: number;
-	/**
-	 * @property {'dark' | 'light'} [variant='light']
-	 * @version 0.0.2
-	 */
-	variant?: "dark" | "light";
-	/**
-	 * @property {boolean} [arrow=true]
-	 * @version 0.0.2
-	 */
-	arrow?: boolean;
-	/**
-	 * @property {boolean} [disabled=false]
-	 * @version 0.0.2
-	 */
-	disabled?: boolean;
-	/**
-	 * @property {number} [disabled]
-	 * @version 0.0.2
-	 */
-	zIndex?: number;
+export type TooltipEvents = {
 	/**
-	 * @property { HTMLElement | string} [root='body']
+	 * @event update:visible
+	 * @param {boolean} value
 	 * @version 0.0.2
 	 */
-	root?: HTMLElement | string;
+	"update:visible": [
+		value: boolean
+	];
 	/**
-	 * @property {boolean} [widthEqual=false]
+	 * @event close
+	 * @param {MouseEvent} e
 	 * @version 0.0.2
 	 */
-	widthEqual?: boolean;
+	close: [
+		e: MouseEvent | TouchEvent
+	];
 	/**
-	 * @property {CSSProperties} [contentStyle]
+	 * @event open
+	 * @param {MouseEvent} e
 	 * @version 0.0.2
 	 */
-	contentStyle?: CSSProperties;
+	open: [
+		e: MouseEvent
+	];
 };
 export type PopupContentProps = {
 	content?: string;
@@ -1634,9 +1763,10 @@ export type PopupContentProps = {
 	borderRadius?: number;
 	widthEqual?: boolean;
 	contentStyle?: CSSProperties;
+	destroyOnHide?: boolean;
 };
-declare const _default$24: import("vue").DefineComponent<PopoverProps, {
-	triggerContent: import("vue").ShallowRef<({
+declare const _default$23: import("vue").DefineComponent<TooltipProps, {
+	readonly triggerContent: ({
 		$: import("vue").ComponentInternalInstance;
 		$data: {};
 		$props: {
@@ -1648,11 +1778,12 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			readonly variant?: "dark" | "light" | undefined;
 			readonly arrow?: boolean | undefined;
 			readonly zIndex?: number | undefined;
-			readonly target?: (HTMLElement | VNode | null) | undefined;
+			readonly target?: (HTMLElement | import("vue").VNode | null) | undefined;
 			readonly root?: (HTMLElement | string) | undefined;
 			readonly borderRadius?: number | undefined;
 			readonly widthEqual?: boolean | undefined;
 			readonly contentStyle?: import("vue").CSSProperties | undefined;
+			readonly destroyOnHide?: boolean | undefined;
 			readonly onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
 			readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
 		} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -1687,6 +1818,7 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			visible: boolean | null;
 			arrow: boolean;
 			widthEqual: boolean;
+			destroyOnHide: boolean;
 		}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
 			beforeCreate?: (() => void) | (() => void)[];
 			created?: (() => void) | (() => void)[];
@@ -1705,7 +1837,7 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
 		};
 		$forceUpdate: () => void;
-		$nextTick: typeof nextTick;
+		$nextTick: typeof import("vue").nextTick;
 		$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
 			R,
 			R,
@@ -1723,17 +1855,40 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 		visible: boolean | null;
 		arrow: boolean;
 		widthEqual: boolean;
+		destroyOnHide: boolean;
 	}> & Omit<Readonly<PopupContentProps> & Readonly<{
 		onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
 		onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
-	}>, "content" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual") | "updateRenderState"> & import("vue").ShallowUnwrapRef<{
+	}>, "content" | "updateRenderState" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual" | "destroyOnHide")> & import("vue").ShallowUnwrapRef<{
 		updateRenderState: () => void;
 		content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
 	}> & {} & import("vue").ComponentCustomProperties & {} & {
 		$slots: {
 			content?: (props: {}) => any;
 		};
-	}) | undefined, ({
+	}) | undefined;
+	updateRenderState(): void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	close: (e: MouseEvent | TouchEvent) => any;
+	open: (e: MouseEvent) => any;
+	"update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
+	onClose?: ((e: MouseEvent | TouchEvent) => any) | undefined;
+	onOpen?: ((e: MouseEvent) => any) | undefined;
+	"onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+	variant: "dark" | "light";
+	placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	root: HTMLElement | string;
+	offset: number;
+	visible: boolean | null;
+	defaultVisible: boolean | null;
+	trigger: "hover" | "click";
+	arrow: boolean;
+	destroyOnHide: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$24: import("vue").DefineComponent<PopoverProps, {
+	readonly triggerContent: ({
 		$: import("vue").ComponentInternalInstance;
 		$data: {};
 		$props: {
@@ -1745,11 +1900,12 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			readonly variant?: "dark" | "light" | undefined;
 			readonly arrow?: boolean | undefined;
 			readonly zIndex?: number | undefined;
-			readonly target?: (HTMLElement | VNode | null) | undefined;
+			readonly target?: (HTMLElement | import("vue").VNode | null) | undefined;
 			readonly root?: (HTMLElement | string) | undefined;
 			readonly borderRadius?: number | undefined;
 			readonly widthEqual?: boolean | undefined;
 			readonly contentStyle?: import("vue").CSSProperties | undefined;
+			readonly destroyOnHide?: boolean | undefined;
 			readonly onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
 			readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
 		} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -1784,6 +1940,7 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			visible: boolean | null;
 			arrow: boolean;
 			widthEqual: boolean;
+			destroyOnHide: boolean;
 		}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
 			beforeCreate?: (() => void) | (() => void)[];
 			created?: (() => void) | (() => void)[];
@@ -1802,7 +1959,7 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 			errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
 		};
 		$forceUpdate: () => void;
-		$nextTick: typeof nextTick;
+		$nextTick: typeof import("vue").nextTick;
 		$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
 			R,
 			R,
@@ -1820,24 +1977,25 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 		visible: boolean | null;
 		arrow: boolean;
 		widthEqual: boolean;
+		destroyOnHide: boolean;
 	}> & Omit<Readonly<PopupContentProps> & Readonly<{
 		onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
 		onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
-	}>, "content" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual") | "updateRenderState"> & import("vue").ShallowUnwrapRef<{
+	}>, "content" | "updateRenderState" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual" | "destroyOnHide")> & import("vue").ShallowUnwrapRef<{
 		updateRenderState: () => void;
 		content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
 	}> & {} & import("vue").ComponentCustomProperties & {} & {
 		$slots: {
 			content?: (props: {}) => any;
 		};
-	}) | undefined>;
-	updateRenderState: () => void;
+	}) | undefined;
+	updateRenderState(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	close: (e: MouseEvent) => any;
+	close: (e: MouseEvent | TouchEvent) => any;
 	open: (e: MouseEvent) => any;
 	"update:visible": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
-	onClose?: ((e: MouseEvent) => any) | undefined;
+	onClose?: ((e: MouseEvent | TouchEvent) => any) | undefined;
 	onOpen?: ((e: MouseEvent) => any) | undefined;
 	"onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -1847,9 +2005,10 @@ declare const _default$24: import("vue").DefineComponent<PopoverProps, {
 	offset: number;
 	visible: boolean | null;
 	defaultVisible: boolean | null;
+	trigger: "hover" | "click";
 	arrow: boolean;
 	widthEqual: boolean;
-	trigger: "hover" | "click";
+	destroyOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export type EmptyProps = {
 	/**
@@ -1873,13 +2032,43 @@ type __VLS_WithSlots$20<T, S> = T & {
 		$slots: S;
 	};
 };
-export interface AutoCompleteOption extends Option$1<string> {
-	value: string;
+export type VirtualListProps = {
+	/**
+	 * @property {{ render: ValidContent; key?: string | number | symbol }[]} [list]
+	 * @version 0.0.3
+	 */
+	list?: {
+		render: ValidContent;
+		key?: string | number | symbol;
+	}[];
+	/**
+	 * @property {boolean} [fixedHeight=false]
+	 * @version 0.0.3
+	 */
+	fixedHeight?: boolean;
+	/**
+	 * @property {number} [estimatedHeight=28]
+	 * @version 0.0.3
+	 */
+	estimatedHeight?: number;
+	/**
+	 * @property {number} [buffer=10]
+	 * @version 0.0.3
+	 */
+	buffer?: number;
+};
+export interface OptionListOption<T = any> extends Option$1<T> {
 	disabled?: boolean;
+	key?: string | number | symbol;
 }
-export interface AutoCompleteGroupOption extends GroupOption {
+export interface OptionListGroupOption extends GroupOption {
 	label: string;
 	key: string | number | symbol;
+	children: (OptionListOption | string)[];
+}
+export interface AutoCompleteOption extends OptionListOption<string> {
+}
+export interface AutoCompleteGroupOption extends OptionListGroupOption {
 	children: (AutoCompleteOption | string)[];
 }
 export type AutoCompleteProps = {
@@ -1923,6 +2112,16 @@ export type AutoCompleteProps = {
 	 * @version 0.0.2
 	 */
 	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
+	 */
+	shape?: "rect" | "round" | "default";
 	/**
 	 * @property {boolean} [showPopoverEmpty=false]
 	 * @version 0.0.2
@@ -1944,15 +2143,15 @@ export type AutoCompleteProps = {
 	 */
 	append?: boolean;
 	/**
-	 * @property {'medium' | 'large' | 'small'} [size='medium']
-	 * @version 0.0.2
+	 * @property {boolean} [virtualScroll=false]
+	 * @version 0.0.3
 	 */
-	size?: "medium" | "large" | "small";
+	virtualScroll?: boolean;
 	/**
-	 * @property {'default' | 'round'} [shape='default']
-	 * @version 0.0.2
+	 * @property {Omit<VirtualListProps, 'list' | 'fixedHeight'>} [virtualListProps]
+	 * @version 0.0.3
 	 */
-	shape?: "default" | "round";
+	virtualListProps?: Omit<VirtualListProps, "list" | "fixedHeight">;
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
 	 * @version 0.0.2
@@ -1968,39 +2167,63 @@ export type AutoCompleteProps = {
 	 * @version 0.0.2
 	 */
 	autofocus?: boolean;
+	/**
+	 * @property {boolean} [optionsDestroyOnHide=false]
+	 * @version 0.0.3
+	 */
+	optionsDestroyOnHide?: boolean;
 };
-declare const _default$26: import("vue").DefineComponent<AutoCompleteProps, {
+export type AutoCompleteExpose = {
+	/**
+	 * @property {() => void} focus
+	 * @version 0.0.2
+	 */
 	focus: () => void;
+	/**
+	 * @property {() => void} blur
+	 * @version 0.0.2
+	 */
 	blur: () => void;
-	clear: () => Promise<void>;
+	/**
+	 * @property {() => void} clear
+	 * @version 0.0.2
+	 */
+	clear: () => void;
+	/**
+	 * @property {() => void} select
+	 * @version 0.0.2
+	 */
 	select: () => void;
+};
+declare const _default$26: import("vue").DefineComponent<AutoCompleteProps, AutoCompleteExpose & {
+	getElementRendered: () => HTMLDivElement | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-	input: (value: string, e: Event) => any;
-	select: (value: string, option: string | AutoCompleteOption, e: MouseEvent) => any;
-	change: (value: string, e?: Event | undefined) => any;
 	clear: (value: string) => any;
+	change: (value: string, e?: Event | undefined) => any;
 	blur: (e: FocusEvent) => any;
+	input: (value: string, e: Event) => any;
 	focus: (e: FocusEvent) => any;
+	select: (value: string, option: string | AutoCompleteOption, e: MouseEvent) => any;
 	"update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<AutoCompleteProps> & Readonly<{
-	onInput?: ((value: string, e: Event) => any) | undefined;
-	onSelect?: ((value: string, option: string | AutoCompleteOption, e: MouseEvent) => any) | undefined;
-	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onClear?: ((value: string) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onInput?: ((value: string, e: Event) => any) | undefined;
 	onFocus?: ((e: FocusEvent) => any) | undefined;
+	onSelect?: ((value: string, option: string | AutoCompleteOption, e: MouseEvent) => any) | undefined;
 	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
-	loading: boolean;
 	readonly: boolean;
+	loading: boolean;
 	clearable: boolean;
 	status: "success" | "warning" | "error" | "normal";
 	options: (string | AutoCompleteOption | AutoCompleteGroupOption)[];
+	virtualScroll: boolean;
 	showPopoverEmpty: boolean;
 	append: boolean;
+	optionsDestroyOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export type MaskProps = {
 	/**
@@ -2046,6 +2269,16 @@ export type SpinProps = {
 	 * @version 0.0.2
 	 */
 	size?: "medium" | "large" | "small" | number;
+	/**
+	 * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+	 * @version 0.0.3
+	 */
+	maskProps?: Omit<MaskProps, "zIndex">;
+	/**
+	 * @property {number} [zIndex=20]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
 	/**
 	 * @property {string} [maskColor]
 	 * @version 0.0.2
@@ -2066,11 +2299,6 @@ export type SpinProps = {
 	 * @version 0.0.2
 	 */
 	maskGrid?: boolean;
-	/**
-	 * @property {number} [zIndex=20]
-	 * @version 0.0.2
-	 */
-	zIndex?: number;
 };
 declare var __VLS_1$18: {}, __VLS_7: {}, __VLS_14: {};
 type __VLS_Slots$21 = {} & {
@@ -2094,13 +2322,9 @@ type __VLS_WithSlots$21<T, S> = T & {
 		$slots: S;
 	};
 };
-export interface SelectOption extends Option$1<string> {
-	value: any;
-	disabled?: boolean;
+export interface SelectOption extends OptionListOption<any> {
 }
-export interface SelectGroupOption extends GroupOption {
-	label: string;
-	key: string | number | symbol;
+export interface SelectGroupOption extends OptionListGroupOption {
 	children: (SelectOption | string)[];
 }
 export type SelectProps = {
@@ -2185,7 +2409,7 @@ export type SelectProps = {
 	 */
 	collapseTags?: boolean;
 	/**
-	 * @property {number} [collapseTags]
+	 * @property {number} [maxDisplayTags]
 	 * @version 0.0.2
 	 */
 	maxDisplayTags?: number;
@@ -2194,6 +2418,41 @@ export type SelectProps = {
 	 * @version 0.0.2
 	 */
 	collapseTagsPopover?: boolean;
+	/**
+	 * @property {boolean} [virtualScroll=false]
+	 * @version 0.0.3
+	 */
+	virtualScroll?: boolean;
+	/**
+	 * @property {Omit<VirtualListProps, 'list' | 'fixedHeight'>} [virtualListProps]
+	 * @version 0.0.3
+	 */
+	virtualListProps?: Omit<VirtualListProps, "list" | "fixedHeight">;
+	/**
+	 * @property {Omit<TagProps, 'size' | 'disabled' | 'closable'> & EmitEvent<TagEvents>} [tagProps]
+	 * @version 0.0.3
+	 */
+	tagProps?: Omit<TagProps, "size" | "disabled" | "closable"> & EmitEvent<TagEvents>;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'rect' | 'round'} [shape='rect']
+	 * @version 0.0.3
+	 */
+	shape?: "rect" | "round" | "default";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
 	/**
 	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info']
 	 * @version 0.0.2
@@ -2210,58 +2469,61 @@ export type SelectProps = {
 	 */
 	tagColor?: TagProps["color"];
 	/**
-	 * @property {'medium' | 'large' | 'small'} [size='medium']
-	 * @version 0.0.2
+	 * @property {Omit<PopoverProps, 'visible' | 'content'> & EmitEvent<PopoverEvents>} [popoverProps]
+	 * @version 0.0.3
 	 */
-	size?: "medium" | "large" | "small";
+	popoverProps?: Omit<PopoverProps, "visible" | "content"> & EmitEvent<PopoverEvents>;
+	/**
+	 * @property {boolean} [optionsDestroyOnHide=false]
+	 * @version 0.0.3
+	 */
+	optionsDestroyOnHide?: boolean;
+};
+export type SelectExpose = {
 	/**
-	 * @property {'default' | 'round'} [shape='default']
+	 * @property {() => void} focus
 	 * @version 0.0.2
 	 */
-	shape?: "default" | "round";
+	focus: () => void;
 	/**
-	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @property {() => void} blur
 	 * @version 0.0.2
 	 */
-	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	blur: () => void;
 	/**
-	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @property {() => void} clear
 	 * @version 0.0.2
 	 */
-	status?: "success" | "warning" | "error" | "normal";
+	clear: () => void;
 };
-declare const _default$29: import("vue").DefineComponent<SelectProps, {
-	focus: () => void;
-	blur: () => Promise<void>;
-	clear: () => Promise<void>;
+declare const _default$29: import("vue").DefineComponent<SelectProps, SelectExpose & {
+	getElementRendered: () => HTMLDivElement | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	clear: (value: any) => any;
+	change: (value: any) => any;
+	blur: (event: FocusEvent) => any;
 	input: (value: string, e: Event) => any;
+	focus: (event: FocusEvent) => any;
 	select: (value: any, option: string | SelectOption, e: MouseEvent) => any;
-	change: (value: any) => any;
-	clear: (value: any) => any;
-	blur: () => any;
-	focus: () => any;
 	"update:modelValue": (value: any) => any;
 	tagClose: (value: any, e: MouseEvent) => any;
 	"update:inputValue": (value: string) => any;
 	inputChange: (value: string, e?: Event | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
+	onClear?: ((value: any) => any) | undefined;
+	onChange?: ((value: any) => any) | undefined;
+	onBlur?: ((event: FocusEvent) => any) | undefined;
 	onInput?: ((value: string, e: Event) => any) | undefined;
+	onFocus?: ((event: FocusEvent) => any) | undefined;
 	onSelect?: ((value: any, option: string | SelectOption, e: MouseEvent) => any) | undefined;
-	onChange?: ((value: any) => any) | undefined;
-	onClear?: ((value: any) => any) | undefined;
-	onBlur?: (() => any) | undefined;
-	onFocus?: (() => any) | undefined;
 	"onUpdate:modelValue"?: ((value: any) => any) | undefined;
 	onTagClose?: ((value: any, e: MouseEvent) => any) | undefined;
 	"onUpdate:inputValue"?: ((value: string) => any) | undefined;
 	onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined;
 }>, {
-	shape: "default" | "round";
-	size: "medium" | "large" | "small";
 	disabled: boolean;
-	loading: boolean;
 	readonly: boolean;
+	loading: boolean;
 	clearable: boolean;
 	status: "success" | "warning" | "error" | "normal";
 	options: (string | SelectOption | SelectGroupOption)[];
@@ -2270,14 +2532,1085 @@ declare const _default$29: import("vue").DefineComponent<SelectProps, {
 	collapseTagsPopover: boolean;
 	tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
 	tagVariant: "primary" | "plain" | "outline";
+	virtualScroll: boolean;
+	optionsDestroyOnHide: boolean;
 	filterable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$30: import("vue").DefineComponent<VirtualListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualListProps> & Readonly<{}>, {
+	list: {
+		render: ValidContent;
+		key?: string | number | symbol;
+	}[];
+	fixedHeight: boolean;
+	estimatedHeight: number;
+	buffer: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type ImageProps = {
+	/**
+	 * @property {string} [src]
+	 * @version 0.0.3
+	 */
+	src?: string;
+	/**
+	 * @property {string} [srcset]
+	 * @version 0.0.3
+	 */
+	srcset?: string;
+	/**
+	 * @property {string} [alt]
+	 * @version 0.0.3
+	 */
+	alt?: string;
+	/**
+	 * @property {'fill' | 'contain' | 'cover' | 'none' | 'scale-down'} [objectFit='fill']
+	 * @version 0.0.3
+	 */
+	objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down";
+	/**
+	 * @property {'eager' | 'lazy'} [loading='eager']
+	 * @version 0.0.3
+	 */
+	loading?: "eager" | "lazy";
+	/**
+	 * @property {boolean} [lazy=false]
+	 * @version 0.0.3
+	 */
+	lazy?: boolean;
+	/**
+	 * @property {HTMLElement | string} [root]
+	 * @version 0.0.3
+	 */
+	root?: HTMLElement | string;
+	/**
+	 * @property {number | [number, number]} [rootMargin=[100, 200]]
+	 * @version 0.0.3
+	 */
+	rootMargin?: number | [
+		number,
+		number
+	];
+	/**
+	 * @property {boolean} [previewable=false]
+	 * @version 0.0.3
+	 */
+	previewable?: boolean;
+	/**
+	 * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+	 * @version 0.0.3
+	 */
+	maskProps?: Omit<MaskProps, "zIndex">;
+	/**
+	 * @property {{ zIndex: number, root: HTMLElement | string }} [popupWrapperProps]
+	 * @version 0.0.3
+	 */
+	popupWrapperProps?: {
+		zIndex: number;
+		root: HTMLElement | string;
+	};
+	/**
+	 * @property {{ maxWidth?: number, maxHeight?: number, margin?: number}} [popupWrapperProps={ margin: 32, maxWidth: Infinity, maxHeight: Infinity }]
+	 * @version 0.0.3
+	 */
+	zoomOptions?: {
+		maxWidth?: number;
+		maxHeight?: number;
+		margin?: number;
+	};
+	/**
+	 * @property {string} [referrerpolicy='no-referrer']
+	 * @version 0.0.3
+	 */
+	referrerpolicy?: string;
+	/**
+	 * @property {'anonymous' | 'use-credentials' | ''} [crossorigin='']
+	 * @version 0.0.3
+	 */
+	crossorigin?: "anonymous" | "use-credentials" | "";
+};
+declare var __VLS_1$19: {}, __VLS_3: {};
+type __VLS_Slots$22 = {} & {
+	placeholder?: (props: typeof __VLS_1$19) => any;
+} & {
+	error?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component$22: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	error: (img: HTMLImageElement, error: string | Event) => any;
+	close: (event: MouseEvent) => any;
+	load: (img: HTMLImageElement, event: Event) => any;
+	loading: (img: HTMLImageElement) => any;
+	preview: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{
+	onError?: ((img: HTMLImageElement, error: string | Event) => any) | undefined;
+	onClose?: ((event: MouseEvent) => any) | undefined;
+	onLoad?: ((img: HTMLImageElement, event: Event) => any) | undefined;
+	onLoading?: ((img: HTMLImageElement) => any) | undefined;
+	onPreview?: ((event: MouseEvent) => any) | undefined;
+}>, {
+	loading: "eager" | "lazy";
+	objectFit: "fill" | "contain" | "cover" | "none" | "scale-down";
+	lazy: boolean;
+	rootMargin: number | [
+		number,
+		number
+	];
+	previewable: boolean;
+	referrerpolicy: string;
+	crossorigin: "anonymous" | "use-credentials" | "";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$31: __VLS_WithSlots$22<typeof __VLS_component$22, __VLS_Slots$22>;
+type __VLS_WithSlots$22<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type AvatarProps = {
+	/**
+	 * @property {'circle' | 'square''} [shape='circle']
+	 * @version 0.0.3
+	 */
+	shape?: "circle" | "square";
+	/**
+	 * @property {'medium' | 'large' | 'small' | number} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "medium" | "large" | "small" | number;
+	/**
+	 * @property {boolean} [bordered=false]
+	 * @version 0.0.3
+	 */
+	bordered?: boolean;
+	/**
+	 * @property {string} [backgroundColor]
+	 * @version 0.0.3
+	 */
+	backgroundColor?: string;
+	/**
+	 * @property {string} [borderColor]
+	 * @version 0.0.3
+	 */
+	borderColor?: string;
+};
+declare var __VLS_1$20: {};
+type __VLS_Slots$23 = {} & {
+	default?: (props: typeof __VLS_1$20) => any;
+};
+declare const __VLS_component$23: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+	bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$32: __VLS_WithSlots$23<typeof __VLS_component$23, __VLS_Slots$23>;
+type __VLS_WithSlots$23<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type RuleLevel = "error" | "warning" | "success" | "normal";
+export type FieldType = "number" | "string" | "boolean" | "array" | "dict" | "function" | "date";
+export type RuleTrigger = "blur" | "change" | "input";
+export type FormProps = {
+	/**
+	 * @property {Record<number | string, any>} [model]
+	 * @version 0.0.3
+	 */
+	model?: Record<number | string, any>;
+	/**
+	 * @property {FormInstance} [form]
+	 * @version 0.0.3
+	 */
+	form?: UseFormReturn;
+	/**
+	 * @property {Record<string, RuleItem | RuleItem[]>} [rules]
+	 * @version 0.0.3
+	 */
+	rules?: Record<string, RuleItem | RuleItem[]>;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {'small' | 'medium' | 'large'} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "small" | "medium" | "large";
+	/**
+	 * @property {'left' | 'right' | 'top'} [labelAlign='right']
+	 * @version 0.0.3
+	 */
+	labelAlign?: "left" | "right" | "top";
+	/**
+	 * @property {boolean} [showAsterisk]
+	 * @version 0.0.3
+	 */
+	showAsterisk?: boolean;
+	/**
+	 * @property {'left' | 'right' | 'end'} [asteriskPlacement='left']
+	 * @version 0.0.3
+	 */
+	asteriskPlacement?: "left" | "right" | "end";
+	/**
+	 * @property {boolean} [labelAutoWidth=false]
+	 * @version 0.0.3
+	 */
+	labelAutoWidth?: boolean;
+	/**
+	 * @property {RowProps} [rowProps]
+	 * @version 0.0.3
+	 */
+	rowProps?: RowProps;
+	/**
+	 * @property {ColProps} [labelProps]
+	 * @version 0.0.3
+	 */
+	labelProps?: ColProps;
+	/**
+	 * @property {ColProps} [contentProps]
+	 * @version 0.0.3
+	 */
+	contentProps?: ColProps;
+};
+export interface UseFormReturn<T extends Record<string | number, any> = Record<string | number, any>> {
+	/**
+	 * @property {Ref<Record<string | number, any>>} model
+	 * @version 0.0.3
+	 */
+	model: Ref<T>;
+	/**
+	 * @property {(field?: string | string[]) => FormValidateResult} validate
+	 * @version 0.0.3
+	 */
+	validate: (field?: string | string[]) => FormValidateResult;
+	/**
+	 * @property {(field?: string | string[]) => void} reset
+	 * @version 0.0.3
+	 */
+	reset: (field?: string | string[]) => void;
+	/**
+	 * @property {(field?: string | string[]) => void} clearValidation
+	 * @version 0.0.3
+	 */
+	clearValidation: (field?: string | string[]) => void;
+	/**
+	 * @ignore
+	 */
+	register: (registerOptions: UseFormRegisterOptions) => void;
+}
+export type FormValidateResult = Promise<{
+	isValid: boolean;
+	results: Record<string, PromiseSettledResult<{
+		message: string;
+		level: RuleLevel;
+	}>>;
+}>;
+export type FormExpose = {
+	/**
+	 * @property {(field?: string | string[]) => FormValidateResult} validate
+	 * @version 0.0.3
+	 */
+	validate: (field?: string | string[]) => FormValidateResult;
+	/**
+	 * @property {(field?: string | string[]) => void} reset
+	 * @version 0.0.3
+	 */
+	reset: (field?: string | string[]) => void;
+	/**
+	 * @property {(field?: string | string[]) => void} clearValidation
+	 * @version 0.0.3
+	 */
+	clearValidation: (field?: string | string[]) => void;
+};
+export type RuleItem = {
+	/**
+	 * @property {boolean} [required=false]
+	 * @version 0.0.3
+	 */
+	required?: boolean;
+	/**
+	 * @property {string} [message]
+	 * @version 0.0.3
+	 */
+	message?: string;
+	/**
+	 * @property {RuleTrigger | RuleTrigger[]} [trigger=['change', 'blur']]
+	 * @version 0.0.3
+	 */
+	trigger?: RuleTrigger | RuleTrigger[];
+	/**
+	 * @property {FieldType | FieldType[]} [type]
+	 * @version 0.0.3
+	 */
+	type?: FieldType | FieldType[];
+	/**
+	 * @property {number} [max]
+	 * @version 0.0.3
+	 */
+	max?: number;
+	/**
+	 * @property {number} [min]
+	 * @version 0.0.3
+	 */
+	min?: number;
+	/**
+	 * @property {number} [maxLength]
+	 * @version 0.0.3
+	 */
+	maxLength?: number;
+	/**
+	 * @property {number} [minLength]
+	 * @version 0.0.3
+	 */
+	minLength?: number;
+	/**
+	 * @property {boolean} [email=false]
+	 * @version 0.0.3
+	 */
+	email?: boolean;
+	/**
+	 * @property {boolean} [url=false]
+	 * @version 0.0.3
+	 */
+	url?: boolean;
+	/**
+	 * @property {boolean} [numberString=false]
+	 * @version 0.0.3
+	 */
+	numberString?: boolean;
+	/**
+	 * @property {RuleLevel} [level='error']
+	 * @version 0.0.3
+	 */
+	level?: RuleLevel;
+	/**
+	 * @property {(value: any, model: Record<number | string, any>) => string | void | Promise<void | string>} [validator]
+	 * @version 0.0.3
+	 */
+	validator?: (value: any, model: Record<number | string, any>) => string | void | Promise<void | string>;
+};
+export type UseFormRegisterOptions = {
+	validate: (field?: string | string[]) => FormValidateResult;
+	clearValidation: (field?: string | string[]) => void;
+};
+declare var __VLS_1$21: {};
+type __VLS_Slots$24 = {} & {
+	default?: (props: typeof __VLS_1$21) => any;
+};
+declare const __VLS_component$24: import("vue").DefineComponent<FormProps, FormExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	submit: (form: Record<string | number, any>, event: Event) => any;
+	reset: (form: Record<string | number, any>, event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<FormProps> & Readonly<{
+	onSubmit?: ((form: Record<string | number, any>, event: Event) => any) | undefined;
+	onReset?: ((form: Record<string | number, any>, event: Event) => any) | undefined;
+}>, {
+	size: "small" | "medium" | "large";
+	disabled: boolean;
+	readonly: boolean;
+	labelAlign: "left" | "right" | "top";
+	showAsterisk: boolean;
+	asteriskPlacement: "left" | "right" | "end";
+	labelAutoWidth: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$33: __VLS_WithSlots$24<typeof __VLS_component$24, __VLS_Slots$24>;
+type __VLS_WithSlots$24<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type FormItemProps = {
+	/**
+	 * @property {string} [field]
+	 * @version 0.0.3
+	 */
+	field?: string;
+	/**
+	 * @property {string} [label]
+	 * @version 0.0.3
+	 */
+	label?: string;
+	/**
+	 * @property {RuleItem | RuleItem[]} [rule]
+	 * @version 0.0.3
+	 */
+	rule?: RuleItem | RuleItem[];
+	/**
+	 * @property {boolean} [disabled]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {'left' | 'right' | 'top'} [labelAlign]
+	 * @version 0.0.3
+	 */
+	labelAlign?: "left" | "right" | "top";
+	/**
+	 * @property {boolean} [showAsterisk]
+	 * @version 0.0.3
+	 */
+	showAsterisk?: boolean;
+	/**
+	 * @property {'left' | 'right' | 'end'} [asteriskPlacement]
+	 * @version 0.0.3
+	 */
+	asteriskPlacement?: "left" | "right" | "end";
+	/**
+	 * @property {RowProps} [rowProps]
+	 * @version 0.0.3
+	 */
+	rowProps?: RowProps;
+	/**
+	 * @property {ColProps} [labelProps]
+	 * @version 0.0.3
+	 */
+	labelProps?: ColProps;
+	/**
+	 * @property {ColProps} [contentProps]
+	 * @version 0.0.3
+	 */
+	contentProps?: ColProps;
+};
+declare var __VLS_10$1: {}, __VLS_16$1: {}, __VLS_18: {
+	message: string;
+	level: RuleLevel;
+}, __VLS_20: {};
+type __VLS_Slots$25 = {} & {
+	label?: (props: typeof __VLS_10$1) => any;
+} & {
+	default?: (props: typeof __VLS_16$1) => any;
+} & {
+	tip?: (props: typeof __VLS_18) => any;
+} & {
+	extra?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_component$25: import("vue").DefineComponent<FormItemProps, {
+	validate: (trigger?: RuleTrigger) => Promise<{
+		message: string;
+		level: RuleLevel;
+	}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
+	disabled: boolean;
+	readonly: boolean;
+	labelAlign: "left" | "right" | "top";
+	showAsterisk: boolean;
+	asteriskPlacement: "left" | "right" | "end";
+	rowProps: RowProps;
+	labelProps: ColProps;
+	contentProps: ColProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$34: __VLS_WithSlots$25<typeof __VLS_component$25, __VLS_Slots$25>;
+type __VLS_WithSlots$25<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export interface PixelateOptions {
+	palette?: string[];
+	background?: string;
+}
+export declare function pixelateImage(imageSource: HTMLImageElement | string, pixelSize: number, options?: PixelateOptions, onProgress?: (progress: number) => void): Promise<ImageData | null>;
+export declare function imageDataToDataURL(imageData: ImageData): string;
+export type SwitchProps = {
+	/**
+	 * @property {boolean | null} [modelValue=undefined]
+	 * @version 0.0.3
+	 */
+	modelValue?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultValue=undefined]
+	 * @version 0.0.3
+	 */
+	defaultValue?: boolean | null;
+	/**
+	 * @property {'round' | 'rect'} [shape='round']
+	 * @version 0.0.3
+	 */
+	shape?: "round" | "rect" | "default";
+	/**
+	 * @property {'small' | 'medium' | 'large'} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "small" | "medium" | "large";
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.3
+	 */
+	loading?: boolean;
+	/**
+	 * @property {string} [activeTip]
+	 * @version 0.0.3
+	 */
+	activeTip?: string;
+	/**
+	 * @property {string} [inactiveTip]
+	 * @version 0.0.3
+	 */
+	inactiveTip?: string;
+	/**
+	 * @property {string} [activeLabel]
+	 * @version 0.0.3
+	 */
+	activeLabel?: string;
+	/**
+	 * @property {string} [inactiveLabel]
+	 * @version 0.0.3
+	 */
+	inactiveLabel?: string;
+	/**
+	 * @property {string} [activeColor]
+	 * @version 0.0.3
+	 */
+	activeColor?: string;
+	/**
+	 * @property {string} [inactiveColor]
+	 * @version 0.0.3
+	 */
+	inactiveColor?: string;
+};
+declare var __VLS_1$22: {}, __VLS_3$1: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14$1: {}, __VLS_16$2: {};
+type __VLS_Slots$26 = {} & {
+	"inactive-label"?: (props: typeof __VLS_1$22) => any;
+} & {
+	"active-tip"?: (props: typeof __VLS_3$1) => any;
+} & {
+	"inactive-tip"?: (props: typeof __VLS_5) => any;
+} & {
+	"active-icon"?: (props: typeof __VLS_12) => any;
+} & {
+	"inactive-icon"?: (props: typeof __VLS_14$1) => any;
+} & {
+	"active-label"?: (props: typeof __VLS_16$2) => any;
+};
+declare const __VLS_component$26: import("vue").DefineComponent<SwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: boolean, event: Event) => any;
+	blur: (event: FocusEvent) => any;
+	input: (value: boolean, event: InputEvent) => any;
+	focus: (event: FocusEvent) => any;
+	"update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<SwitchProps> & Readonly<{
+	onChange?: ((value: boolean, event: Event) => any) | undefined;
+	onBlur?: ((event: FocusEvent) => any) | undefined;
+	onInput?: ((value: boolean, event: InputEvent) => any) | undefined;
+	onFocus?: ((event: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+	disabled: boolean;
+	readonly: boolean;
+	shape: "round" | "rect" | "default";
+	loading: boolean;
+	modelValue: boolean | null;
+	defaultValue: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$35: __VLS_WithSlots$26<typeof __VLS_component$26, __VLS_Slots$26>;
+type __VLS_WithSlots$26<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type SliderProps = {
+	/**
+	 * @property {number | [number, number] | null} [modelValue]
+	 * @version 0.0.3
+	 */
+	modelValue?: number | [
+		number,
+		number
+	] | null;
+	/**
+	 * @property {number | [number, number] | null} [defaultValue]
+	 * @version 0.0.3
+	 */
+	defaultValue?: number | [
+		number,
+		number
+	] | null;
+	/**
+	 * @property {number} [min=0]
+	 * @version 0.0.3
+	 */
+	min?: number;
+	/**
+	 * @property {number} [max=100]
+	 * @version 0.0.3
+	 */
+	max?: number;
+	/**
+	 * @property {boolean} [range=false]
+	 * @version 0.0.3
+	 */
+	range?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {number | 'mark'} [step=1]
+	 * @version 0.0.3
+	 */
+	step?: number | "mark";
+	/**
+	 * @property {(number | { value: number; label?: string })[]} [marks]
+	 * @version 0.0.3
+	 */
+	marks?: (number | {
+		value: number;
+		label?: string;
+	})[];
+	/**
+	 * @property {'horizontal' | 'vertical'} [direction='horizontal']
+	 * @version 0.0.3
+	 */
+	direction?: "horizontal" | "vertical";
+	/**
+	 * @property {boolean} [reverse=false]
+	 * @version 0.0.3
+	 */
+	reverse?: boolean;
+	/**
+	 * @property {number | null} [precision=8]
+	 * @version 0.0.3
+	 */
+	precision?: number | null;
+	/**
+	 * @property {boolean} [tooltip=true]
+	 * @version 0.0.3
+	 */
+	tooltip?: boolean;
+	/**
+	 * @property {Omit<TooltipProps, 'visible' | 'content'> & EmitEvent<TooltipEvents>} [tooltipProps]
+	 * @version 0.0.3
+	 */
+	tooltipProps?: Omit<TooltipProps, "visible" | "content"> & EmitEvent<TooltipEvents>;
+	/**
+	 * @property {Omit<TooltipProps, 'visible' | 'content'> & EmitEvent<TooltipEvents>} [tooltipStartProps]
+	 * @version 0.0.3
+	 */
+	tooltipStartProps?: Omit<TooltipProps, "visible" | "content"> & EmitEvent<TooltipEvents>;
+	/**
+	 * @property {Omit<TooltipProps, 'visible' | 'content'> & EmitEvent<TooltipEvents>} [tooltipEndProps]
+	 * @version 0.0.3
+	 */
+	tooltipEndProps?: Omit<TooltipProps, "visible" | "content"> & EmitEvent<TooltipEvents>;
+};
+declare var __VLS_1$23: {
+	value: number;
+	label: string | undefined;
+}, __VLS_7$1: {}, __VLS_10$2: {
+	value: number | null | undefined;
+}, __VLS_12$1: {}, __VLS_18$1: {}, __VLS_21: {
+	value: number | null | undefined;
+}, __VLS_23: {}, __VLS_29: {}, __VLS_32: {
+	value: number | null | undefined;
+}, __VLS_34$1: {};
+type __VLS_Slots$27 = {} & {
+	mark?: (props: typeof __VLS_1$23) => any;
+} & {
+	thumb?: (props: typeof __VLS_7$1) => any;
+} & {
+	"tooltip-content"?: (props: typeof __VLS_10$2) => any;
+} & {
+	thumb?: (props: typeof __VLS_12$1) => any;
+} & {
+	"thumb-start"?: (props: typeof __VLS_18$1) => any;
+} & {
+	"tooltip-content"?: (props: typeof __VLS_21) => any;
+} & {
+	"thumb-start"?: (props: typeof __VLS_23) => any;
+} & {
+	"thumb-end"?: (props: typeof __VLS_29) => any;
+} & {
+	"tooltip-content"?: (props: typeof __VLS_32) => any;
+} & {
+	"thumb-end"?: (props: typeof __VLS_34$1) => any;
+};
+declare const __VLS_component$27: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: number | [
+		number,
+		number
+	]) => any;
+	blur: (event: FocusEvent) => any;
+	focus: (event: FocusEvent) => any;
+	"update:modelValue": (value: number | [
+		number,
+		number
+	]) => any;
+	dragStart: (event: MouseEvent | TouchEvent) => any;
+	dragEnd: (event: MouseEvent | TouchEvent) => any;
+	markSelect: (value: number, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<SliderProps> & Readonly<{
+	onChange?: ((value: number | [
+		number,
+		number
+	]) => any) | undefined;
+	onBlur?: ((event: FocusEvent) => any) | undefined;
+	onFocus?: ((event: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: number | [
+		number,
+		number
+	]) => any) | undefined;
+	onDragStart?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+	onDragEnd?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+	onMarkSelect?: ((value: number, event: MouseEvent) => any) | undefined;
+}>, {
+	reverse: boolean;
+	disabled: boolean;
+	direction: "horizontal" | "vertical";
+	range: boolean;
+	max: number;
+	min: number;
+	step: number | "mark";
+	precision: number | null;
+	tooltip: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$36: __VLS_WithSlots$27<typeof __VLS_component$27, __VLS_Slots$27>;
+type __VLS_WithSlots$27<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type RadioProps = {
+	/**
+	 * @property {boolean | null} [modelValue]
+	 * @version 0.0.3
+	 */
+	modelValue?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultValue]
+	 * @version 0.0.3
+	 */
+	defaultValue?: boolean | null;
+	/**
+	 * @property {'normal' | 'retro'} [variant='normal']
+	 * @version 0.0.3
+	 */
+	variant?: "normal" | "retro";
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {string} [label]
+	 * @version 0.0.3
+	 */
+	label?: string;
+	/**
+	 * @property {any} [value]
+	 * @version 0.0.3
+	 */
+	value?: any;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "medium" | "large" | "small";
+};
+declare var __VLS_1$24: {};
+type __VLS_Slots$28 = {} & {
+	default?: (props: typeof __VLS_1$24) => any;
+};
+declare const __VLS_component$28: import("vue").DefineComponent<RadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: boolean, event: Event) => any;
+	blur: (event: FocusEvent) => any;
+	input: (value: boolean, event: InputEvent) => any;
+	focus: (event: FocusEvent) => any;
+	"update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<RadioProps> & Readonly<{
+	onChange?: ((value: boolean, event: Event) => any) | undefined;
+	onBlur?: ((event: FocusEvent) => any) | undefined;
+	onInput?: ((value: boolean, event: InputEvent) => any) | undefined;
+	onFocus?: ((event: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+	disabled: boolean;
+	readonly: boolean;
+	modelValue: boolean | null;
+	defaultValue: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$37: __VLS_WithSlots$28<typeof __VLS_component$28, __VLS_Slots$28>;
+type __VLS_WithSlots$28<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export interface RadioGroupOption<T = any> extends Option$1<T> {
+	disabled?: boolean;
+	key?: string | number | symbol;
+}
+export type RadioGroupProps = {
+	/**
+	 * @property {any} [modelValue]
+	 * @version 0.0.3
+	 */
+	modelValue?: any;
+	/**
+	 * @property {any} [defaultValue]
+	 * @version 0.0.3
+	 */
+	defaultValue?: any;
+	/**
+	 * @property {'normal' | 'retro'} [variant]
+	 * @version 0.0.3
+	 */
+	variant?: "normal" | "retro";
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {'horizontal' | 'vertical'} [direction='horizontal']
+	 * @version 0.0.3
+	 */
+	direction?: "horizontal" | "vertical";
+	/**
+	 * @property {(RadioGroupOption | string)[]} [options]
+	 * @version 0.0.3
+	 */
+	options?: (RadioGroupOption | string)[];
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size]
+	 * @version 0.0.3
+	 */
+	size?: "medium" | "large" | "small";
+};
+declare var __VLS_1$25: {};
+type __VLS_Slots$29 = {} & {
+	default?: (props: typeof __VLS_1$25) => any;
+};
+declare const __VLS_component$29: import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: any) => any;
+	"update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
+	onChange?: ((value: any) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+	disabled: boolean;
+	readonly: boolean;
+	direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$38: __VLS_WithSlots$29<typeof __VLS_component$29, __VLS_Slots$29>;
+type __VLS_WithSlots$29<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type CheckboxProps = {
+	/**
+	 * @property {boolean | null} [modelValue]
+	 * @version 0.0.3
+	 */
+	modelValue?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultValue]
+	 * @version 0.0.3
+	 */
+	defaultValue?: boolean | null;
+	/**
+	 * @property {boolean} [indeterminate=false]
+	 * @version 0.0.3
+	 */
+	indeterminate?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {'normal' | 'retro'} [variant='normal']
+	 * @version 0.0.3
+	 */
+	variant?: "normal" | "retro";
+	/**
+	 * @property {string} [label]
+	 * @version 0.0.3
+	 */
+	label?: string;
+	/**
+	 * @property {any} [value]
+	 * @version 0.0.3
+	 */
+	value?: any;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "medium" | "large" | "small";
+};
+declare var __VLS_6$2: {};
+type __VLS_Slots$30 = {} & {
+	default?: (props: typeof __VLS_6$2) => any;
+};
+declare const __VLS_component$30: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: boolean, event: Event) => any;
+	blur: (event: FocusEvent) => any;
+	input: (value: boolean, event: InputEvent) => any;
+	focus: (event: FocusEvent) => any;
+	"update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxProps> & Readonly<{
+	onChange?: ((value: boolean, event: Event) => any) | undefined;
+	onBlur?: ((event: FocusEvent) => any) | undefined;
+	onInput?: ((value: boolean, event: InputEvent) => any) | undefined;
+	onFocus?: ((event: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+	disabled: boolean;
+	readonly: boolean;
+	modelValue: boolean | null;
+	defaultValue: boolean | null;
+	indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$39: __VLS_WithSlots$30<typeof __VLS_component$30, __VLS_Slots$30>;
+type __VLS_WithSlots$30<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export interface CheckboxGroupOption<T = any> extends Option$1<T> {
+	disabled?: boolean;
+	key?: string | number | symbol;
+}
+export type CheckboxGroupProps = {
+	/**
+	 * @property {any[] | null} [modelValue]
+	 * @version 0.0.3
+	 */
+	modelValue?: any[] | null;
+	/**
+	 * @property {any[] | null} [defaultValue]
+	 * @version 0.0.3
+	 */
+	defaultValue?: any[] | null;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.3
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.3
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {'normal' | 'retro'} [variant]
+	 * @version 0.0.3
+	 */
+	variant?: "normal" | "retro";
+	/**
+	 * @property {'horizontal' | 'vertical'} [direction='horizontal']
+	 * @version 0.0.3
+	 */
+	direction?: "horizontal" | "vertical";
+	/**
+	 * @property {(CheckboxGroupOption | string)[]} [options]
+	 * @version 0.0.3
+	 */
+	options?: (CheckboxGroupOption | string)[];
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.3
+	 */
+	size?: "medium" | "large" | "small";
+};
+declare var __VLS_1$26: {};
+type __VLS_Slots$31 = {} & {
+	default?: (props: typeof __VLS_1$26) => any;
+};
+declare const __VLS_component$31: import("vue").DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	change: (value: any[]) => any;
+	"update:modelValue": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
+	onChange?: ((value: any[]) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+}>, {
+	disabled: boolean;
+	readonly: boolean;
+	direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$40: __VLS_WithSlots$31<typeof __VLS_component$31, __VLS_Slots$31>;
+type __VLS_WithSlots$31<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type TextOutlineProps = {
+	/**
+	 * @property {string} [color]
+	 * @version 0.0.3
+	 */
+	color?: string;
+	/**
+	 * @property {number | string} [outlineWidth=1]
+	 * @version 0.0.3
+	 */
+	outlineWidth?: number | string;
+	/**
+	 * @property {boolean} [autoPadding=true]
+	 * @version 0.0.3
+	 */
+	autoPadding?: boolean;
+};
+declare var __VLS_1$27: {};
+type __VLS_Slots$32 = {} & {
+	default?: (props: typeof __VLS_1$27) => any;
+};
+declare const __VLS_component$32: import("vue").DefineComponent<TextOutlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextOutlineProps> & Readonly<{}>, {
+	color: string;
+	outlineWidth: number | string;
+	autoPadding: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$41: __VLS_WithSlots$32<typeof __VLS_component$32, __VLS_Slots$32>;
+type __VLS_WithSlots$32<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export declare function useForm<T extends Record<string | number, any> = Record<string | number, any>>(options?: {
+	initialValues?: T;
+}): UseFormReturn<T>;
 export declare const install: (app: App, options?: {
 	prefix: string;
 	attachToApp?: boolean;
 	attachToWindow?: boolean;
 }) => void;
-declare const _default$30: {
+declare const _default$42: {
 	install: (app: App, options?: {
 		prefix: string;
 		attachToApp?: boolean;
@@ -2311,8 +3644,20 @@ export {
 	_default$28 as Spin,
 	_default$29 as Select,
 	_default$3 as MessageBox,
-	_default$30 as default,
+	_default$30 as VirtualList,
+	_default$31 as Image,
+	_default$32 as Avatar,
+	_default$33 as Form,
+	_default$34 as FormItem,
+	_default$35 as Switch,
+	_default$36 as Slider,
+	_default$37 as Radio,
+	_default$38 as RadioGroup,
+	_default$39 as Checkbox,
 	_default$4 as Row,
+	_default$40 as CheckboxGroup,
+	_default$41 as TextOutline,
+	_default$42 as default,
 	_default$5 as Col,
 	_default$6 as Divider,
 	_default$7 as Space,