@kernel4632/kima 0.7.1 → 0.8.3

package/dist/styles/radio-group.css

@@ -1,2 +1,3 @@
 @import "_tokens.css";
-@import "../components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_30add112_lang.css";
+@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
+@import "../components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css";

package/dist/styles/select.css

@@ -1,3 +1,3 @@
 @import "_tokens.css";
 @import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
-@import "../components/core/select.ce.vue_vue_type_style_index_0_scoped_5f151e50_lang.css";
+@import "../components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css";

package/dist/styles/sidebar.css

@@ -1,7 +1,7 @@
 @import "_tokens.css";
 @import "../components/core/button.ce.vue_vue_type_style_index_0_scoped_ba403858_lang.css";
 @import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
-@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_f4c35e3a_lang.css";
+@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css";
 @import "../components/navigation/link.ce.vue_vue_type_style_index_0_scoped_24e2c032_lang.css";
 @import "../components/navigation/navigation-menu.ce.vue_vue_type_style_index_0_scoped_5a0a5b21_lang.css";
 @import "../components/shell/sidebar.ce.vue_vue_type_style_index_0_scoped_0fd95ccf_lang.css";

package/dist/vue/components/core/code-block.ce.js

@@ -1,13 +1,16 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "./button.ce.js";
-import { highlightCodeLines as n } from "../../utils/code-highlight.js";
+import t from "./icon.ce.js";
+import n from "./icon-button.ce.js";
+import { highlightCodeLines as r } from "../../utils/code-highlight.js";
+import i from "./tooltip.ce.js";
 /* empty css                                                              */
-import { Fragment as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, getCurrentInstance as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, useAttrs as b, watch as x, withCtx as S } from "vue";
+import { Fragment as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, getCurrentInstance as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useAttrs as S, watch as C, withCtx as w } from "vue";
+import { Copy01Icon as T, TextWrapIcon as E, Tick01Icon as D } from "@hugeicons/core-free-icons";
 // src/components/core/code-block.ce.vue
