@kernel4632/kima 0.0.0-stage → 0.6.1

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

@@ -0,0 +1,74 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
+/* empty css                                                         */
+import { Transition as i, computed as a, createElementBlock as o, createElementVNode as s, createVNode as c, mergeProps as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+// src/components/input/field.ce.vue
+var S = ["inert", "aria-hidden"], C = ["role"], w = /*#__PURE__*/ t({
+	__name: "field.ce",
+	props: {
+		hint: {
+			type: String,
+			default: ""
+		},
+		error: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t) {
+		let w = t, T = p(null);
+		e(T);
+		let E = `kima-field-${_()}`, D = a(() => w.error || w.hint), O = p(D.value), k = p(!!w.error);
+		y([D, () => w.error], ([e, t]) => {
+			e && (O.value = e, k.value = !!t);
+		});
+		let A = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Set(), M;
+		function N() {
+			return [...T.value.querySelectorAll("input:not([type=\"hidden\"]),textarea,select,button[role=\"combobox\"],[role=\"radiogroup\"]")].filter((e) => e.closest(".kima-field") === T.value);
+		}
+		function P() {
+			if (T.value) for (let e of N()) {
+				let t = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean).filter((e) => e !== E);
+				D.value && (t.push(E), j.add(e));
+				let n = t.join(" ");
+				(e.getAttribute("aria-describedby") || "") !== n && (n ? e.setAttribute("aria-describedby", n) : e.removeAttribute("aria-describedby")), w.error && !e.hasAttribute("aria-invalid") && (e.setAttribute("aria-invalid", "true"), A.add(e)), !w.error && A.has(e) && (e.removeAttribute("aria-invalid"), A.delete(e));
+			}
+		}
+		return y(D, P, { flush: "post" }), y(() => w.error, P, { flush: "post" }), d(() => {
+			P(), M = new MutationObserver(P), M.observe(T.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: ["aria-describedby", "aria-invalid"]
+			});
+		}), u(() => {
+			M?.disconnect();
+			for (let e of j) {
+				let t = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== E);
+				t.length ? e.setAttribute("aria-describedby", t.join(" ")) : e.removeAttribute("aria-describedby");
+			}
+			for (let e of A) e.removeAttribute("aria-invalid");
+		}), (e, t) => (f(), o("div", {
+			ref_key: "root",
+			ref: T,
+			class: "kima-field"
+		}, [m(e.$slots, "default", {}, void 0, !0), c(i, l({ css: !1 }, g(n)), {
+			default: b(() => [x(s("div", {
+				id: E,
+				class: "kima-field__messages",
+				inert: !D.value,
+				"aria-hidden": !D.value || void 0
+			}, [c(i, l({ name: "kima-content" }, g(r)), {
+				default: b(() => [(f(), o("p", {
+					key: `${k.value}:${O.value}`,
+					class: "kima-field__message",
+					role: k.value ? "alert" : void 0
+				}, h(O.value), 9, C))]),
+				_: 1
+			}, 16)], 8, S), [[v, D.value]])]),
+			_: 1
+		}, 16)], 512));
+	}
+}, [["__scopeId", "data-v-f2ce3fc2"]]);
+export { w as default };

package/dist/vue/components/input/file-upload.ce.js

