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

package/dist/rating/types.d.ts

@@ -0,0 +1,57 @@
+import { HTMLAttributes, StyleValue, VNodeChild } from 'vue';
+export declare const RATING_SIZES: readonly ["small", "default"];
+export type RatingPresetSize = (typeof RATING_SIZES)[number];
+export type RatingSize = RatingPresetSize | number;
+export interface RatingProps {
+    ariaDescribedby?: string;
+    ariaErrormessage?: string;
+    ariaInvalid?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaRequired?: boolean;
+    allowClear?: boolean;
+    allowHalf?: boolean;
+    autoFocus?: boolean;
+    character?: VNodeChild;
+    className?: HTMLAttributes['class'];
+    count?: number;
+    defaultValue?: number;
+    disabled?: boolean;
+    id?: string;
+    modelValue?: number | undefined;
+    prefixCls?: string;
+    preventScroll?: boolean;
+    size?: RatingSize;
+    style?: StyleValue;
+    tabIndex?: number;
+    tooltips?: string[];
+    value?: number | undefined;
+}
+export interface RatingEmits {
+    blur: [event: FocusEvent];
+    change: [value: number];
+    click: [event: MouseEvent | KeyboardEvent, index: number];
+    focus: [event: FocusEvent];
+    hoverChange: [value: number | undefined];
+    keyDown: [event: KeyboardEvent];
+    'update:modelValue': [value: number];
+    'update:value': [value: number];
+}
+export interface RatingSlots {
+    character?: () => VNodeChild;
+}
+export interface RatingExposed {
+    focus(): void;
+    blur(): void;
+}
+export interface RatingState {
+    value: number;
+    hoverValue: number | undefined;
+    focused: boolean;
+    clearedValue: number | null;
+    emptyStarFocusVisible: boolean;
+}
+export interface RatingItemState {
+    firstStarFocus: boolean;
+    secondStarFocus: boolean;
+}

package/dist/rating-CJkb4pkD.js

