@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/tag/SplitTagGroup.d.ts

@@ -0,0 +1,36 @@
+import { PropType, VNode } from 'vue';
+import { SplitTagGroupProps } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    class: {
+        type: PropType<SplitTagGroupProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<SplitTagGroupProps["className"]>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<SplitTagGroupProps["style"]>;
+        default: undefined;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    class: {
+        type: PropType<SplitTagGroupProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<SplitTagGroupProps["className"]>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<SplitTagGroupProps["style"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: import('vue').ClassValue;
+    style: import('vue').StyleValue;
+    class: import('vue').ClassValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tag/Tag.vue.d.ts

@@ -0,0 +1,33 @@
+import { VNodeChild } from 'vue';
+import { TagProps, TagSlots } from './types';
+type __VLS_Slots = TagSlots;
+declare const __VLS_base: import('vue').DefineComponent<TagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent | KeyboardEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    close: (content: VNodeChild, event: MouseEvent | KeyboardEvent, tagKey: string | number | undefined) => any;
+    mouseenter: (event: MouseEvent) => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<TagProps> & Readonly<{
+    onClick?: (event: MouseEvent | KeyboardEvent) => any;
+    onKeydown?: (event: KeyboardEvent) => any;
+    onClose?: (content: VNodeChild, event: MouseEvent | KeyboardEvent, tagKey: string | number | undefined) => any;
+    onMouseenter?: (event: MouseEvent) => any;
+    "onUpdate:visible"?: (visible: boolean) => any;
+}>, {
+    size: import('./types').TagSize;
+    type: import('./types').TagType;
+    color: import('./types').TagColor;
+    closable: boolean;
+    colorful: boolean;
+    shape: import('./types').TagShape;
+    avatarShape: import('./types').TagAvatarShape;
+    gradient: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tag/TagGroup.d.ts

@@ -0,0 +1,115 @@
+import { PropType, VNodeChild } from 'vue';
+import { PopoverProps } from '../popover';
+import { TagData, TagGroupProps, TagSize } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    avatarShape: {
+        type: PropType<TagGroupProps["avatarShape"]>;
+        default: string;
+    };
+    class: {
+        type: PropType<TagGroupProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<TagGroupProps["className"]>;
+        default: undefined;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    popoverProps: {
+        type: PropType<PopoverProps>;
+        default: undefined;
+    };
+    restCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    showPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<TagSize>;
+        default: string;
+    };
+    style: {
+        type: PropType<TagGroupProps["style"]>;
+        default: undefined;
+    };
+    tagList: {
+        type: PropType<NonNullable<TagGroupProps["tagList"]>>;
+        default: () => never[];
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    plusNMouseenter: (event: MouseEvent) => true;
+    tagClose: (content: VNodeChild, event: MouseEvent | KeyboardEvent, tagKey: string | number | undefined) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    avatarShape: {
+        type: PropType<TagGroupProps["avatarShape"]>;
+        default: string;
+    };
+    class: {
+        type: PropType<TagGroupProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<TagGroupProps["className"]>;
+        default: undefined;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    popoverProps: {
+        type: PropType<PopoverProps>;
+        default: undefined;
+    };
+    restCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    showPopover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<TagSize>;
+        default: string;
+    };
+    style: {
+        type: PropType<TagGroupProps["style"]>;
+        default: undefined;
+    };
+    tagList: {
+        type: PropType<NonNullable<TagGroupProps["tagList"]>>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onPlusNMouseenter?: (event: MouseEvent) => any;
+    onTagClose?: (content: VNodeChild, event: MouseEvent | KeyboardEvent, tagKey: string | number | undefined) => any;
+}>, {
+    className: import('vue').ClassValue;
+    style: import('vue').StyleValue;
+    size: "small" | "default" | "large";
+    class: import('vue').ClassValue;
+    mode: string;
+    maxTagCount: number;
+    avatarShape: "circle" | "square" | undefined;
+    tagList: (VNodeChild | TagData)[];
+    popoverProps: PopoverProps;
+    restCount: number;
+    showPopover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tag/TagNodeRenderer.d.ts

@@ -0,0 +1,15 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tag/index.d.ts

@@ -0,0 +1,8 @@
+import { DefineComponent } from 'vue';
+import { SplitTagGroupProps, TagGroupProps, TagProps } from './types';
+export declare const Tag: DefineComponent<TagProps>;
+export declare const TagGroup: DefineComponent<TagGroupProps>;
+export declare const SplitTagGroup: DefineComponent<SplitTagGroupProps>;
+export { TAG_COLORS, TAG_SHAPES, TAG_SIZES, TAG_TYPES } from './types';
+export type { SplitTagGroupProps, SplitTagGroupSlots, TagAvatarShape, TagColor, TagData, TagEmits, TagGroupEmits, TagGroupProps, TagProps, TagShape, TagSize, TagSlots, TagType, } from './types';
+export default Tag;

package/dist/tag/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../tag-BPD0bELU.js";
+export { o as SplitTagGroup, t as TAG_COLORS, e as TAG_SHAPES, r as TAG_SIZES, a as TAG_TYPES, n as Tag, n as default, i as TagGroup };

package/dist/tag/types.d.ts

@@ -0,0 +1,82 @@
+import { HTMLAttributes, StyleValue, VNodeChild } from 'vue';
+import { PopoverProps } from '../popover';
+export declare const TAG_COLORS: readonly ["grey", "red", "pink", "purple", "violet", "indigo", "blue", "light-blue", "cyan", "teal", "green", "light-green", "lime", "yellow", "amber", "orange", "white"];
+export type TagColor = (typeof TAG_COLORS)[number];
+export declare const TAG_TYPES: readonly ["light", "solid", "ghost"];
+export type TagType = (typeof TAG_TYPES)[number];
+export declare const TAG_SIZES: readonly ["default", "small", "large"];
+export type TagSize = (typeof TAG_SIZES)[number];
+export declare const TAG_SHAPES: readonly ["square", "circle"];
+export type TagShape = (typeof TAG_SHAPES)[number];
+export type TagAvatarShape = TagShape;
+export interface TagProps {
+    avatarShape?: TagAvatarShape;
+    avatarSrc?: string;
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    closable?: boolean;
+    color?: TagColor;
+    colorful?: boolean;
+    content?: VNodeChild;
+    gradient?: boolean;
+    prefixIcon?: VNodeChild;
+    shape?: TagShape;
+    size?: TagSize;
+    style?: StyleValue;
+    suffixIcon?: VNodeChild;
+    tabIndex?: number;
+    tagKey?: string | number;
+    type?: TagType;
+    visible?: boolean;
+}
+export interface TagEmits {
+    click: [event: MouseEvent | KeyboardEvent];
+    close: [
+        content: VNodeChild,
+        event: MouseEvent | KeyboardEvent,
+        tagKey: string | number | undefined
+    ];
+    keydown: [event: KeyboardEvent];
+    mouseenter: [event: MouseEvent];
+    'update:visible': [visible: boolean];
+}
+export interface TagSlots {
+    default?: () => VNodeChild;
+    prefixIcon?: () => VNodeChild;
+    suffixIcon?: () => VNodeChild;
+}
+export interface TagData extends TagProps {
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
+    onClose?: (content: VNodeChild, event: MouseEvent | KeyboardEvent, tagKey: string | number | undefined) => void;
+    onKeydown?: (event: KeyboardEvent) => void;
+    onMouseenter?: (event: MouseEvent) => void;
+}
+export interface TagGroupProps {
+    avatarShape?: TagAvatarShape;
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    maxTagCount?: number;
+    mode?: string;
+    popoverProps?: PopoverProps;
+    restCount?: number;
+    showPopover?: boolean;
+    size?: TagSize;
+    style?: StyleValue;
+    tagList?: Array<TagData | VNodeChild>;
+}
+export interface TagGroupEmits {
+    plusNMouseenter: [event: MouseEvent];
+    tagClose: [
+        content: VNodeChild,
+        event: MouseEvent | KeyboardEvent,
+        tagKey: string | number | undefined
+    ];
+}
+export interface SplitTagGroupProps {
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    style?: StyleValue;
+}
+export interface SplitTagGroupSlots {
+    default?: () => VNodeChild;
+}

package/dist/tag-BPD0bELU.js

@@ -0,0 +1,348 @@
+import { t as e } from "./avatar-B00xjEzD.js";
+import { n as t } from "./popover-hD77YpUM.js";
+import { Comment as n, Fragment as r, Text as i, cloneVNode as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, h as m, isVNode as h, mergeProps as g, normalizeClass as _, openBlock as v, shallowRef as y, toRaw as b, unref as x, useAttrs as S, useSlots as C } from "vue";
+import { IconClose as w } from "@aifuxi/semi-icons-vue";
+//#region src/tag/TagNodeRenderer.ts
+var T = f({
+	name: "TagNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), E = [
+	"aria-label",
+	"role",
+	"tabindex"
+], D = {
+	key: 0,
+	class: "semi-tag-prefix-icon"
+}, O = {
+	key: 2,
+	class: "semi-tag-suffix-icon"
+}, k = /* @__PURE__ */ f({
+	name: "Tag",
+	inheritAttrs: !1,
+	__name: "Tag",
+	props: {
+		avatarShape: { default: "square" },
+		avatarSrc: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		color: { default: "grey" },
+		colorful: {
+			type: Boolean,
+			default: !1
+		},
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		gradient: {
+			type: Boolean,
+			default: !1
+		},
+		prefixIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		shape: { default: "square" },
+		size: { default: "default" },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		suffixIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		tabIndex: {},
+		tagKey: {},
+		type: { default: "light" },
+		visible: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"close",
+		"keydown",
+		"mouseenter",
+		"update:visible"
+	],
+	setup(t, { emit: n }) {
+		let r = t, a = n, f = S(), m = C(), h = p(), b = y(!0);
+		function k(e) {
+			let t = h?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		let A = o(() => k("visible")), j = o(() => A.value ? r.visible === !0 : b.value), M = o(() => m.default?.()), N = o(() => {
+			if (!m.default) return typeof r.content == "string" ? r.content : void 0;
+			let e = M.value ?? [];
+			return e.length === 1 && e[0]?.type === i ? String(e[0].children ?? "") : void 0;
+		}), P = o(() => N.value === void 0 ? m.default ? M.value : r.content : N.value), F = o(() => m.prefixIcon?.() ?? r.prefixIcon), I = o(() => m.suffixIcon?.() ?? r.suffixIcon), L = o(() => r.closable || k("onClick")), R = o(() => [
+			"semi-tag",
+			`semi-tag-${r.size}`,
+			`semi-tag-${r.shape}`,
+			`semi-tag-${r.type}`,
+			`semi-tag-${r.color}-${r.type}`,
+			r.closable ? "semi-tag-closable" : void 0,
+			j.value ? void 0 : "semi-tag-invisible",
+			r.avatarSrc ? `semi-tag-avatar-${r.avatarShape}` : void 0,
+			r.colorful ? "semi-tag-colorful" : void 0,
+			r.gradient ? "semi-tag-gradient" : void 0,
+			r.class,
+			r.className,
+			f.class
+		]), z = o(() => ["semi-tag-content", `semi-tag-content-${N.value === void 0 ? "center" : "ellipsis"}`]), B = o(() => !f["aria-label"] && N.value === void 0 ? "" : `${r.closable ? "Closable " : ""}Tag: ${N.value ?? String(P.value ?? "")}`), V = o(() => Object.fromEntries(Object.entries(f).filter(([e]) => e !== "class" && e !== "style" && e !== "aria-label")));
+		function H(e) {
+			e.stopPropagation(), "stopImmediatePropagation" in e && e.stopImmediatePropagation(), a("close", P.value, e, r.tagKey), !e.defaultPrevented && (A.value || (b.value = !1), a("update:visible", !1));
+		}
+		function U(e) {
+			a("click", e);
+		}
+		function W(e) {
+			L.value && (e.key === "Backspace" || e.key === "Delete" ? (r.closable && H(e), e.stopPropagation(), e.preventDefault()) : e.key === "Enter" ? (a("click", e), e.stopPropagation(), e.preventDefault()) : e.key === "Escape" && e.target?.blur(), a("keydown", e));
+		}
+		return (t, n) => (v(), l("div", g(V.value, {
+			"aria-label": B.value,
+			class: R.value,
+			role: L.value ? "button" : void 0,
+			style: [r.style, x(f).style],
+			tabindex: L.value ? r.tabIndex || 0 : r.tabIndex,
+			onClick: U,
+			onKeydown: W,
+			onMouseenter: n[0] ||= (e) => a("mouseenter", e)
+		}), [
+			F.value ? (v(), l("div", D, [d(x(T), { content: F.value }, null, 8, ["content"])])) : c("", !0),
+			r.avatarSrc ? (v(), s(x(e), {
+				key: 1,
+				shape: r.avatarShape,
+				src: r.avatarSrc
+			}, null, 8, ["shape", "src"])) : c("", !0),
+			u("div", { class: _(z.value) }, [d(x(T), { content: P.value }, null, 8, ["content"])], 2),
+			I.value ? (v(), l("div", O, [d(x(T), { content: I.value }, null, 8, ["content"])])) : c("", !0),
+			r.closable ? (v(), l("div", {
+				key: 3,
+				class: "semi-tag-close",
+				onClick: H
+			}, [d(x(w), { size: "small" })])) : c("", !0)
+		], 16, E));
+	}
+});
+//#endregion
+//#region src/tag/TagGroup.ts
+function A(e) {
+	return e.content;
+}
+var j = f({
+	name: "TagGroup",
+	inheritAttrs: !1,
+	props: {
+		avatarShape: {
+			type: String,
+			default: "square"
+		},
+		class: {
+			type: null,
+			default: void 0
+		},
+		className: {
+			type: null,
+			default: void 0
+		},
+		maxTagCount: {
+			type: Number,
+			default: void 0
+		},
+		mode: {
+			type: String,
+			default: void 0
+		},
+		popoverProps: {
+			type: Object,
+			default: void 0
+		},
+		restCount: {
+			type: Number,
+			default: void 0
+		},
+		showPopover: {
+			type: Boolean,
+			default: !1
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		style: {
+			type: null,
+			default: void 0
+		},
+		tagList: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: {
+		plusNMouseenter: (e) => !!e || !0,
+		tagClose: (e, t, n) => !0
+	},
+	setup(e, { attrs: n, emit: r }) {
+		let i = o(() => e.mode === "custom" ? e.tagList.map((e) => h(e) ? b(e) : e) : e.tagList.map((t, n) => {
+			let i = { ...t }, a = A(i), o = i.tagKey || (typeof a == "string" || typeof a == "number" ? a : `tag-${n}`);
+			return m(k, {
+				...i,
+				avatarShape: i.avatarShape || e.avatarShape,
+				key: o,
+				size: i.size || e.size,
+				onClose: (e, t, n) => {
+					i.onClose?.(e, t, n), r("tagClose", e, t, n);
+				}
+			}, a === void 0 ? void 0 : { default: () => a });
+		}));
+		return () => {
+			let a = i.value;
+			if (e.maxTagCount !== void 0) {
+				let n = i.value.slice(0, e.maxTagCount), o = i.value.slice(e.maxTagCount), s = e.restCount ? e.restCount : e.tagList.length - e.maxTagCount;
+				if (s > 0) {
+					let i = m(k, {
+						color: "grey",
+						key: "_+n",
+						onMouseenter: (e) => r("plusNMouseenter", e),
+						size: e.size,
+						style: { backgroundColor: "transparent" }
+					}, () => `+${s}`);
+					n.push(e.showPopover ? m(t, {
+						autoAdjustOverflow: !0,
+						className: "semi-tag-rest-group-popover",
+						content: o,
+						key: "_+n_Popover",
+						position: "top",
+						showArrow: !0,
+						trigger: "hover",
+						...e.popoverProps
+					}, () => i) : i), a = n;
+				}
+			}
+			return m("div", {
+				class: [
+					"semi-tag-group",
+					e.maxTagCount === void 0 ? void 0 : "semi-tag-group-max",
+					e.size === "small" ? "semi-tag-group-small" : void 0,
+					e.size === "large" ? "semi-tag-group-large" : void 0,
+					e.class,
+					e.className,
+					n.class
+				],
+				style: [e.style, n.style]
+			}, a);
+		};
+	}
+});
+//#endregion
+//#region src/tag/SplitTagGroup.ts
+function M(e, t) {
+	for (let a of e) Array.isArray(a) ? M(a, t) : h(a) && a.type === r && Array.isArray(a.children) ? M(a.children, t) : h(a) && a.type !== n && (a.type !== i || String(a.children ?? "").trim() !== "") && t.push(a);
+}
+var N = f({
+	name: "SplitTagGroup",
+	inheritAttrs: !1,
+	props: {
+		class: {
+			type: null,
+			default: void 0
+		},
+		className: {
+			type: null,
+			default: void 0
+		},
+		style: {
+			type: null,
+			default: void 0
+		}
+	},
+	setup(e, { attrs: t, slots: n }) {
+		return () => {
+			let r = [];
+			M(n.default?.() ?? [], r);
+			let o = r.filter((e) => e.type !== i).length, s = -1, c = r.map((e) => e.type === i ? e : (s += 1, a(e, { class: [
+				e.props?.class,
+				e.props?.className,
+				e.props?.["class-name"],
+				s === 0 ? "semi-tag-first" : void 0,
+				s === o - 1 ? "semi-tag-last" : void 0
+			] }, !0)));
+			return m("div", {
+				"aria-label": t["aria-label"],
+				class: [
+					"semi-tag-split",
+					e.class,
+					e.className,
+					t.class
+				],
+				role: "group",
+				style: [e.style, t.style]
+			}, c);
+		};
+	}
+}), P = [
+	"grey",
+	"red",
+	"pink",
+	"purple",
+	"violet",
+	"indigo",
+	"blue",
+	"light-blue",
+	"cyan",
+	"teal",
+	"green",
+	"light-green",
+	"lime",
+	"yellow",
+	"amber",
+	"orange",
+	"white"
+], F = [
+	"light",
+	"solid",
+	"ghost"
+], I = [
+	"default",
+	"small",
+	"large"
+], L = ["square", "circle"], R = k, z = j, B = N;
+//#endregion
+export { L as a, P as i, R as n, I as o, z as r, F as s, B as t };

package/dist/tag-input/TagInput.vue.d.ts

@@ -0,0 +1,51 @@
+import { TagInputExposed, TagInputProps, TagInputSlots } from './types';
+type __VLS_Slots = TagInputSlots;
+declare const __VLS_base: import('vue').DefineComponent<TagInputProps, TagInputExposed, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: (addedValue: string[]) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: string[]) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string[]) => any;
+    "update:value": (value: string[]) => any;
+    exceed: (value: string[]) => any;
+    remove: (removedValue: string, index: number) => any;
+    inputChange: (value: string, event: Event) => any;
+    inputExceed: (value: string) => any;
+    keyDown: (event: KeyboardEvent) => any;
+    "update:inputValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<TagInputProps> & Readonly<{
+    onAdd?: (addedValue: string[]) => any;
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: string[]) => any;
+    onFocus?: (event: FocusEvent) => any;
+    "onUpdate:modelValue"?: (value: string[]) => any;
+    "onUpdate:value"?: (value: string[]) => any;
+    onExceed?: (value: string[]) => any;
+    onRemove?: (removedValue: string, index: number) => any;
+    onInputChange?: (value: string, event: Event) => any;
+    onInputExceed?: (value: string) => any;
+    onKeyDown?: (event: KeyboardEvent) => any;
+    "onUpdate:inputValue"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    size: import('./types').TagInputSize;
+    separator: import('./types').TagInputSeparator;
+    autoFocus: boolean;
+    placeholder: string;
+    showClear: boolean;
+    validateStatus: import('./types').TagInputValidateStatus;
+    draggable: boolean;
+    showRestTagsPopover: boolean;
+    expandRestTagsOnClick: boolean;
+    showContentTooltip: boolean | import('./types').TagInputTooltipOptions;
+    addOnBlur: boolean;
+    allowDuplicates: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};