@@ -0,0 +1,142 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/button.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";
+/* empty css                                                               */
+import { Fragment as s, Transition as c, TransitionGroup as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, toRaw as S, unref as C, vShow as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+// src/components/input/file-upload.ce.vue
+var k = ["aria-disabled"], A = ["aria-disabled"], j = [
+	"aria-label",
+	"name",
+	"accept",
+	"multiple",
+	"disabled",
+	"required"
+], M = ["inert", "aria-hidden"], N = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "file-upload.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "选择文件或拖放到此处"
+		},
+		name: String,
+		accept: String,
+		multiple: Boolean,
+		disabled: Boolean,
+		required: Boolean,
+		maxSize: {
+			type: Number,
+			default: Infinity
+		},
+		maxFiles: {
+			type: Number,
+			default: Infinity
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"reject"
+	],
+	setup(t, { emit: N }) {
+		let P = t, F = N, I = y(null), L = y(null), R = y(!1), { attrs: z, controlAttrs: B } = a(), { local: V, update: H } = o(P, F, I, (e) => Array.isArray(e) ? e : [], () => h(U));
+		e(I);
+		function U() {
+			if (!L.value) return;
+			let e = new DataTransfer();
+			for (let t of V.value) t instanceof File && e.items.add(t);
+			L.value.files = e.files;
+		}
+		T(V, () => h(U), {
+			immediate: !0,
+			deep: !0
+		});
+		function W(e) {
+			return !P.accept || P.accept.split(",").some((t) => {
+				let n = t.trim().toLowerCase();
+				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? e.type.toLowerCase().startsWith(n.slice(0, -1)) : e.type.toLowerCase() === n : !1;
+			});
+		}
+		function G(e) {
+			if (P.disabled) return;
+			let t = [], n = Math.max(0, P.multiple ? P.maxFiles : Math.min(1, P.maxFiles));
+			for (let r of e) {
+				let e = W(r) ? r.size > P.maxSize ? "size" : t.length >= n ? "count" : "" : "accept";
+				e ? F("reject", {
+					file: r,
+					reason: e
+				}) : t.push(r);
+			}
+			H(t), h(U);
+		}
+		function K(e) {
+			R.value = !1, G([...e.dataTransfer.files]);
+		}
+		function q(e) {
+			P.disabled || H(V.value.filter((t, n) => n !== e));
+		}
+		let J = /* @__PURE__ */ new WeakMap(), Y = 0;
+		function X(e, t) {
+			let n = S(e);
+			J.has(n) || J.set(n, ++Y);
+			let r = V.value.slice(0, t).filter((e) => S(e) === n).length;
+			return `${J.get(n)}-${r}`;
+		}
+		return (e, a) => (v(), u("div", {
+			class: g(["kima-file-upload", C(z).class]),
+			style: _(C(z).style),
+			"aria-disabled": t.disabled || void 0
+		}, [d("div", {
+			ref_key: "root",
+			ref: I,
+			class: g(["kima-file-upload__drop", { "kima-file-upload__drop--active": R.value && !t.disabled }]),
+			"aria-disabled": t.disabled || void 0,
+			onDragover: a[2] ||= O((e) => R.value = !0, ["prevent"]),
+			onDragleave: a[3] ||= O((e) => R.value = !1, ["prevent"]),
+			onDrop: O(K, ["prevent"])
+		}, [d("input", m({
+			ref_key: "input",
+			ref: L
+		}, C(B), {
+			type: "file",
+			"aria-label": C(B)["aria-label"] || t.label,
+			name: t.name,
+			accept: t.accept,
+			multiple: t.multiple,
+			disabled: t.disabled,
+			required: t.required,
+			onInput: a[0] ||= O(() => {}, ["stop"]),
+			onChange: a[1] ||= O((e) => G([...e.target.files]), ["stop"])
+		}), null, 16, j), d("p", null, x(t.label), 1)], 42, A), p(c, m({ css: !1 }, C(r)), {
+			default: E(() => [D(d("div", {
+				inert: !C(V).length,
+				"aria-hidden": !C(V).length || void 0
+			}, [p(l, m({
+				tag: "ul",
+				name: "kima-list"
+			}, C(i), { class: "kima-file-upload__files" }), {
+				default: E(() => [(v(!0), u(s, null, b(C(V), (e, r) => (v(), u("li", { key: X(e, r) }, [d("span", null, x(e.name) + " · " + x(e.size) + " B", 1), p(n, {
+					variant: "text",
+					disabled: t.disabled,
+					"aria-label": `移除 ${e.name}`,
+					onClick: (e) => q(r)
+				}, {
+					default: E(() => [...a[4] ||= [f("移除", -1)]]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"aria-label",
+					"onClick"
+				])]))), 128))]),
+				_: 1
+			}, 16)], 8, M), [[w, C(V).length]])]),
+			_: 1
+		}, 16)], 14, k));
+	}
+}), [["__scopeId", "data-v-17268263"]]);
+export { N as default };

package/dist/vue/components/input/number-field.ce.js