-var C = { class: "kima-code-block__toolbar" }, w = { class: "kima-code-block__meta" }, T = {
+var O = { class: "kima-code-block__toolbar" }, k = { class: "kima-code-block__meta" }, A = {
 	key: 0,
 	class: "kima-code-block__filename"
-}, E = { class: "kima-code-block__language" }, D = { class: "kima-code-block__actions" }, O = ["aria-label"], k = { class: "kima-code-block__code" }, A = ["innerHTML"], j = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, j = { class: "kima-code-block__language" }, M = { class: "kima-code-block__actions" }, N = ["aria-label"], P = { class: "kima-code-block__code" }, F = ["innerHTML"], I = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "code-block.ce",
 	props: {
 		code: {
@@ -34,75 +37,95 @@ var C = { class: "kima-code-block__toolbar" }, w = { class: "kima-code-block__me
 		}
 	},
 	emits: ["copy", "copy-error"],
-	setup(e, { emit: j }) {
-		let M = e, N = j, P = b(), F = !!f()?.ce, I = a(() => F ? {
-			...P,
+	setup(e, { emit: I }) {
+		let L = e, R = I, z = S(), B = !!p()?.ce, V = s(() => B ? {
+			...z,
 			id: void 0
-		} : P), L = _(M.wrap), R = _(!1), z = _("");
-		x(() => M.wrap, (e) => {
-			L.value = e;
-		}), x(() => M.code, () => {
-			z.value = "";
+		} : z), H = v(L.wrap), U = v(!1), W = v("");
+		C(() => L.wrap, (e) => {
+			H.value = e;
+		}), C(() => L.code, () => {
+			W.value = "";
 		});
-		let B = a(() => n(M.code, M.language));
-		async function V() {
-			if (R.value) return;
-			let e = M.code;
-			R.value = !0, z.value = "";
+		let G = s(() => r(L.code, L.language));
+		async function K() {
+			if (U.value) return;
+			let e = L.code;
+			U.value = !0, W.value = "";
 			try {
-				await navigator.clipboard.writeText(e), e === M.code && (z.value = "已复制"), N("copy", e);
+				await navigator.clipboard.writeText(e), e === L.code && (W.value = "已复制"), R("copy", e);
 			} catch {
-				z.value = "复制失败，请选择代码手动复制", N("copy-error");
+				W.value = "复制失败，请选择代码手动复制", R("copy-error");
 			} finally {
-				R.value = !1;
+				U.value = !1;
 			}
 		}
-		return (n, a) => (g(), c("figure", p(I.value, { class: ["kima-code-block", { "kima-code-block--wrap": L.value }] }), [
-			l("figcaption", C, [l("div", w, [e.filename ? (g(), c("span", T, y(e.filename), 1)) : s("", !0), l("span", E, y(e.language), 1)]), l("div", D, [d(t, {
-				variant: "text",
-				"aria-pressed": L.value,
-				onClick: a[0] ||= (e) => L.value = !L.value
+		return (r, s) => (_(), u("figure", m(V.value, { class: ["kima-code-block", { "kima-code-block--wrap": H.value }] }), [
+			d("figcaption", O, [d("div", k, [e.filename ? (_(), u("span", A, b(e.filename), 1)) : l("", !0), d("span", j, b(e.language), 1)]), d("div", M, [f(i, {
+				text: H.value ? "关闭自动换行" : "开启自动换行",
+				position: "left"
 			}, {
-				default: S(() => [...a[1] ||= [u("换行", -1)]]),
+				default: w(() => [f(n, {
+					icon: x(E),
+					label: "自动换行",
+					title: H.value ? "关闭自动换行" : "开启自动换行",
+					variant: H.value ? "tonal" : "standard",
+					"aria-pressed": H.value,
+					onClick: s[0] ||= (e) => H.value = !H.value
+				}, null, 8, [
+					"icon",
+					"title",
+					"variant",
+					"aria-pressed"
+				])]),
 				_: 1
-			}, 8, ["aria-pressed"]), e.copyable ? (g(), o(t, {
+			}, 8, ["text"]), e.copyable ? (_(), c(i, {
 				key: 0,
-				variant: "text",
-				loading: R.value,
-				"aria-label": "复制代码",
-				onClick: V
+				text: W.value === "已复制" ? "已复制" : "复制代码",
+				position: "left"
 			}, {
-				default: S(() => [d(i, {
-					name: "kima-fade",
-					mode: "out-in"
+				default: w(() => [f(n, {
+					loading: U.value,
+					label: "复制代码",
+					title: W.value === "已复制" ? "已复制" : "复制代码",
+					onClick: K
 				}, {
-					default: S(() => [(g(), c("span", { key: z.value === "已复制" }, y(z.value === "已复制" ? "已复制" : "复制"), 1))]),
+					default: w(() => [f(o, {
+						name: "kima-fade",
+						mode: "out-in"
+					}, {
+						default: w(() => [(_(), c(t, {
+							key: W.value === "已复制",
+							icon: W.value === "已复制" ? x(D) : x(T)
+						}, null, 8, ["icon"]))]),
+						_: 1
+					})]),
 					_: 1
-				})]),
+				}, 8, ["loading", "title"])]),
 				_: 1
-			}, 8, ["loading"])) : s("", !0)])]),
-			l("pre", {
+			}, 8, ["text"])) : l("", !0)])]),
+			d("pre", {
 				class: "kima-code-block__viewport",
 				tabindex: "0",
 				role: "region",
 				"aria-label": e.filename || e.label
-			}, [l("code", k, [(g(!0), c(r, null, v(B.value, (t, n) => (g(), c("span", {
+			}, [d("code", P, [(_(!0), u(a, null, y(G.value, (t, n) => (_(), u("span", {
 				key: n,
 				class: "kima-code-block__line"
-			}, [e.lineNumbers ? (g(), c("span", {
+			}, [e.lineNumbers ? (_(), u("span", {
 				key: 0,
 				class: "kima-code-block__number",
 				"aria-hidden": "true",
-				style: h({ width: `${String(B.value.length).length}ch` })
-			}, y(n + 1), 5)) : s("", !0), l("span", {
+				style: g({ width: `${String(G.value.length).length}ch` })
+			}, b(n + 1), 5)) : l("", !0), d("span", {
 				class: "kima-code-block__text",
 				innerHTML: t || "​"
-			}, null, 8, A)]))), 128))])], 8, O),
-			l("span", {
-				class: m(["kima-code-block__status", { "kima-code-block__status--error": z.value && z.value !== "已复制" }]),
+			}, null, 8, F)]))), 128))])], 8, N),
+			d("span", {
+				class: h(["kima-code-block__status", { "kima-code-block__status--error": W.value && W.value !== "已复制" }]),
 				role: "status"
-			}, y(z.value), 3)
+			}, b(W.value), 3)
 		], 16));
 	}
-}), [["__scopeId", "data-v-6ddc49c8"]]);
-export { j as default };
+}), [["__scopeId", "data-v-7e6342e8"]]);
+export { I as default };

package/dist/vue/components/core/drawer.ce.js

@@ -12,10 +12,10 @@ var se = ["aria-labelledby", "aria-describedby"], ce = {
 	key: 1,
 	class: "kima-drawer__header-slot"
 }, ue = {
-	key: 3,
+	key: 2,
 	class: "kima-drawer__body"
 }, de = {
-	key: 4,
+	key: 3,
 	class: "kima-drawer__footer"
 }, _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "drawer.ce",
@@ -222,14 +222,13 @@ var se = ["aria-labelledby", "aria-describedby"], ce = {
 				size: 20,
 				color: "currentColor"
 			}, null, 8, ["icon"])])])) : i("", !0),
