@kernel4632/kima 0.8.5 → 0.8.7

package/dist/vue/components/input/tags-input.ce.js

@@ -3,20 +3,21 @@ import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "../core/button.ce.js";
 import { presenceTransition as r } from "../../utils/motion.js";
 import { useInputAttrs as i, useInputState as a } from "../../utils/input-state.js";
+import { useContentMotion as o } from "../../utils/content-motion.js";
 /* empty css                                                              */
-import { Fragment as o, TransitionGroup as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, isRef as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, vModelText as w, watchEffect as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+import { Fragment as s, TransitionGroup as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, isRef as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vModelText as T, watchEffect as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
 // src/components/input/tags-input.ce.vue
-var k = ["aria-disabled"], A = [
+var A = ["aria-disabled"], j = [
 	"name",
 	"value",
 	"disabled"
-], j = [
+], M = [
 	"aria-label",
 	"disabled",
 	"readonly",
 	"required",
 	"placeholder"
-], M = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], N = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "tags-input.ce",
 	props: {
 		modelValue: {
@@ -46,21 +47,26 @@ var k = ["aria-disabled"], A = [
 		"change",
 		"reject"
 	],
-	setup(t, { expose: M, emit: N }) {
-		let P = t, F = N, I = b(null), L = b(null), R = b(""), z = !1, { attrs: B, controlAttrs: V } = i(), { local: H, update: U } = a(P, F, I, (e) => Array.isArray(e) ? [...new Set(e.map(String))] : [], () => {
-			R.value = "", z = !1;
+	setup(t, { expose: N, emit: P }) {
+		let F = t, I = P, L = x(null), R = x(null), z = x(""), B = !1, { attrs: V, controlAttrs: H } = i(), { local: U, update: W } = a(F, I, L, (e) => Array.isArray(e) ? [...new Set(e.map(String))] : [], () => {
+			z.value = "", B = !1;
 		});
-		e(I);
-		let W = c(() => H.value.length >= P.max), G = {
+		e(L), o(L, () => U.value);
+		let G = l(() => U.value.length >= F.max), K = {
 			...r,
 			onBeforeLeave(e) {
-				r.onBeforeLeave(e), Object.assign(e.style, {
-					left: `${e.offsetLeft}px`,
-					top: `${e.offsetTop}px`,
-					width: `${e.offsetWidth}px`,
-					height: `${e.offsetHeight}px`,
+				let t = e.parentElement;
+				r.onBeforeLeave(e);
+				let n = e.getBoundingClientRect(), i = t.getBoundingClientRect();
+				getComputedStyle(t).position === "static" && (t.style.position = "relative"), Object.assign(e.style, {
+					position: "absolute",
+					left: `${n.left - i.left + t.scrollLeft}px`,
+					top: `${n.top - i.top + t.scrollTop}px`,
+					width: `${n.width}px`,
+					height: `${n.height}px`,
+					margin: "0",
 					boxSizing: "border-box"
-				});
+				}), r.onBeforeLeave(e);
 			},
 			onBeforeEnter(e) {
 				r.onBeforeEnter(e);
@@ -73,47 +79,47 @@ var k = ["aria-disabled"], A = [
 				]) e.style.removeProperty(t);
 			}
 		};
-		T(() => {
-			L.value?.setCustomValidity(P.required && !P.disabled && !H.value.length ? "请至少添加一个标签" : "");
+		E(() => {
+			R.value?.setCustomValidity(F.required && !F.disabled && !U.value.length ? "请至少添加一个标签" : "");
 		}, { flush: "post" });
-		function K(e = R.value) {
-			if (P.disabled || P.readonly || z) return;
-			let t = P.separator ? e.split(P.separator) : [e], n = [...H.value];
+		function q(e = z.value) {
+			if (F.disabled || F.readonly || B) return;
+			let t = F.separator ? e.split(F.separator) : [e], n = [...U.value];
 			for (let e of t) {
 				let t = e.trim();
-				t && (n.includes(t) || n.length >= P.max ? F("reject", t) : n.push(t));
+				t && (n.includes(t) || n.length >= F.max ? I("reject", t) : n.push(t));
 			}
-			n.length !== H.value.length && U(n), R.value = "";
-		}
-		function q(e) {
-			P.disabled || P.readonly || (U(H.value.filter((t, n) => n !== e)), L.value?.focus());
+			n.length !== U.value.length && W(n), z.value = "";
 		}
 		function J(e) {
-			P.disabled || P.readonly || (z || e.isComposing ? e.key === "Enter" && e.preventDefault() : ((e.key === "Enter" || P.separator.length === 1 && e.key === P.separator) && (e.preventDefault(), K()), e.key === "Backspace" && !R.value && H.value.length && (e.preventDefault(), q(H.value.length - 1))));
+			F.disabled || F.readonly || (W(U.value.filter((t, n) => n !== e)), R.value?.focus());
 		}
 		function Y(e) {
+			F.disabled || F.readonly || (B || e.isComposing ? e.key === "Enter" && e.preventDefault() : ((e.key === "Enter" || F.separator.length === 1 && e.key === F.separator) && (e.preventDefault(), q()), e.key === "Backspace" && !z.value && U.value.length && (e.preventDefault(), J(U.value.length - 1))));
+		}
+		function X(e) {
 			let t = e.clipboardData?.getData("text");
-			!P.separator || !t?.includes(P.separator) || z || P.disabled || P.readonly || (e.preventDefault(), K(R.value + t));
+			!F.separator || !t?.includes(F.separator) || B || F.disabled || F.readonly || (e.preventDefault(), q(z.value + t));
 		}
-		return M({ focus: () => L.value?.focus() }), (e, r) => (y(), d("div", {
+		return N({ focus: () => R.value?.focus() }), (e, r) => (b(), f("div", {
 			ref_key: "root",
-			ref: I,
-			class: _(["kima-tags-input", C(B).class]),
-			style: v(C(B).style),
+			ref: L,
+			class: v(["kima-tags-input", w(V).class]),
+			style: y(w(V).style),
 			"aria-disabled": t.disabled || void 0
 		}, [
-			m(s, g({ name: "kima-list" }, G), {
-				default: E(() => [(y(!0), d(o, null, x(C(H), (e, i) => (y(), d("span", {
+			h(c, _({ name: "kima-list" }, K), {
+				default: D(() => [(b(!0), f(s, null, S(w(U), (e, i) => (b(), f("span", {
 					key: e,
 					class: "kima-tags-input__tag"
-				}, [f("span", null, S(e), 1), t.readonly ? u("", !0) : (y(), l(n, {
+				}, [p("span", null, C(e), 1), t.readonly ? d("", !0) : (b(), u(n, {
 					key: 0,
 					variant: "text",
 					disabled: t.disabled,
 					"aria-label": `移除 ${e}`,
-					onClick: (e) => q(i)
+					onClick: (e) => J(i)
 				}, {
-					default: E(() => [...r[5] ||= [p("×", -1)]]),
+					default: D(() => [...r[5] ||= [m("×", -1)]]),
 					_: 1
 				}, 8, [
 					"disabled",
@@ -122,32 +128,32 @@ var k = ["aria-disabled"], A = [
 				]))]))), 128))]),
 				_: 1
 			}, 16),
-			(y(!0), d(o, null, x(C(H), (e) => (y(), d("input", {
+			(b(!0), f(s, null, S(w(U), (e) => (b(), f("input", {
 				key: e,
 				type: "hidden",
 				name: t.name,
 				value: e,
 				disabled: t.disabled
-			}, null, 8, A))), 128)),
-			D(f("input", g({
+			}, null, 8, j))), 128)),
+			O(p("input", _({
 				ref_key: "input",
-				ref: L
-			}, C(V), {
-				"onUpdate:modelValue": r[0] ||= (e) => R.value = e,
+				ref: R
+			}, w(H), {
+				"onUpdate:modelValue": r[0] ||= (e) => z.value = e,
 				type: "text",
-				"aria-label": C(V)["aria-label"] || t.label,
+				"aria-label": w(H)["aria-label"] || t.label,
 				disabled: t.disabled,
-				readonly: t.readonly || W.value,
-				required: t.required && !C(H).length,
-				placeholder: W.value ? "" : t.placeholder,
-				onKeydown: J,
-				onPaste: Y,
-				onInput: r[1] ||= O(() => {}, ["stop"]),
-				onChange: r[2] ||= O(() => {}, ["stop"]),
-				onCompositionstart: r[3] ||= (e) => h(z) ? z.value = !0 : z = !0,
-				onCompositionend: r[4] ||= (e) => h(z) ? z.value = !1 : z = !1
-			}), null, 16, j), [[w, R.value]])
-		], 14, k));
+				readonly: t.readonly || G.value,
+				required: t.required && !w(U).length,
+				placeholder: G.value ? "" : t.placeholder,
+				onKeydown: Y,
+				onPaste: X,
+				onInput: r[1] ||= k(() => {}, ["stop"]),
+				onChange: r[2] ||= k(() => {}, ["stop"]),
+				onCompositionstart: r[3] ||= (e) => g(B) ? B.value = !0 : B = !0,
+				onCompositionend: r[4] ||= (e) => g(B) ? B.value = !1 : B = !1
+			}), null, 16, M), [[T, z.value]])
+		], 14, A));
 	}
-}), [["__scopeId", "data-v-7a178bc6"]]);
-export { M as default };
+}), [["__scopeId", "data-v-b46618b2"]]);
+export { N as default };

package/dist/vue/components/input/textarea.ce.js

@@ -2,12 +2,13 @@ import { useRipple as e } from "../../utils/ripple.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "../core/icon.ce.js";
 import { collapseTransition as r, presenceTransition as i } from "../../utils/motion.js";
-import { useInputAttrs as a, useInputState as o } from "../../utils/input-state.js";
+import { useInputAttrs as a, useInputState as ee } from "../../utils/input-state.js";
+import { useContentMotion as o } from "../../utils/content-motion.js";
 /* empty css                                                            */
 import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, isRef as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, ref as C, toDisplayString as w, unref as T, useId as E, vShow as D, watch as O, withCtx as k, withDirectives as A, withModifiers as j } from "vue";
 import { Cancel01Icon as M } from "@hugeicons/core-free-icons";
 // src/components/input/textarea.ce.vue
-var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
+var N = ["aria-disabled"], P = ["aria-disabled"], te = [
 	"value",
 	"aria-label",
 	"aria-invalid",
@@ -20,7 +21,7 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 	"rows",
 	"minlength",
 	"maxlength"
-], te = ["disabled"], ne = ["inert", "aria-hidden"], F = ["id", "role"], I = {
+], ne = ["disabled"], re = ["inert", "aria-hidden"], F = ["id", "role"], I = {
 	key: 0,
 	class: "kima-textarea__count"
 }, L = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -60,8 +61,8 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 	},
 	emits: ["update:modelValue", "change"],
 	setup(t, { expose: L, emit: R }) {
-		let z = t, B = R, V = C(null), H = C(null), U = `kima-textarea-${E()}`, W = !1, { attrs: G, controlAttrs: K } = a(), { local: q, update: J } = o(z, B, V, (e) => e ?? "", (e) => {
-			W = !1, H.value && (H.value.value = e), _(Z);
+		let z = t, B = R, V = C(null), H = C(null), U = `kima-textarea-${E()}`, W = !1, { attrs: G, controlAttrs: K } = a(), { local: q, update: J } = ee(z, B, V, (e) => e ?? "", (e) => {
+			W = !1, H.value && (H.value.value = e), _(X);
 		});
 		e(V);
 		let Y = l(() => z.autoResize ? "none" : [
@@ -69,8 +70,8 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 			"vertical",
 			"horizontal",
 			"both"
-		].includes(z.resize) ? z.resize : "vertical"), X = l(() => z.clearable && !!q.value && !z.readonly), re = l(() => [z.error ? `${U}-error` : z.hint ? `${U}-hint` : "", K.value["aria-describedby"]].filter(Boolean).join(" ") || void 0);
-		function Z() {
+		].includes(z.resize) ? z.resize : "vertical"), ie = l(() => z.clearable && !!q.value && !z.readonly), ae = l(() => [z.error ? `${U}-error` : z.hint ? `${U}-hint` : "", K.value["aria-describedby"]].filter(Boolean).join(" ") || void 0);
+		function X() {
 			let e = H.value;
 			if (!e || (e.style.height = "", !z.autoResize)) return;
 			let t = e.clientHeight, n = e.ownerDocument.defaultView.getComputedStyle(e), r = parseFloat(n.borderTopWidth) + parseFloat(n.borderBottomWidth);
@@ -80,29 +81,30 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 			q,
 			() => z.rows,
 			() => z.autoResize
-		], () => _(Z), {
+		], () => _(X), {
 			immediate: !0,
 			flush: "post"
 		});
-		let Q;
+		let Z;
 		x(() => {
 			let e = H.value.ownerDocument.defaultView.ResizeObserver;
 			if (!e) return;
 			let t = H.value.getBoundingClientRect().width;
-			Q = new e(() => {
+			Z = new e(() => {
 				let e = H.value?.getBoundingClientRect().width;
-				e == null || Math.abs(e - t) < .5 || (t = e, Z());
-			}), Q.observe(H.value);
-		}), b(() => Q?.disconnect());
-		function $(e) {
-			!W && !e.isComposing && e.target.value !== q.value && J(e.target.value, !1), Z();
+				e == null || Math.abs(e - t) < .5 || (t = e, X());
+			}), Z.observe(H.value);
+		}), b(() => Z?.disconnect());
+		function Q(e) {
+			!W && !e.isComposing && e.target.value !== q.value && J(e.target.value, !1), X();
 		}
-		function ie() {
+		function oe() {
 			z.disabled || z.readonly || !q.value || (J(""), _(() => {
-				Z(), H.value?.focus();
+				X(), H.value?.focus();
 			}));
 		}
-		return L({ focus: () => H.value?.focus() }), (e, a) => (S(), d("div", {
+		let $ = C(null);
+		return o($, () => [z.error || z.hint, !!z.error]), L({ focus: () => H.value?.focus() }), (e, a) => (S(), d("div", {
 			class: v([
 				"kima-textarea",
 				{ "kima-textarea--error": !!t.error },
@@ -123,7 +125,7 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 				value: T(q),
 				"aria-label": T(K)["aria-label"] || t.label,
 				"aria-invalid": !!t.error || T(K)["aria-invalid"],
-				"aria-describedby": re.value,
+				"aria-describedby": ae.value,
 				name: t.name,
 				disabled: t.disabled,
 				readonly: t.readonly,
@@ -133,25 +135,25 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 				minlength: t.minlength,
 				maxlength: t.maxlength,
 				style: { resize: Y.value },
-				onInput: j($, ["stop"]),
+				onInput: j(Q, ["stop"]),
 				onChange: a[0] ||= j((e) => B("change", T(q)), ["stop"]),
 				onCompositionstart: a[1] ||= (e) => h(W) ? W.value = !0 : W = !0,
 				onCompositionend: a[2] ||= (e) => {
-					h(W) ? W.value = !1 : W = !1, $(e);
+					h(W) ? W.value = !1 : W = !1, Q(e);
 				}
-			}), null, 16, ee), m(c, g({ name: "kima-fade" }, T(i)), {
-				default: k(() => [X.value ? (S(), d("button", {
+			}), null, 16, te), m(c, g({ name: "kima-fade" }, T(i)), {
+				default: k(() => [ie.value ? (S(), d("button", {
 					key: 0,
 					class: "kima-textarea__clear",
 					type: "button",
 					"aria-label": "清除内容",
 					disabled: t.disabled,
-					onClick: ie
+					onClick: oe
 				}, [m(n, {
 					icon: T(M),
 					size: 18,
 					"aria-hidden": "true"
-				}, null, 8, ["icon"])], 8, te)) : u("", !0)]),
+				}, null, 8, ["icon"])], 8, ne)) : u("", !0)]),
 				_: 1
 			}, 16)], 8, P),
 			m(c, g({ css: !1 }, {
@@ -159,22 +161,21 @@ var N = ["aria-disabled"], P = ["aria-disabled"], ee = [
 				...T(i)
 			}), {
 				default: k(() => [A(f("div", {
+					ref_key: "messageWrap",
+					ref: $,
 					class: "kima-textarea__message-wrap",
 					inert: !(t.error || t.hint),
 					"aria-hidden": !(t.error || t.hint) || void 0
-				}, [m(c, g({ name: "kima-fade" }, T(i)), {
-					default: k(() => [t.error || t.hint ? (S(), d("p", {
-						id: `${U}-${t.error ? "error" : "hint"}`,
-						key: `${t.error ? "error" : "hint"}:${t.error || t.hint}`,
-						class: v(["kima-textarea__message", { "kima-textarea__message--error": !!t.error }]),
-						role: t.error ? "alert" : void 0
-					}, w(t.error || t.hint), 11, F)) : u("", !0)]),
-					_: 1
-				}, 16)], 8, ne), [[D, t.error || t.hint]])]),
+				}, [t.error || t.hint ? (S(), d("p", {
+					id: `${U}-${t.error ? "error" : "hint"}`,
+					key: `${t.error ? "error" : "hint"}:${t.error || t.hint}`,
+					class: v(["kima-textarea__message", { "kima-textarea__message--error": !!t.error }]),
+					role: t.error ? "alert" : void 0
+				}, w(t.error || t.hint), 11, F)) : u("", !0)], 8, re), [[D, t.error || t.hint]])]),
 				_: 1
 			}, 16),
 			t.showCount ? (S(), d("p", I, [p(w(T(q).length), 1), t.maxlength == null ? u("", !0) : (S(), d(s, { key: 0 }, [p(" / " + w(t.maxlength), 1)], 64))])) : u("", !0)
 		], 14, N));
 	}
-}), [["__scopeId", "data-v-c0cc3612"]]);
+}), [["__scopeId", "data-v-60d0751b"]]);
 export { L as default };