@@ -0,0 +1,103 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/button.ce.js";
+import { useInputAttrs as r, useInputState as i } from "../../utils/input-state.js";
+/* empty css                                                                */
+import { createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, unref as m, withCtx as h, withModifiers as g } from "vue";
+// src/components/input/number-field.ce.vue
+var _ = ["aria-disabled"], v = [
+	"aria-label",
+	"name",
+	"value",
+	"min",
+	"max",
+	"step",
+	"required",
+	"disabled",
+	"readonly",
+	"placeholder"
+], y = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "number-field.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: null
+		},
+		label: String,
+		name: String,
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean,
+		min: Number,
+		max: Number,
+		step: {
+			type: [Number, String],
+			default: 1
+		},
+		placeholder: String
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { expose: y, emit: b }) {
+		let x = t, S = b, C = p(null), w = p(null), { attrs: T, controlAttrs: E } = r(), { local: D, update: O } = i(x, S, C, (e) => Number.isFinite(e) ? e : null, (e) => {
+			w.value && (w.value.value = e ?? "");
+		});
+		e(C);
+		function k(e) {
+			O(Number.isFinite(e.target.valueAsNumber) ? e.target.valueAsNumber : null, !1);
+		}
+		function A(e) {
+			if (!(x.disabled || x.readonly)) {
+				if (x.step === "any") {
+					let t = Math.min(x.max ?? Infinity, Math.max(x.min ?? -Infinity, (D.value ?? 0) + e));
+					w.value.value = t;
+				} else e > 0 ? w.value.stepUp() : w.value.stepDown();
+				O(w.value.valueAsNumber), w.value.focus();
+			}
+		}
+		return y({ focus: () => w.value?.focus() }), (e, r) => (f(), a("div", {
+			ref_key: "root",
+			ref: C,
+			class: u(["kima-number-field", m(T).class]),
+			style: d(m(T).style),
+			"aria-disabled": t.disabled || void 0
+		}, [
+			c(n, {
+				variant: "text",
+				disabled: t.disabled || t.readonly || t.min != null && m(D) != null && m(D) <= t.min,
+				"aria-label": "减少",
+				onClick: r[0] ||= (e) => A(-1)
+			}, {
+				default: h(() => [...r[3] ||= [s("−", -1)]]),
+				_: 1
+			}, 8, ["disabled"]),
+			o("input", l({
+				ref_key: "input",
+				ref: w
+			}, m(E), {
+				type: "number",
+				"aria-label": m(E)["aria-label"] || t.label,
+				name: t.name,
+				value: m(D) ?? "",
+				min: t.min,
+				max: t.max,
+				step: t.step,
+				required: t.required,
+				disabled: t.disabled,
+				readonly: t.readonly,
+				placeholder: t.placeholder,
+				onInput: g(k, ["stop"]),
+				onChange: r[1] ||= g((e) => S("change", m(D)), ["stop"])
+			}), null, 16, v),
+			c(n, {
+				variant: "text",
+				disabled: t.disabled || t.readonly || t.max != null && m(D) != null && m(D) >= t.max,
+				"aria-label": "增加",
+				onClick: r[2] ||= (e) => A(1)
+			}, {
+				default: h(() => [...r[4] ||= [s("+", -1)]]),
+				_: 1
+			}, 8, ["disabled"])
+		], 14, _));
+	}
+}), [["__scopeId", "data-v-9eb508b4"]]);
+export { y as default };

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