-			t.description ? (c(), a("p", {
-				key: 2,
+			t.description || e.$slots.default || f(C)("default") ? (c(), a("div", ue, [t.description ? (c(), a("p", {
+				key: 0,
 				id: k,
 				class: "kima-drawer__description"
-			}, d(t.description), 1)) : i("", !0),
-			e.$slots.default || f(C)("default") ? (c(), a("div", ue, [u(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
+			}, d(t.description), 1)) : i("", !0), u(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
 			e.$slots.footer || f(C)("footer") ? (c(), a("footer", de, [u(e.$slots, "footer", {}, void 0, !0)])) : i("", !0)
 		], 4)], 16, se));
 	}
-}), [["__scopeId", "data-v-f4c35e3a"]]);
+}), [["__scopeId", "data-v-a36af28b"]]);
 export { _ as default };

package/dist/vue/components/core/menu.ce.js

@@ -2,15 +2,19 @@ import { useRipple as e } from "../../utils/ripple.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 import n from "./icon.ce.js";
 import { presenceTransition as r } from "../../utils/motion.js";
-import { dismissInteraction as ee, flattenChoices as i, useInteractionRoot as a, usePlacement as o } from "../../utils/interaction.js";
-import { useMenuChecks as s, useShellModel as c } from "../../utils/shell.js";
-import te from "../../internal/menu-items.js";
+import { dismissInteraction as i, flattenChoices as a, useInteractionRoot as o, usePlacement as s } from "../../utils/interaction.js";
+import { useMenuChecks as c, useShellModel as l } from "../../utils/shell.js";
+import ee from "../../internal/menu-items.js";
 /* empty css                                                        */
-import { Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, mergeProps as g, nextTick as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, vModelText as w, watch as T, withCtx as E, withDirectives as ne, withModifiers as D } from "vue";
-import { DropdownMenuContent as re, DropdownMenuRoot as O, DropdownMenuTrigger as k } from "reka-ui";
-import { ArrowDown01Icon as A, Search01Icon as j } from "@hugeicons/core-free-icons";
+import { Transition as te, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, mergeProps as g, nextTick as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, vModelText as w, watch as T, withCtx as E, withDirectives as ne, withModifiers as D } from "vue";
+import { DropdownMenuContent as re, DropdownMenuRoot as ie, DropdownMenuTrigger as ae } from "reka-ui";
+import { ArrowDown01Icon as O, MoreHorizontalIcon as k, Search01Icon as A } from "@hugeicons/core-free-icons";
 // src/components/core/menu.ce.vue
