@kernel4632/kima 0.8.2 → 0.8.4

package/dist/vue/components/form-completion/dynamic-input.ce.js

@@ -1,10 +1,13 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "../core/button.ce.js";
 import { presenceTransition as n } from "../../utils/motion.js";
+import r from "../core/icon-button.ce.js";
+import i from "../core/tooltip.ce.js";
 /* empty css                                                                 */
-import { Fragment as r, TransitionGroup as i, computed as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { Fragment as a, TransitionGroup as o, computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ArrowDown01Icon as b, ArrowUp01Icon as x, Cancel01Icon as S } from "@hugeicons/core-free-icons";
 // src/components/form-completion/dynamic-input.ce.vue
-var v = ["aria-label"], y = { class: "kima-dynamic-input__actions" }, b = /*#__PURE__*/ e({
+var C = ["aria-label"], w = { class: "kima-dynamic-input__actions" }, T = /*#__PURE__*/ e({
 	__name: "dynamic-input.ce",
 	props: {
 		modelValue: {
@@ -36,123 +39,126 @@ var v = ["aria-label"], y = { class: "kima-dynamic-input__actions" }, b = /*#__P
 		"remove",
 		"move"
 	],
-	setup(e, { expose: b, emit: x }) {
-		let S = e, C = x, w = 0, T = /* @__PURE__ */ new WeakMap();
-		function E(e) {
-			return !e || typeof e != "object" ? `row-${++w}` : (T.has(e) || T.set(e, e.id || `row-${++w}`), T.get(e));
+	setup(e, { expose: T, emit: E }) {
+		let D = e, O = E, k = 0, A = /* @__PURE__ */ new WeakMap();
+		function j(e) {
+			return !e || typeof e != "object" ? `row-${++k}` : (A.has(e) || A.set(e, e.id || `row-${++k}`), A.get(e));
 		}
-		let D = f(S.modelValue.map((e) => ({ ...e }))), O = a(() => S.disabled || D.value.length >= S.max);
-		function k(e, t, n) {
-			D.value = e, C("update:modelValue", e.map((e) => ({ ...e }))), C("change", e.map((e) => ({ ...e }))), t && C(t, n);
+		let M = m(D.modelValue.map((e) => ({ ...e }))), N = s(() => D.disabled || M.value.length >= D.max);
+		function P(e, t, n) {
+			M.value = e, O("update:modelValue", e.map((e) => ({ ...e }))), O("change", e.map((e) => ({ ...e }))), t && O(t, n);
 		}
-		function A() {
-			if (O.value) return;
+		function F() {
+			if (N.value) return;
 			let e = {
-				...S.create(),
-				id: `row-${++w}`
+				...D.create(),
+				id: `row-${++k}`
 			};
-			k([...D.value, e], "add", {
+			P([...M.value, e], "add", {
 				row: e,
-				index: D.value.length
+				index: M.value.length
 			});
 		}
-		function j(e) {
-			if (S.disabled || D.value.length <= S.min) return;
-			let t = D.value[e];
-			k(D.value.filter((t, n) => n !== e), "remove", {
+		function I(e) {
+			if (D.disabled || M.value.length <= D.min) return;
+			let t = M.value[e];
+			P(M.value.filter((t, n) => n !== e), "remove", {
 				row: t,
 				index: e
 			});
 		}
-		function M(e, t) {
+		function L(e, t) {
 			let n = e + t;
-			if (S.disabled || n < 0 || n >= D.value.length) return;
-			let r = [...D.value];
-			[r[e], r[n]] = [r[n], r[e]], k(r, "move", {
+			if (D.disabled || n < 0 || n >= M.value.length) return;
+			let r = [...M.value];
+			[r[e], r[n]] = [r[n], r[e]], P(r, "move", {
 				row: r[n],
 				from: e,
 				to: n
 			});
 		}
-		function N(e, t) {
-			let n = [...D.value];
-			n[e] = t, k(n);
+		function R(e, t) {
+			let n = [...M.value];
+			n[e] = t, P(n);
 		}
-		function P() {
-			return D.value.every((e) => e && e.valid !== !1);
+		function z() {
+			return M.value.every((e) => e && e.valid !== !1);
 		}
-		return b({
-			add: A,
-			remove: j,
-			move: M,
-			validate: P,
-			rows: D
-		}), (a, f) => (d(), o("div", {
+		return T({
+			add: F,
+			remove: I,
+			move: L,
+			validate: z,
+			rows: M
+		}), (s, m) => (p(), c("div", {
 			class: "kima-dynamic-input",
 			role: "group",
 			"aria-label": e.label
-		}, [l(i, u({
+		}, [d(o, f({
 			tag: "div",
 			name: "kima-list"
-		}, g(n), { class: "kima-dynamic-input__rows" }), {
-			default: _(() => [(d(!0), o(r, null, p(D.value, (n, r) => (d(), o("div", {
-				key: E(n),
+		}, v(n), { class: "kima-dynamic-input__rows" }), {
+			default: y(() => [(p(!0), c(a, null, h(M.value, (t, n) => (p(), c("div", {
+				key: j(t),
 				class: "kima-dynamic-input__row"
-			}, [m(a.$slots, "default", {
-				row: n,
-				index: r,
-				id: E(n),
-				update: (e) => N(r, e)
-			}, () => [s("output", null, h(JSON.stringify(n)), 1)], !0), s("div", y, [
-				l(t, {
-					variant: "text",
-					disabled: e.disabled || r === 0,
-					"aria-label": `${e.label}上移第${r + 1}项`,
-					onClick: (e) => M(r, -1)
-				}, {
-					default: _(() => [...f[0] ||= [c("上移", -1)]]),
-					_: 1
-				}, 8, [
-					"disabled",
-					"aria-label",
-					"onClick"
-				]),
-				l(t, {
-					variant: "text",
-					disabled: e.disabled || r === D.value.length - 1,
-					"aria-label": `${e.label}下移第${r + 1}项`,
-					onClick: (e) => M(r, 1)
-				}, {
-					default: _(() => [...f[1] ||= [c("下移", -1)]]),
-					_: 1
-				}, 8, [
-					"disabled",
-					"aria-label",
-					"onClick"
-				]),
-				l(t, {
-					variant: "text",
-					disabled: e.disabled || D.value.length <= e.min,
-					"aria-label": `移除第${r + 1}项`,
-					onClick: (e) => j(r)
-				}, {
-					default: _(() => [...f[2] ||= [c("移除", -1)]]),
-					_: 1
-				}, 8, [
-					"disabled",
-					"aria-label",
-					"onClick"
-				])
+			}, [g(s.$slots, "default", {
+				row: t,
+				index: n,
+				id: j(t),
+				update: (e) => R(n, e)
+			}, () => [l("output", null, _(JSON.stringify(t)), 1)], !0), l("div", w, [
+				d(i, { text: "上移" }, {
+					default: y(() => [d(r, {
+						icon: v(x),
+						label: `${e.label}上移第${n + 1}项`,
+						disabled: e.disabled || n === 0,
+						onClick: (e) => L(n, -1)
+					}, null, 8, [
+						"icon",
+						"label",
+						"disabled",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024),
+				d(i, { text: "下移" }, {
+					default: y(() => [d(r, {
+						icon: v(b),
+						label: `${e.label}下移第${n + 1}项`,
+						disabled: e.disabled || n === M.value.length - 1,
+						onClick: (e) => L(n, 1)
+					}, null, 8, [
+						"icon",
+						"label",
+						"disabled",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024),
+				d(i, { text: "移除" }, {
+					default: y(() => [d(r, {
+						icon: v(S),
+						label: `移除第${n + 1}项`,
+						disabled: e.disabled || M.value.length <= e.min,
+						onClick: (e) => I(n)
+					}, null, 8, [
+						"icon",
+						"label",
+						"disabled",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024)
 			])]))), 128))]),
 			_: 3
-		}, 16), l(t, {
+		}, 16), d(t, {
 			variant: "tonal",
-			disabled: O.value,
-			onClick: A
+			disabled: N.value,
+			onClick: F
 		}, {
-			default: _(() => [...f[3] ||= [c("添加字段", -1)]]),
+			default: y(() => [...m[0] ||= [u("添加字段", -1)]]),
 			_: 1
-		}, 8, ["disabled"])], 8, v));
+		}, 8, ["disabled"])], 8, C));
 	}
-}, [["__scopeId", "data-v-97d6f5bf"]]);
-export { b as default };
+}, [["__scopeId", "data-v-5913d05a"]]);
+export { T as default };

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

@@ -1,19 +1,21 @@
 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";
+import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
+import { useInputAttrs as i, useInputState as a } from "../../utils/input-state.js";
+import o from "../core/icon-button.ce.js";
+import s from "../core/tooltip.ce.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";
+import { Fragment as c, Transition as l, TransitionGroup as u, createElementBlock as d, createElementVNode 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";
+import { Cancel01Icon as k } from "@hugeicons/core-free-icons";
 // src/components/input/file-upload.ce.vue
-var k = ["aria-disabled"], A = ["aria-disabled"], j = [
+var A = ["aria-disabled"], j = ["aria-disabled"], M = [
 	"aria-label",
 	"name",
 	"accept",
 	"multiple",
 	"disabled",
 	"required"
-], M = ["inert", "aria-hidden"], N = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], N = ["inert", "aria-hidden"], P = { class: "kima-file-upload__filename" }, F = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "file-upload.ce",
 	props: {
 		modelValue: {
@@ -43,100 +45,104 @@ var k = ["aria-disabled"], A = ["aria-disabled"], j = [
 		"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;
+	setup(t, { emit: F }) {
+		let I = t, L = F, R = y(null), z = y(null), B = y(!1), { attrs: V, controlAttrs: H } = i(), { local: U, update: W } = a(I, L, R, (e) => Array.isArray(e) ? e : [], () => h(G));
+		e(R);
+		function G() {
+			if (!z.value) return;
 			let e = new DataTransfer();
-			for (let t of V.value) t instanceof File && e.items.add(t);
-			L.value.files = e.files;
+			for (let t of U.value) t instanceof File && e.items.add(t);
+			z.value.files = e.files;
 		}
-		T(V, () => h(U), {
+		T(U, () => h(G), {
 			immediate: !0,
 			deep: !0
 		});
-		function W(e) {
-			return !P.accept || P.accept.split(",").some((t) => {
+		function K(e) {
+			return !I.accept || I.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));
+		function q(e) {
+			if (I.disabled) return;
+			let t = [], n = Math.max(0, I.multiple ? I.maxFiles : Math.min(1, I.maxFiles));
 			for (let r of e) {
-				let e = W(r) ? r.size > P.maxSize ? "size" : t.length >= n ? "count" : "" : "accept";
-				e ? F("reject", {
+				let e = K(r) ? r.size > I.maxSize ? "size" : t.length >= n ? "count" : "" : "accept";
+				e ? L("reject", {
 					file: r,
 					reason: e
 				}) : t.push(r);
 			}
-			H(t), h(U);
+			W(t), h(G);
 		}
-		function K(e) {
-			R.value = !1, G([...e.dataTransfer.files]);
+		function J(e) {
+			B.value = !1, q([...e.dataTransfer.files]);
 		}
-		function q(e) {
-			P.disabled || H(V.value.filter((t, n) => n !== e));
+		function Y(e) {
+			I.disabled || W(U.value.filter((t, n) => n !== e));
 		}
-		let J = /* @__PURE__ */ new WeakMap(), Y = 0;
-		function X(e, t) {
+		let X = /* @__PURE__ */ new WeakMap(), Z = 0;
+		function Q(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}`;
+			X.has(n) || X.set(n, ++Z);
+			let r = U.value.slice(0, t).filter((e) => S(e) === n).length;
+			return `${X.get(n)}-${r}`;
 		}
-		return (e, a) => (v(), u("div", {
-			class: g(["kima-file-upload", C(z).class]),
-			style: _(C(z).style),
+		return (e, i) => (v(), d("div", {
+			class: g(["kima-file-upload", C(V).class]),
+			style: _(C(V).style),
 			"aria-disabled": t.disabled || void 0
-		}, [d("div", {
+		}, [f("div", {
 			ref_key: "root",
-			ref: I,
-			class: g(["kima-file-upload__drop", { "kima-file-upload__drop--active": R.value && !t.disabled }]),
+			ref: R,
+			class: g(["kima-file-upload__drop", { "kima-file-upload__drop--active": B.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({
+			onDragover: i[2] ||= O((e) => B.value = !0, ["prevent"]),
+			onDragleave: i[3] ||= O((e) => B.value = !1, ["prevent"]),
+			onDrop: O(J, ["prevent"])
+		}, [f("input", m({
 			ref_key: "input",
-			ref: L
-		}, C(B), {
+			ref: z
+		}, C(H), {
 			type: "file",
-			"aria-label": C(B)["aria-label"] || t.label,
+			"aria-label": C(H)["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({
+			onInput: i[0] ||= O(() => {}, ["stop"]),
+			onChange: i[1] ||= O((e) => q([...e.target.files]), ["stop"])
+		}), null, 16, M), f("p", null, x(t.label), 1)], 42, j), p(l, m({ css: !1 }, C(n)), {
+			default: E(() => [D(f("div", {
+				inert: !C(U).length,
+				"aria-hidden": !C(U).length || void 0
+			}, [p(u, 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)
+			}, C(r), { class: "kima-file-upload__files" }), {
+				default: E(() => [(v(!0), d(c, null, b(C(U), (e, n) => (v(), d("li", { key: Q(e, n) }, [f("span", P, x(e.name) + " · " + x(e.size) + " B", 1), p(s, {
+					text: "移除文件",
+					position: "left"
 				}, {
-					default: E(() => [...a[4] ||= [f("移除", -1)]]),
-					_: 1
-				}, 8, [
-					"disabled",
-					"aria-label",
-					"onClick"
-				])]))), 128))]),
+					default: E(() => [p(o, {
+						icon: C(k),
+						disabled: t.disabled,
+						label: `移除 ${e.name}`,
+						onClick: (e) => Y(n)
+					}, null, 8, [
+						"icon",
+						"disabled",
+						"label",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024)]))), 128))]),
 				_: 1
-			}, 16)], 8, M), [[w, C(V).length]])]),
+			}, 16)], 8, N), [[w, C(U).length]])]),
 			_: 1
-		}, 16)], 14, k));
+		}, 16)], 14, A));
 	}
-}), [["__scopeId", "data-v-17268263"]]);
-export { N as default };
+}), [["__scopeId", "data-v-1568bdab"]]);
+export { F as default };

package/dist/vue/components/navigation/carousel.ce.js

@@ -1,18 +1,20 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "../core/button.ce.js";
-import { useNavigationModel as n, useNavigationRoot as r } from "../../utils/navigation.js";
-import { useContentMotion as i } from "../../utils/content-motion.js";
+import { useNavigationModel as t, useNavigationRoot as n } from "../../utils/navigation.js";
+import r from "../core/icon-button.ce.js";
+import i from "../core/tooltip.ce.js";
+import { useContentMotion as a } from "../../utils/content-motion.js";
 /* empty css                                                            */
-import { Fragment as a, Transition 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, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useId as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+import { Fragment as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, mergeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useId as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+import { ArrowLeft01Icon as T, ArrowRight01Icon as E } from "@hugeicons/core-free-icons";
 // src/components/navigation/carousel.ce.vue
-var T = ["aria-label"], E = [
+var D = ["aria-label"], O = [
 	"aria-label",
 	"aria-hidden",
 	"inert"
-], D = { key: 0 }, O = { key: 1 }, k = { key: 0 }, A = { class: "kima-carousel__controls" }, j = {
+], k = { key: 0 }, A = { key: 1 }, j = { key: 0 }, M = { class: "kima-carousel__controls" }, N = {
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, M = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, P = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "carousel.ce",
 	props: {
 		modelValue: {
@@ -31,84 +33,94 @@ var T = ["aria-label"], E = [
 		}
 	},
 	emits: ["update:modelValue", "change"],
-	setup(e, { emit: M }) {
-		let N = e, P = M, { root: F, forwardedAttrs: I } = r(), [L, R] = n(N, "modelValue", P), z = `kima-carousel-${x()}`, B = g(null), V = s(() => Math.max(0, Math.min(N.items.length - 1, Math.trunc(Number(L.value) || 0))));
-		i(B, () => V.value, { opacity: !1 });
-		let H = s(() => N.disabled || N.items.length < 2 || !N.loop && V.value === 0), U = s(() => N.disabled || N.items.length < 2 || !N.loop && V.value === N.items.length - 1);
-		function W(e) {
+	setup(e, { emit: P }) {
+		let F = e, I = P, { root: L, forwardedAttrs: R } = n(), [z, B] = t(F, "modelValue", I), V = `kima-carousel-${x()}`, H = g(null), U = c(() => Math.max(0, Math.min(F.items.length - 1, Math.trunc(Number(z.value) || 0))));
+		a(H, () => U.value, { opacity: !1 });
+		let W = c(() => F.disabled || F.items.length < 2 || !F.loop && U.value === 0), G = c(() => F.disabled || F.items.length < 2 || !F.loop && U.value === F.items.length - 1);
+		function K(e) {
 			return e && typeof e == "object" ? e.content ?? e.label ?? "" : e;
 		}
-		function G(e) {
-			e < 0 && H.value || e > 0 && U.value || R((V.value + e + N.items.length) % N.items.length);
+		function q(e) {
+			e < 0 && W.value || e > 0 && G.value || B((U.value + e + F.items.length) % F.items.length);
 		}
-		function K(e) {
-			if (N.disabled || !N.items.length || e.altKey || e.ctrlKey || e.metaKey || e.isComposing || e.target.closest("input,textarea,select,a,[contenteditable=\"true\"]")) return;
-			let t = getComputedStyle(F.value).direction === "rtl";
-			if (e.key === "ArrowRight") G(t ? -1 : 1);
-			else if (e.key === "ArrowLeft") G(t ? 1 : -1);
-			else if (e.key === "Home") R(0);
-			else if (e.key === "End") R(N.items.length - 1);
+		function J(e) {
+			if (F.disabled || !F.items.length || e.altKey || e.ctrlKey || e.metaKey || e.isComposing || e.target.closest("input,textarea,select,a,[contenteditable=\"true\"]")) return;
+			let t = getComputedStyle(L.value).direction === "rtl";
+			if (e.key === "ArrowRight") q(t ? -1 : 1);
+			else if (e.key === "ArrowLeft") q(t ? 1 : -1);
+			else if (e.key === "Home") B(0);
+			else if (e.key === "End") B(F.items.length - 1);
 			else return;
 			e.preventDefault();
 		}
-		return (n, r) => (h(), u("section", m({
+		return (t, n) => (h(), d("section", m({
 			ref_key: "root",
-			ref: F
-		}, b(I), {
+			ref: L
+		}, b(R), {
 			class: "kima-carousel",
 			role: "region",
 			"aria-roledescription": "轮播",
 			"aria-label": e.label,
 			tabindex: "0",
-			onKeydown: K
+			onKeydown: J
 		}), [
-			d("div", {
-				id: z,
+			f("div", {
+				id: V,
 				ref_key: "viewport",
-				ref: B,
+				ref: H,
 				class: "kima-carousel__viewport"
-			}, [(h(!0), u(a, null, _(e.items, (t, r) => (h(), c(o, {
-				key: t.value ?? r,
+			}, [(h(!0), d(o, null, _(e.items, (n, r) => (h(), l(s, {
+				key: n.value ?? r,
 				name: "kima-fade"
 			}, {
-				default: C(() => [w(d("div", {
+				default: C(() => [w(f("div", {
 					class: "kima-carousel__slide",
 					role: "group",
 					"aria-roledescription": "幻灯片",
 					"aria-label": `第 ${r + 1} 张，共 ${e.items.length} 张`,
-					"aria-hidden": V.value !== r,
-					inert: V.value !== r
-				}, [v(n.$slots, `slide-${r}`, {
-					item: t,
+					"aria-hidden": U.value !== r,
+					inert: U.value !== r
+				}, [v(t.$slots, `slide-${r}`, {
+					item: n,
 					index: r
-				}, () => [t.title ? (h(), u("h3", D, y(t.title), 1)) : l("", !0), W(t) ? (h(), u("p", O, y(W(t)), 1)) : l("", !0)], !0)], 8, E), [[S, V.value === r]])]),
+				}, () => [n.title ? (h(), d("h3", k, y(n.title), 1)) : u("", !0), K(n) ? (h(), d("p", A, y(K(n)), 1)) : u("", !0)], !0)], 8, O), [[S, U.value === r]])]),
 				_: 2
-			}, 1024))), 128)), e.items.length ? l("", !0) : (h(), u("p", k, "暂无内容"))], 512),
-			d("div", A, [
-				p(t, {
-					variant: "tonal",
-					disabled: H.value,
-					"aria-controls": z,
-					"aria-label": "上一张",
-					onClick: r[0] ||= (e) => G(-1)
+			}, 1024))), 128)), e.items.length ? u("", !0) : (h(), d("p", j, "暂无内容"))], 512),
+			f("div", M, [
+				p(i, {
+					text: "上一张",
+					position: "right"
 				}, {
-					default: C(() => [...r[2] ||= [f("上一张", -1)]]),
+					default: C(() => [p(r, {
+						class: "kima-carousel__previous",
+						icon: b(T),
+						variant: "tonal",
+						disabled: W.value,
+						"aria-controls": V,
+						label: "上一张",
+						onClick: n[0] ||= (e) => q(-1)
+					}, null, 8, ["icon", "disabled"])]),
 					_: 1
-				}, 8, ["disabled"]),
-				d("output", j, y(e.items.length ? V.value + 1 : 0) + " / " + y(e.items.length), 1),
-				p(t, {
-					variant: "tonal",
-					disabled: U.value,
-					"aria-controls": z,
-					"aria-label": "下一张",
-					onClick: r[1] ||= (e) => G(1)
+				}),
+				f("output", N, y(e.items.length ? U.value + 1 : 0) + " / " + y(e.items.length), 1),
+				p(i, {
+					text: "下一张",
+					position: "left"
 				}, {
-					default: C(() => [...r[3] ||= [f("下一张", -1)]]),
+					default: C(() => [p(r, {
+						class: "kima-carousel__next",
+						icon: b(E),
+						variant: "tonal",
+						disabled: G.value,
+						"aria-controls": V,
+						label: "下一张",
+						onClick: n[1] ||= (e) => q(1)
+					}, null, 8, ["icon", "disabled"])]),
 					_: 1
-				}, 8, ["disabled"])
+				})
 			]),
-			v(n.$slots, "default", {}, void 0, !0)
-		], 16, T));
+			v(t.$slots, "default", {}, void 0, !0)
+		], 16, D));
 	}
-}), [["__scopeId", "data-v-c082836f"]]);
-export { M as default };
+}), [["__scopeId", "data-v-6a7ca57f"]]);
+export { P as default };