@@ -0,0 +1,112 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputAttrs as n, useInputState as r } from "../../utils/input-state.js";
+/* empty css                                                             */
+import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, isRef as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, unref as h, watch as g, withModifiers as _ } from "vue";
+// src/components/input/pin-input.ce.vue
+var v = ["aria-disabled"], y = {
+	class: "kima-pin-input__cells",
+	"aria-hidden": "true"
+}, b = [
+	"type",
+	"value",
+	"aria-label",
+	"name",
+	"disabled",
+	"readonly",
+	"required",
+	"minlength",
+	"maxlength",
+	"pattern",
+	"inputmode"
+], x = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "pin-input.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: "验证码"
+		},
+		name: String,
+		length: {
+			type: Number,
+			default: 6
+		},
+		type: {
+			type: String,
+			default: "numeric"
+		},
+		masked: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"complete"
+	],
+	setup(t, { expose: x, emit: S }) {
+		let C = t, w = S, T = p(null), E = p(null), D = !1, O = a(() => Math.max(1, Math.min(12, Math.floor(C.length) || 6)));
+		function k(e) {
+			let t = String(e ?? "");
+			return (C.type === "numeric" ? t.replace(/[^0-9]/g, "") : t.replace(/[^a-z0-9]/gi, "").toUpperCase()).slice(0, O.value);
+		}
+		let { attrs: A, controlAttrs: j } = n(), { local: M, update: N } = r(C, w, T, k, (e) => {
+			D = !1, E.value && (E.value.value = e);
+		});
+		e(T), g([O, () => C.type], () => {
+			M.value = k(M.value);
+		});
+		function P(e) {
+			if (D || e.isComposing) return;
+			let t = k(e.target.value), n = M.value;
+			t !== n && N(t, !1), e.target.value = t, t.length === O.value && t !== n && w("complete", t);
+		}
+		function F(e) {
+			if (C.disabled || C.readonly || D) return;
+			e.preventDefault();
+			let t = E.value, n = k(e.clipboardData.getData("text")), r = t.selectionStart ?? M.value.length, i = t.selectionEnd ?? r, a = k(M.value.slice(0, r) + n + M.value.slice(i)), o = M.value;
+			N(a, !1), t.value = a, t.setSelectionRange(Math.min(a.length, r + n.length), Math.min(a.length, r + n.length)), a.length === O.value && a !== o && w("complete", a);
+		}
+		return x({ focus: () => E.value?.focus() }), (e, n) => (f(), o("div", {
+			ref_key: "root",
+			ref: T,
+			class: u(["kima-pin-input", h(A).class]),
+			style: d([h(A).style, { "--kima-pin-length": O.value }]),
+			"aria-disabled": t.disabled || void 0
+		}, [s("span", y, [(f(!0), o(i, null, m(O.value, (e) => (f(), o("span", {
+			key: e,
+			class: "kima-pin-input__cell"
+		}))), 128))]), s("input", l({
+			ref_key: "input",
+			ref: E
+		}, h(j), {
+			type: t.masked ? "password" : "text",
+			value: h(M),
+			"aria-label": h(j)["aria-label"] || t.label,
+			name: t.name,
+			disabled: t.disabled,
+			readonly: t.readonly,
+			required: t.required,
+			minlength: O.value,
+			maxlength: O.value,
+			pattern: t.type === "numeric" ? `[0-9]{${O.value}}` : `[A-Za-z0-9]{${O.value}}`,
+			inputmode: t.type === "numeric" ? "numeric" : "text",
+			autocomplete: "one-time-code",
+			autocapitalize: "characters",
+			spellcheck: "false",
+			onInput: _(P, ["stop"]),
+			onPaste: F,
+			onChange: n[0] ||= _((e) => w("change", h(M)), ["stop"]),
+			onCompositionstart: n[1] ||= (e) => c(D) ? D.value = !0 : D = !0,
+			onCompositionend: n[2] ||= (e) => {
+				c(D) ? D.value = !1 : D = !1, P(e);
+			}
+		}), null, 16, b)], 14, v));
+	}
+}), [["__scopeId", "data-v-0d93e989"]]);
+export { x as default };

package/dist/vue/components/input/radio-group.ce.js

@@ -0,0 +1,96 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputAttrs as n, useInputState as r } from "../../utils/input-state.js";
+/* empty css                                                               */
+import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
+// src/components/input/radio-group.ce.vue
+var g = [
+	"aria-label",
+	"aria-required",
+	"aria-orientation",
+	"disabled",
+	"aria-disabled"
+], _ = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"tabindex",
+	"onChange"
+], v = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "radio-group.ce",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		label: String,
+		name: String,
+		disabled: Boolean,
+		required: Boolean,
+		orientation: {
+			type: String,
+			default: "vertical"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: v }) {
+		let y = t, b = v, x = d(null), { attrs: S, controlAttrs: C } = n(), w = a(() => y.options.map((e) => typeof e == "object" ? e : {
+			value: e,
+			label: String(e)
+		})), { local: T, update: E } = r(y, b, x);
+		e(x);
+		let D = a(() => {
+			let e = w.value.findIndex((e) => e.value === T.value && !e.disabled);
+			return e < 0 ? w.value.findIndex((e) => !e.disabled) : e;
+		});
+		function O(e) {
+			if (y.disabled || ![
+				"ArrowRight",
+				"ArrowLeft",
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			e.preventDefault();
+			let t = [...x.value.querySelectorAll("input[type=\"radio\"]:not(:disabled)")];
+			if (!t.length) return;
+			let n = getComputedStyle(x.value).direction === "rtl", r = e.key === "ArrowUp" || e.key === (n ? "ArrowRight" : "ArrowLeft"), i = t.indexOf(e.target), a = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (i + (r ? -1 : 1) + t.length) % t.length;
+			t[a].focus(), t[a].click();
+		}
+		return (e, n) => (u(), o("fieldset", c({
+			ref_key: "root",
+			ref: x
+		}, m(C), {
+			class: ["kima-radio-group", m(S).class],
+			style: m(S).style,
+			role: "radiogroup",
+			"aria-label": m(C)["aria-label"] || t.label,
+			"aria-required": t.required || void 0,
+			"aria-orientation": t.orientation,
+			disabled: t.disabled,
+			"aria-disabled": t.disabled || void 0,
+			onKeydown: O
+		}), [(u(!0), o(i, null, f(w.value, (e, r) => (u(), o("label", {
+			key: e.value,
+			class: l(["kima-radio-group__item", { "kima-radio-group__item--disabled": e.disabled }])
+		}, [s("input", {
+			type: "radio",
+			name: t.name,
+			value: e.value,
+			checked: m(T) === e.value,
+			disabled: t.disabled || e.disabled,
+			required: t.required,
+			tabindex: r === D.value ? 0 : -1,
+			onInput: n[0] ||= h(() => {}, ["stop"]),
+			onChange: h((t) => m(E)(e.value), ["stop"])
+		}, null, 40, _), s("span", null, p(e.label), 1)], 2))), 128))], 16, g));
+	}
+}), [["__scopeId", "data-v-30add112"]]);
+export { v as default };

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