-var M = ["disabled"], N = {
+var j = [
+	"disabled",
+	"aria-label",
+	"title"
+], M = { key: 1 }, N = {
 	key: 0,
 	class: "kima-menu__search-wrap"
 }, P = {
@@ -47,6 +51,19 @@ var M = ["disabled"], N = {
 		checked: {
 			type: Object,
 			default: () => ({})
+		},
+		variant: {
+			type: String,
+			default: "default"
+		},
+		iconOnly: Boolean,
+		icon: {
+			type: Object,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "default"
 		}
 	},
 	emits: [
@@ -58,9 +75,9 @@ var M = ["disabled"], N = {
 		"check"
 	],
 	setup(t, { emit: F }) {
-		let I = t, L = F, { root: R, forwardedAttrs: z } = a(), [B, V] = c(I, "open", L), [H, U] = c(I, "modelValue", L), { checked: W, check: G } = s(I, L), K = y(null), q = y(null), J = y("");
+		let I = t, L = F, { root: R, forwardedAttrs: z } = o(), [B, V] = l(I, "open", L), [H, U] = l(I, "modelValue", L), { checked: W, check: G } = c(I, L), K = y(null), q = y(null), J = y("");
 		e(K);
-		let Y = `kima-menu-${C()}`, ie = o(I), X = u(() => i(I.items).find((e) => Object.is(e.value, H.value)) || null);
+		let oe = `kima-menu-${C()}`, se = s(I), Y = u(() => a(I.items).find((e) => Object.is(e.value, H.value)) || null), X = u(() => I.iconOnly || I.variant === "icon"), ce = u(() => I.icon || k), le = u(() => ["small", "default"].includes(I.size) ? I.size : "default");
 		function Z(e, t) {
 			return e.flatMap((e) => {
 				let n = e.children ? Z(e.children, t) : [];
@@ -74,10 +91,10 @@ var M = ["disabled"], N = {
 		function $(e) {
 			e && I.disabled || (e && (J.value = ""), V(e));
 		}
-		function ae(e) {
+		function ue(e) {
 			I.disabled || e.disabled || (Object.is(H.value, e.value) || (U(e.value), L("change", e.value)), L("select", e.value, e), $(!1));
 		}
-		function oe(e) {
+		function de(e) {
 			if (e.key === "Escape") e.preventDefault(), $(!1), K.value?.focus();
 			else if (e.key === "Tab") $(!1);
 			else if ([
@@ -94,69 +111,81 @@ var M = ["disabled"], N = {
 			e && $(!1);
 		}), T(B, (e) => {
 			e && I.searchable && _(() => q.value?.focus());
-		}), (e, i) => (v(), p("div", g({
+		}), (e, a) => (v(), p("div", g({
 			ref_key: "root",
 			ref: R
-		}, S(z), { class: ["kima-menu", { "kima-menu--open": S(B) }] }), [h(S(O), {
+		}, S(z), { class: ["kima-menu", {
+			"kima-menu--open": S(B),
+			"kima-menu--icon": X.value,
+			[`kima-menu--${le.value}`]: !0
+		}] }), [h(S(ie), {
 			open: S(B) && !t.disabled,
 			modal: !1,
 			"onUpdate:open": $
 		}, {
-			default: E(() => [h(S(k), { "as-child": "" }, {
+			default: E(() => [h(S(ae), { "as-child": "" }, {
 				default: E(() => [m("button", {
 					ref_key: "trigger",
 					ref: K,
 					type: "button",
 					class: "kima-menu__trigger",
-					disabled: t.disabled
+					disabled: t.disabled,
+					"aria-label": X.value ? t.label : void 0,
+					title: X.value ? t.label : void 0
 				}, [b(e.$slots, "trigger", {
 					open: S(B),
-					selectedItem: X.value,
+					selectedItem: Y.value,
 					value: S(H)
-				}, () => [m("span", null, x(X.value?.label || t.label), 1)], !0), h(n, {
-					icon: S(A),
+				}, () => [X.value ? (v(), d(n, {
+					key: 0,
+					icon: ce.value,
+					size: 20,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])) : (v(), p("span", M, x(Y.value?.label || t.label), 1))], !0), X.value ? f("", !0) : (v(), d(n, {
+					key: 0,
+					icon: S(O),
 					size: 20,
 					"aria-hidden": "true"
-				}, null, 8, ["icon"])], 8, M)]),
+				}, null, 8, ["icon"]))], 8, j)]),
 				_: 3
-			}), h(l, g({ name: "kima-popup" }, S(r)), {
+			}), h(te, g({ name: "kima-popup" }, S(r)), {
 				default: E(() => [S(B) && !t.disabled ? (v(), d(S(re), g({
 					key: 0,
-					id: Y,
+					id: oe,
 					"force-mount": ""
-				}, S(ie), {
+				}, S(se), {
 					class: "kima-menu__popup",
 					"aria-label": t.label,
 					loop: "",
-					onEscapeKeyDown: i[3] ||= (e) => S(ee)(e, () => $(!1)),
-					onOpenAutoFocus: i[4] ||= (e) => {
+					onEscapeKeyDown: a[3] ||= (e) => S(i)(e, () => $(!1)),
+					onOpenAutoFocus: a[4] ||= (e) => {
 						t.searchable && (e.preventDefault(), _(() => q.value?.focus()));
 					}
 				}), {
 					default: E(() => [
 						t.searchable ? (v(), p("div", N, [h(n, {
-							icon: S(j),
+							icon: S(A),
 							size: 18,
 							"aria-hidden": "true"
 						}, null, 8, ["icon"]), ne(m("input", {
 							ref_key: "searchInput",
 							ref: q,
-							"onUpdate:modelValue": i[0] ||= (e) => J.value = e,
+							"onUpdate:modelValue": a[0] ||= (e) => J.value = e,
 							type: "search",
 							class: "kima-menu__search",
 							role: "searchbox",
 							"aria-label": "搜索菜单项",
-							onInput: i[1] ||= D(() => {}, ["stop"]),
-							onChange: i[2] ||= D(() => {}, ["stop"]),
-							onKeydown: D(oe, ["stop"])
+							onInput: a[1] ||= D(() => {}, ["stop"]),
+							onChange: a[2] ||= D(() => {}, ["stop"]),
+							onKeydown: D(de, ["stop"])
 						}, null, 544), [[w, J.value]])])) : f("", !0),
-						h(te, {
+						h(ee, {
 							items: Q.value,
 							checked: S(W),
 							"model-value": S(H),
 							selection: "",
 							disabled: t.disabled,
-							onSelect: ae,
+							onSelect: ue,
 							onCheck: S(G)
 						}, null, 8, [
 							"items",
@@ -174,5 +203,5 @@ var M = ["disabled"], N = {
 			_: 3
 		}, 8, ["open"])], 16));
 	}
-}), [["__scopeId", "data-v-754442d3"]]);
+}), [["__scopeId", "data-v-597751c9"]]);
 export { F as default };