@@ -0,0 +1,542 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./warning-naSiE8G7.js";
+import { t as n } from "./Tooltip-Bq7HZwnS.js";
+import { t as r } from "./config-context-CyynTtDb.js";
+import { Fragment 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, inject as m, isVNode as h, markRaw as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as ee, openBlock as x, reactive as S, renderList as C, unref as w, useAttrs as T, useSlots as E, useTemplateRef as D, watch as O, withCtx as k } from "vue";
+import { IconStar as A } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var j = class n extends e {
+	constructor(e) {
+		super({
+			...n.defaultAdapter,
+			...e
+		}), this.handleStarFocusVisible = (e) => {
+			let { target: n } = e, { count: r } = this.getProps();
+			try {
+				n.matches(":focus-visible") && this._adapter.setEmptyStarFocusVisible(!0);
+			} catch {
+				t(!0, "Warning: [Semi Rating] The current browser does not support the focus-visible");
+			}
+		}, this.handleStarBlur = (e) => {
+			let { emptyStarFocusVisible: t } = this.getStates();
+			t && this._adapter.setEmptyStarFocusVisible(!1);
+		};
+	}
+	init() {
+		let { autoFocus: e, disabled: t } = this.getProps();
+		e && !t && this._adapter.focus();
+	}
+	_getScroll(e, t) {
+		let n = t ? e.pageYOffset : e.pageXOffset, r = t ? "scrollTop" : "scrollLeft";
+		if (typeof n != "number") {
+			let t = e.document;
+			n = t.documentElement[r], typeof n != "number" && (n = t.body[r]);
+		}
+		return n;
+	}
+	_getClientPosition(e) {
+		let t, n, r = e.ownerDocument, { body: i } = r, a = r && r.documentElement, o = e.getBoundingClientRect();
+		return t = o.left, n = o.top, t -= a.clientLeft || i.clientLeft || 0, n -= a.clientTop || i.clientTop || 0, {
+			left: t,
+			top: n
+		};
+	}
+	_getOffsetLeft(e) {
+		let t = this._getClientPosition(e), n = e.ownerDocument, r = n.defaultView || n.parentWindow;
+		return t.left += this._getScroll(r), t.left;
+	}
+	getStarValue(e, t) {
+		let { allowHalf: n } = this.getProps(), r = this._adapter.getContext("direction") === "rtl", i = e + 1;
+		if (n) {
+			let n = this._adapter.getStarDOM(e), a = this._getOffsetLeft(n), o = n.clientWidth;
+			(r && t - a > o / 2 || !r && t - a < o / 2) && (i -= .5);
+		}
+		return i;
+	}
+	handleHover(e, t) {
+		let n = this.getStarValue(t, e.pageX), { clearedValue: r, hoverValue: i } = this.getStates();
+		n !== i && n !== r && this._adapter.notifyHoverChange(n, null);
+	}
+	handleMouseLeave() {
+		this._adapter.notifyHoverChange(void 0, null);
+	}
+	handleClick(e, t) {
+		let { allowClear: n } = this.getProps(), { value: r } = this.getStates(), i = this.getStarValue(t, e.pageX), a = n ? i === r : !1;
+		this._adapter.updateValue(a ? 0 : i), a ? this._adapter.notifyHoverChange(void 0, i) : this._adapter.clearValue(null);
+	}
+	handleFocus(e) {
+		this._adapter.notifyFocus(e);
+	}
+	handleBlur(e) {
+		this._adapter.notifyBlur(e);
+	}
+	handleKeyDown(e, t) {
+		let { key: n } = e, { count: r, allowHalf: i } = this.getProps(), a = this._adapter.getContext("direction") === "rtl", o = i ? .5 : 1, s, c;
+		n === "ArrowRight" || n === "ArrowUp" ? s = t + (a ? -o : o) : (n === "ArrowLeft" || n === "ArrowDown") && (s = t + (a ? o : -o)), c = s > r ? 0 : s < 0 ? r : s, [
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowLeft",
+			"ArrowDown"
+		].includes(n) && (this._adapter.notifyKeyDown(e), this._adapter.updateValue(c), this.changeFocusStar(c, e), e.preventDefault(), this._adapter.notifyHoverChange(void 0, null));
+	}
+	changeFocusStar(e, t) {
+		let { count: n, allowHalf: r, preventScroll: i, tooltips: a } = this.getProps(), o = Math.ceil(e) - 1, s = [...t.currentTarget.childNodes].map((e) => a ? e.childNodes[0].childNodes[0].childNodes : e.childNodes[0].childNodes);
+		o < 0 ? s[n][0].focus({ preventScroll: i }) : s[o][r ? e * 10 % 10 == 5 ? 0 : 1 : 0].focus({ preventScroll: i });
+	}
+}, M = class n extends e {
+	constructor(e) {
+		super({
+			...n.defaultAdapter,
+			...e
+		}), this.handleFocusVisible = (e, n) => {
+			let { target: r } = e;
+			try {
+				r.matches(":focus-visible") && (n === "first" ? this._adapter.setFirstStarFocus(!0) : this._adapter.setSecondStarFocus(!0));
+			} catch {
+				t(!0, "Warning: [Semi Rating] The current browser does not support the focus-visible");
+			}
+		}, this.handleBlur = (e, t) => {
+			let { firstStarFocus: n, secondStarFocus: r } = this.getStates();
+			t === "first" ? n && this._adapter.setFirstStarFocus(!1) : r && this._adapter.setSecondStarFocus(!1);
+		};
+	}
+}, N = f({
+	name: "RatingNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => h(e.content) ? a(e.content) : e.content
+}), P = [
+	"aria-checked",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-disabled",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"tabindex"
+], F = [
+	"aria-checked",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-disabled",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"tabindex"
+], I = /* @__PURE__ */ f({
+	__name: "RatingItem",
+	props: {
+		allowHalf: { type: Boolean },
+		describedby: {},
+		labelPrefix: {},
+		character: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		count: {},
+		disabled: { type: Boolean },
+		focused: { type: Boolean },
+		index: {},
+		prefixCls: {},
+		preventScroll: { type: Boolean },
+		size: {},
+		value: {}
+	},
+	emits: [
+		"blur",
+		"click",
+		"focus",
+		"hover"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = D("root"), d = D("firstStar"), f = D("secondStar"), p = S({
+			firstStarFocus: !1,
+			secondStarFocus: !1
+		}), m = /* @__PURE__ */ new Map(), h = o(() => r.index + 1), _ = o(() => h.value - r.value), C = o(() => r.allowHalf && _.value < 1 && _.value > 0), T = o(() => `${(1 - _.value) * 100}%`), E = o(() => h.value <= r.value), O = o(() => r.index === r.count), k = o(() => typeof r.size == "number"), j = o(() => k.value ? {
+			width: `${r.size}px`,
+			height: `${r.size}px`,
+			fontSize: `${r.size}px`
+		} : void 0), I = o(() => [
+			r.prefixCls,
+			C.value ? `${r.prefixCls}-half` : void 0,
+			E.value ? `${r.prefixCls}-full` : void 0,
+			k.value ? void 0 : `${r.prefixCls}-${r.size}`
+		]), L = o(() => [
+			`${r.prefixCls}-wrapper`,
+			r.disabled ? `${r.prefixCls}-disabled` : void 0,
+			(p.firstStarFocus || p.secondStarFocus) && r.value !== 0 ? `${r.prefixCls.replace(/-star$/, "")}-focus` : void 0
+		]), R = o(() => r.allowHalf ? r.count * 2 + 1 : r.count + 1), z = o(() => !r.disabled && (r.value === r.index + 1 || O.value && r.value === 0) ? 0 : -1), B = g(new M({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => r[e],
+			getProps: () => r,
+			getState: (e) => p[e],
+			getStates: () => p,
+			setState: (e, t) => {
+				Object.assign(p, e), t?.();
+			},
+			getCache: (e) => m.get(e),
+			getCaches: () => m,
+			setCache: (e, t) => m.set(String(e), t),
+			stopPropagation: (e) => e.stopPropagation?.(),
+			persistEvent: () => void 0,
+			setFirstStarFocus: (e) => {
+				p.firstStarFocus = e;
+			},
+			setSecondStarFocus: (e) => {
+				p.secondStarFocus = e;
+			}
+		}));
+		function V(e, t) {
+			i("focus", e), B.handleFocusVisible(e, t);
+		}
+		function H(e, t) {
+			i("blur", e), B.handleBlur(e, t);
+		}
+		function U(e) {
+			(e.key === "Enter" || e.keyCode === 13) && i("click", e, r.index);
+		}
+		function W() {
+			(r.value - r.index === .5 ? d.value : f.value)?.focus({ preventScroll: r.preventScroll });
+		}
+		return ee(() => B.init()), b(() => B.destroy()), t({
+			getDomNode: () => a.value,
+			starFocus: W
+		}), (e, t) => (x(), l("li", {
+			ref_key: "root",
+			ref: a,
+			class: v(I.value),
+			style: y(j.value)
+		}, [u("div", {
+			class: v(L.value),
+			onClick: t[4] ||= (e) => !r.disabled && i("click", e, r.index),
+			onKeydown: t[5] ||= (e) => !r.disabled && U(e),
+			onMousemove: t[6] ||= (e) => !r.disabled && i("hover", e, r.index)
+		}, [r.allowHalf && !O.value ? (x(), l("div", {
+			key: 0,
+			ref_key: "firstStar",
+			ref: d,
+			role: "radio",
+			"aria-checked": r.value === r.index + .5,
+			"aria-posinset": 2 * r.index + 1,
+			"aria-setsize": R.value,
+			"aria-disabled": r.disabled,
+			"aria-label": `${r.index + .5} ${r.labelPrefix}s`,
+			"aria-labelledby": r.describedby,
+			"aria-describedby": r.describedby,
+			class: v([`${r.prefixCls}-first`, `${r.prefixCls.replace(/-star$/, "")}-no-focus`]),
+			style: y({ width: T.value }),
+			tabindex: !r.disabled && r.value === r.index + .5 ? 0 : -1,
+			onFocus: t[0] ||= (e) => V(e, "first"),
+			onBlur: t[1] ||= (e) => H(e, "first")
+		}, [r.character === void 0 ? (x(), s(w(A), {
+			key: 1,
+			size: k.value ? "inherit" : r.size === "small" ? "default" : "extra-large",
+			style: { display: "block" }
+		}, null, 8, ["size"])) : (x(), s(w(N), {
+			key: 0,
+			content: r.character
+		}, null, 8, ["content"]))], 46, P)) : c("", !0), u("div", {
+			ref_key: "secondStar",
+			ref: f,
+			role: "radio",
+			"aria-checked": O.value ? r.value === 0 : r.value === r.index + 1,
+			"aria-posinset": r.allowHalf ? 2 * (r.index + 1) : r.index + 1,
+			"aria-setsize": R.value,
+			"aria-disabled": r.disabled,
+			"aria-label": `${O.value ? 0 : r.index + 1} ${r.labelPrefix}${r.index === 0 ? "" : "s"}`,
+			"aria-labelledby": r.describedby,
+			"aria-describedby": r.describedby,
+			class: v([`${r.prefixCls}-second`, `${r.prefixCls.replace(/-star$/, "")}-no-focus`]),
+			tabindex: z.value,
+			"x-semi-prop": "character",
+			onFocus: t[2] ||= (e) => V(e, "second"),
+			onBlur: t[3] ||= (e) => H(e, "second")
+		}, [r.character === void 0 ? (x(), s(w(A), {
+			key: 1,
+			size: k.value ? "inherit" : r.size === "small" ? "default" : "extra-large",
+			style: { display: "block" }
+		}, null, 8, ["size"])) : (x(), s(w(N), {
+			key: 0,
+			content: r.character
+		}, null, 8, ["content"]))], 42, F)], 34)], 6));
+	}
+}), L = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"tabindex"
+], R = /* @__PURE__ */ f({
+	name: "Rating",
+	inheritAttrs: !1,
+	__name: "Rating",
+	props: {
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: { type: Boolean },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaRequired: { type: Boolean },
+		allowClear: {
+			type: Boolean,
+			default: !0
+		},
+		allowHalf: {
+			type: Boolean,
+			default: !1
+		},
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		},
+		character: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		count: { default: 5 },
+		defaultValue: { default: 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		id: {},
+		modelValue: {},
+		prefixCls: { default: "semi-rating" },
+		preventScroll: { type: Boolean },
+		size: { default: "default" },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		tabIndex: { default: -1 },
+		tooltips: {},
+		value: {}
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"hoverChange",
+		"keyDown",
+		"update:modelValue",
+		"update:value"
+	],
+	setup(e, { expose: t, emit: a }) {
+		let c = e, f = a, h = T(), y = E(), A = p(), M = D("root"), N = m(r, void 0), P = o(() => N ? N.value : {
+			direction: "ltr",
+			getPopupContainer: void 0
+		});
+		function F(e) {
+			let t = A?.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 R = o(() => F("modelValue")), z = o(() => F("value")), B = o(() => R.value || z.value), V = o(() => R.value ? c.modelValue : z.value ? c.value : void 0), H = V.value === void 0 ? c.defaultValue : V.value, U = S({
+			value: H,
+			hoverValue: void 0,
+			focused: !1,
+			clearedValue: null,
+			emptyStarFocusVisible: !1
+		}), W = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), K = (e) => (t) => {
+			t && "$el" in t ? G.set(e, t) : G.delete(e);
+		}, q = o(() => {
+			let e = y.character?.();
+			return e?.length ? e : c.character || void 0;
+		}), J = o(() => c.ariaDescribedby ?? h["aria-describedby"]), te = o(() => c.ariaLabelledby ?? h["aria-labelledby"]), Y = o(() => (c.ariaLabel ?? h["aria-label"]) || (typeof c.character == "string" ? c.character : "star")), ne = o(() => `Rating: ${U.value} of ${c.count} ${Y.value}${U.value === 1 ? "" : "s"},`), X = o(() => U.hoverValue === void 0 ? U.value : U.hoverValue), re = o(() => [
+			h.class,
+			c.className,
+			c.prefixCls,
+			c.disabled ? `${c.prefixCls}-disabled` : void 0,
+			U.emptyStarFocusVisible ? `${c.prefixCls}-focus` : void 0
+		]), ie = o(() => Object.fromEntries(Object.entries(h).filter(([e]) => e.startsWith("data-"))));
+		function Z() {
+			return c;
+		}
+		let Q = {
+			getContext: (e) => e === "direction" ? P.value.direction : void 0,
+			getContexts: () => ({ direction: P.value.direction }),
+			getProp: (e) => Z()[e],
+			getProps: Z,
+			getState: (e) => U[e],
+			getStates: () => U,
+			setState: (e, t) => {
+				Object.assign(U, e), t?.();
+			},
+			getCache: (e) => W.get(e),
+			getCaches: () => W,
+			setCache: (e, t) => W.set(String(e), t),
+			stopPropagation: (e) => e.stopPropagation?.(),
+			persistEvent: () => void 0,
+			focus: () => {
+				if (c.disabled) return;
+				let e = Math.ceil(U.value) - 1;
+				G.get(e < 0 ? c.count : e)?.starFocus();
+			},
+			getStarDOM: (e) => G.get(e)?.getDomNode() ?? M.value,
+			notifyHoverChange: (e, t) => {
+				U.hoverValue = e, U.clearedValue = t, f("hoverChange", e);
+			},
+			updateValue: (e) => {
+				B.value || (U.value = e), f("change", e), f("update:modelValue", e), f("update:value", e);
+			},
+			clearValue: (e) => {
+				U.clearedValue = e;
+			},
+			notifyFocus: (e) => {
+				U.focused = !0, f("focus", e);
+			},
+			notifyBlur: (e) => {
+				U.focused = !1, f("blur", e);
+			},
+			notifyKeyDown: (e) => {
+				U.focused = !1, f("keyDown", e);
+			},
+			setEmptyStarFocusVisible: (e) => {
+				U.emptyStarFocusVisible = e;
+			}
+		}, $ = g(new j(Q));
+		function ae(e, t) {
+			!c.disabled && e === c.count && $.handleStarFocusVisible(t);
+		}
+		function oe(e, t) {
+			!c.disabled && e === c.count && $.handleStarBlur(t);
+		}
+		function se(e) {
+			let t = Math.ceil(e) - 1, n = G.get(t < 0 ? c.count : t)?.getDomNode(), r = t < 0 ? `.${c.prefixCls}-star-second` : c.allowHalf && e * 10 % 10 == 5 ? `.${c.prefixCls}-star-first` : `.${c.prefixCls}-star-second`;
+			n?.querySelector(r)?.focus({ preventScroll: c.preventScroll });
+		}
+		function ce(e) {
+			let t = c.allowHalf ? .5 : 1, n = P.value.direction === "rtl", r;
+			if (e.key === "ArrowRight" || e.key === "ArrowUp" ? r = U.value + (n ? -t : t) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && (r = U.value + (n ? t : -t)), r === void 0) return;
+			let i = r > c.count ? 0 : r < 0 ? c.count : r;
+			Q.notifyKeyDown(e), Q.updateValue(i), se(i), e.preventDefault(), Q.notifyHoverChange(void 0, null);
+		}
+		function le() {
+			c.disabled || M.value?.focus({ preventScroll: c.preventScroll });
+		}
+		function ue() {
+			c.disabled || M.value?.blur();
+		}
+		return O(V, (e) => {
+			B.value && e !== void 0 && (U.value = e);
+		}), ee(() => $.init()), b(() => $.destroy()), t({
+			focus: le,
+			blur: ue
+		}), (e, t) => (x(), l("ul", _(ie.value, {
+			id: c.id,
+			ref_key: "root",
+			ref: M,
+			"aria-label": ne.value,
+			"aria-labelledby": te.value,
+			"aria-describedby": J.value,
+			class: re.value,
+			style: c.style,
+			tabindex: c.disabled ? -1 : c.tabIndex,
+			onMouseleave: t[4] ||= (e) => !c.disabled && w($).handleMouseLeave(),
+			onFocusin: t[5] ||= (e) => !c.disabled && w($).handleFocus(e),
+			onFocusout: t[6] ||= (e) => !c.disabled && w($).handleBlur(e),
+			onKeydown: t[7] ||= (e) => !c.disabled && ce(e)
+		}), [(x(!0), l(i, null, C(c.count + 1, (e) => (x(), l(i, { key: e - 1 }, [c.tooltips ? (x(), s(n, {
+			key: 0,
+			visible: U.hoverValue !== void 0 && U.hoverValue - 1 == e - 1,
+			trigger: "custom",
+			content: c.tooltips[e - 1] ?? ""
+		}, {
+			default: k(() => [u("span", { class: v(`${c.prefixCls}-star-outer`) }, [d(I, {
+				ref_for: !0,
+				ref: K(e - 1),
+				"allow-half": c.allowHalf,
+				describedby: J.value,
+				"label-prefix": Y.value,
+				character: q.value,
+				count: c.count,
+				disabled: c.disabled,
+				focused: U.focused,
+				index: e - 1,
+				"prefix-cls": `${c.prefixCls}-star`,
+				"prevent-scroll": c.preventScroll,
+				size: e - 1 === c.count ? 0 : c.size,
+				value: X.value,
+				onClick: t[0] ||= (e, t) => w($).handleClick(e, t),
+				onHover: t[1] ||= (e, t) => w($).handleHover(e, t),
+				onFocus: (t) => ae(e - 1, t),
+				onBlur: (t) => oe(e - 1, t)
+			}, null, 8, [
+				"allow-half",
+				"describedby",
+				"label-prefix",
+				"character",
+				"count",
+				"disabled",
+				"focused",
+				"index",
+				"prefix-cls",
+				"prevent-scroll",
+				"size",
+				"value",
+				"onFocus",
+				"onBlur"
+			])], 2)]),
+			_: 2
+		}, 1032, ["visible", "content"])) : (x(), s(I, {
+			key: 1,
+			ref_for: !0,
+			ref: K(e - 1),
+			"allow-half": c.allowHalf,
+			describedby: J.value,
+			"label-prefix": Y.value,
+			character: q.value,
+			count: c.count,
+			disabled: c.disabled,
+			focused: U.focused,
+			index: e - 1,
+			"prefix-cls": `${c.prefixCls}-star`,
+			"prevent-scroll": c.preventScroll,
+			size: e - 1 === c.count ? 0 : c.size,
+			value: X.value,
+			onClick: t[2] ||= (e, t) => w($).handleClick(e, t),
+			onHover: t[3] ||= (e, t) => w($).handleHover(e, t),
+			onFocus: (t) => ae(e - 1, t),
+			onBlur: (t) => oe(e - 1, t)
+		}, null, 8, [
+			"allow-half",
+			"describedby",
+			"label-prefix",
+			"character",
+			"count",
+			"disabled",
+			"focused",
+			"index",
+			"prefix-cls",
+			"prevent-scroll",
+			"size",
+			"value",
+			"onFocus",
+			"onBlur"
+		]))], 64))), 128))], 16, L));
+	}
+}), z = ["small", "default"], B = R;
+//#endregion
+export { z as n, B as t };