@@ -0,0 +1,115 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/button.ce.js";
+import r from "../core/icon.ce.js";
+import { useInputAttrs as i, useInputState as a } from "../../utils/input-state.js";
+/* empty css                                                          */
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, unref as b, withCtx as x, withModifiers as S } from "vue";
+import { StarIcon as C } from "@hugeicons/core-free-icons";
+// src/components/input/rating.ce.vue
+var w = [
+	"aria-label",
+	"aria-required",
+	"aria-disabled",
+	"aria-readonly"
+], T = [
+	"name",
+	"value",
+	"checked",
+	"aria-label",
+	"disabled",
+	"required",
+	"tabindex",
+	"aria-readonly",
+	"onChange"
+], E = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "rating.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "评分"
+		},
+		name: String,
+		max: {
+			type: Number,
+			default: 5
+		},
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean,
+		clearable: Boolean
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: E }) {
+		let D = t, O = E, k = v(null), A = s(() => Math.max(1, Math.min(20, Math.floor(D.max) || 5))), { attrs: j, controlAttrs: M } = i(), { local: N, update: P } = a(D, O, k, (e) => Math.min(A.value, Math.max(0, Math.round(e) || 0)));
+		e(k);
+		function F(e) {
+			if (![
+				"ArrowRight",
+				"ArrowLeft",
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End",
+				" "
+			].includes(e.key)) return;
+			if (D.readonly || D.disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (e.key === " ") return;
+			e.preventDefault();
+			let t = getComputedStyle(k.value).direction === "rtl", n = e.key === "ArrowUp" || e.key === (t ? "ArrowLeft" : "ArrowRight"), r = e.key === "Home" ? 1 : e.key === "End" ? A.value : Math.max(1, Math.min(A.value, N.value + (n ? 1 : -1)));
+			P(r), k.value.querySelectorAll("input[type=\"radio\"]")[r - 1]?.focus();
+		}
+		return (e, i) => (_(), u("div", {
+			class: h(["kima-rating-wrap", b(j).class]),
+			style: g(b(j).style)
+		}, [d("div", m({
+			ref_key: "root",
+			ref: k
+		}, b(M), {
+			class: "kima-rating",
+			role: "radiogroup",
+			"aria-label": b(M)["aria-label"] || t.label,
+			"aria-required": t.required || void 0,
+			"aria-disabled": t.disabled || void 0,
+			"aria-readonly": t.readonly || void 0,
+			onKeydown: F
+		}), [(_(!0), u(o, null, y(A.value, (e) => (_(), u("label", {
+			key: e,
+			class: h(["kima-rating__star", { "kima-rating__star--filled": e <= b(N) }])
+		}, [d("input", {
+			type: "radio",
+			name: t.name,
+			value: e,
+			checked: e === b(N),
+			"aria-label": `${e} / ${A.value}`,
+			disabled: t.disabled,
+			required: t.required,
+			tabindex: e === (b(N) || 1) ? 0 : -1,
+			"aria-readonly": t.readonly || void 0,
+			onClick: i[0] ||= (e) => t.readonly && e.preventDefault(),
+			onInput: i[1] ||= S(() => {}, ["stop"]),
+			onChange: S((t) => b(P)(e), ["stop"])
+		}, null, 40, T), p(r, {
+			icon: b(C),
+			size: 28,
+			"aria-hidden": "true"
+		}, null, 8, ["icon"])], 2))), 128))], 16, w), t.clearable && !t.readonly ? (_(), c(n, {
+			key: 0,
+			variant: "text",
+			disabled: t.disabled || !b(N),
+			"aria-label": "清除评分",
+			onClick: i[2] ||= (e) => b(P)(0)
+		}, {
+			default: x(() => [...i[3] ||= [f("清除", -1)]]),
+			_: 1
+		}, 8, ["disabled"])) : l("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-23c50b69"]]);
+export { E as default };