package/dist/resizable/Resizable.vue.d.ts

@@ -0,0 +1,31 @@
+import { ResizableProps, ResizableSlots } from './types';
+type __VLS_Slots = ResizableSlots;
+declare const __VLS_base: import('vue').DefineComponent<ResizableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (size: import('./types').ResizeSize, event: MouseEvent | TouchEvent | Touch, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    resizeStart: (event: import('./types').ResizeStartPointer, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    resizeEnd: (size: import('./types').ResizeSize, event: import('./types').ResizeMoveEvent, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    "update:size": (size: import('./types').ResizeSize) => any;
+}, string, import('vue').PublicProps, Readonly<ResizableProps> & Readonly<{
+    onChange?: (size: import('./types').ResizeSize, event: MouseEvent | TouchEvent | Touch, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    onResizeStart?: (event: import('./types').ResizeStartPointer, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    onResizeEnd?: (size: import('./types').ResizeSize, event: import('./types').ResizeMoveEvent, direction: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight") => any;
+    "onUpdate:size"?: (size: import('./types').ResizeSize) => any;
+}>, {
+    grid: number | readonly [number, number];
+    scale: number;
+    ratio: number | readonly [number, number];
+    snapGap: number;
+    boundsByDirection: boolean;
+    lockAspectRatio: boolean | number;
+    lockAspectRatioExtraWidth: number;
+    lockAspectRatioExtraHeight: number;
+    enable: import('./types').ResizeEnable | false;
+}, {}, {}, {}, 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/resizable/ResizableNodeRenderer.d.ts

@@ -0,0 +1,17 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: null;
+    };
+}>, () => string | number | boolean | void | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | import('vue').VNodeArrayChildren | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/resizable/ResizeGroup.vue.d.ts

@@ -0,0 +1,13 @@
+import { ResizeGroupProps, ResizeGroupSlots } from './types';
+type __VLS_Slots = ResizeGroupSlots;
+declare const __VLS_base: import('vue').DefineComponent<ResizeGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ResizeGroupProps> & Readonly<{}>, {
+    direction: import('./types').ResizeGroupDirection;
+}, {}, {}, {}, 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/resizable/ResizeHandler.vue.d.ts

@@ -0,0 +1,11 @@
+import { ResizeHandlerSlots } from './types';
+type __VLS_Slots = ResizeHandlerSlots;
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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;
+    };
+};