@kernel4632/kima 0.0.0-stage → 0.6.0

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

@@ -0,0 +1,108 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./button.ce.js";
+import { highlightCodeLines as n } from "../../utils/code-highlight.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";
+// src/components/core/code-block.ce.vue
+var C = { class: "kima-code-block__toolbar" }, w = { class: "kima-code-block__meta" }, T = {
+	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 }, {
+	__name: "code-block.ce",
+	props: {
+		code: {
+			type: String,
+			default: ""
+		},
+		language: {
+			type: String,
+			default: "text"
+		},
+		filename: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: "代码"
+		},
+		lineNumbers: Boolean,
+		wrap: Boolean,
+		copyable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["copy", "copy-error"],
+	setup(e, { emit: j }) {
+		let M = e, N = j, P = b(), F = !!f()?.ce, I = a(() => F ? {
+			...P,
+			id: void 0
+		} : P), L = _(M.wrap), R = _(!1), z = _("");
+		x(() => M.wrap, (e) => {
+			L.value = e;
+		}), x(() => M.code, () => {
+			z.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 = "";
+			try {
+				await navigator.clipboard.writeText(e), e === M.code && (z.value = "已复制"), N("copy", e);
+			} catch {
+				z.value = "复制失败，请选择代码手动复制", N("copy-error");
+			} finally {
+				R.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
+			}, {
+				default: S(() => [...a[1] ||= [u("换行", -1)]]),
+				_: 1
+			}, 8, ["aria-pressed"]), e.copyable ? (g(), o(t, {
+				key: 0,
+				variant: "text",
+				loading: R.value,
+				"aria-label": "复制代码",
+				onClick: V
+			}, {
+				default: S(() => [d(i, {
+					name: "kima-fade",
+					mode: "out-in"
+				}, {
+					default: S(() => [(g(), c("span", { key: z.value === "已复制" }, y(z.value === "已复制" ? "已复制" : "复制"), 1))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["loading"])) : s("", !0)])]),
+			l("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", {
+				key: n,
+				class: "kima-code-block__line"
+			}, [e.lineNumbers ? (g(), c("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", {
+				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 !== "已复制" }]),
+				role: "status"
+			}, y(z.value), 3)
+		], 16));
+	}
+}), [["__scopeId", "data-v-6ddc49c8"]]);
+export { j as default };

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

@@ -0,0 +1,354 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+import { useRemoteOptions as r } from "../../utils/remote-options.js";
+/* empty css                                                            */
+import { Fragment as ee, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as te, createVNode as u, getCurrentInstance as ne, mergeProps as re, nextTick as d, normalizeClass as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as f, ref as p, renderList as se, shallowRef as m, toDisplayString as h, unref as g, useAttrs as ce, useHost as le, useId as ue, watch as _, withCtx as v, withModifiers as y } from "vue";
+import { ArrowDown01Icon as de, Cancel01Icon as fe, Search01Icon as pe, Tick01Icon as me } from "@hugeicons/core-free-icons";
+// src/components/core/combobox.ce.vue
+var he = ["aria-disabled"], ge = [
+	"value",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"aria-expanded",
+	"aria-label",
+	"aria-required",
+	"aria-activedescendant"
+], _e = ["disabled"], ve = ["disabled"], ye = [
+	"name",
+	"value",
+	"required",
+	"disabled"
+], be = {
+	key: 0,
+	class: "kima-combobox__popup"
+}, xe = ["aria-busy"], Se = {
+	key: 0,
+	class: "kima-combobox__status",
+	role: "status"
+}, Ce = {
+	key: 1,
+	class: "kima-combobox__status kima-combobox__status--error",
+	role: "alert"
+}, we = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onClick"
+], Te = { class: "kima-combobox__option-copy" }, Ee = { class: "kima-combobox__option-label" }, De = {
+	key: 0,
+	class: "kima-combobox__option-description"
+}, Oe = {
+	key: 2,
+	class: "kima-combobox__empty",
+	role: "status"
+}, ke = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "combobox.ce",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: null
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: "请选择或输入"
+		},
+		name: String,
+		required: Boolean,
+		disabled: Boolean,
+		clearable: Boolean,
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		open: Boolean,
+		freeSolo: Boolean,
+		loader: {
+			type: Function,
+			default: void 0
+		},
+		debounce: {
+			type: Number,
+			default: 200
+		},
+		retry: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: [
+		"input",
+		"update:modelValue",
+		"change",
+		"update:open",
+		"options-loading",
+		"options-load",
+		"options-error"
+	],
+	setup(t, { emit: ke }) {
+		let b = t, x = ke, S = ce(), Ae = ne()?.ce ? le() : null, je = a(() => Ae ? {
+			...S,
+			id: void 0
+		} : S), C = p(null), w = p(null);
+		e(w);
+		let T = p(null), E = p(null), D = p([]), O = p(""), k = p(-1), A = m(b.modelValue), j = m(b.modelValue), M = p(b.open && !b.disabled), Me = `kima-combobox-${ue()}`, Ne = `${Me}-input`, N = `${Me}-listbox`, P, F, I, L = !0, Pe = a(() => b.loader), Fe = a(() => O.value), { items: Ie, loading: R, error: z, retry: Le } = r(Pe, Fe, a(() => b.debounce), a(() => b.retry), x), B = a(() => typeof b.loader == "function" ? Ie.value : b.items), Re = a(() => B.value.find((e) => Object.is(e?.value, A.value)) || null), V = a(() => {
+			let e = b.searchable ? O.value.trim().toLocaleLowerCase() : "";
+			return typeof b.loader == "function" || !e ? B.value : B.value.filter((t) => `${t?.label || ""} ${t?.description || ""}`.toLocaleLowerCase().includes(e));
+		}), ze = a(() => A.value === null || A.value === void 0 ? "" : String(A.value)), Be = a(() => M.value && k.value >= 0 ? `${N}-option-${k.value}` : void 0), Ve = a(() => b.clearable && (A.value !== null && A.value !== void 0 && A.value !== "" || O.value.length > 0));
+		function He(e, t) {
+			e ? D.value[t] = e : delete D.value[t];
+		}
+		function H() {
+			return V.value.flatMap((e, t) => e?.disabled ? [] : [t]);
+		}
+		function U() {
+			return H()[0] ?? -1;
+		}
+		function Ue() {
+			let e = H();
+			return e[e.length - 1] ?? -1;
+		}
+		function W() {
+			let e = V.value.findIndex((e) => Object.is(e?.value, A.value) && !e.disabled);
+			return e >= 0 ? e : U();
+		}
+		function G(e, t = !1) {
+			e < 0 || !V.value[e] || V.value[e].disabled || (k.value = e, d(() => {
+				t && D.value[e]?.focus(), D.value[e]?.scrollIntoView({ block: "nearest" });
+			}));
+		}
+		function We(e) {
+			let t = H();
+			if (!t.length) return;
+			let n = t.indexOf(k.value);
+			G(t[n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length]);
+		}
+		function K(e) {
+			Object.is(e, j.value) || (j.value = e, x("change", e));
+		}
+		function q(e, t = !1) {
+			Object.is(e, A.value) || (A.value = e, x("update:modelValue", e)), t && K(e);
+		}
+		function J() {
+			return Re.value ? Re.value.label : "";
+		}
+		function Y() {
+			b.disabled || M.value || (M.value = !0, k.value = W(), x("update:open", !0));
+		}
+		function X(e = !0) {
+			M.value && (L = e, M.value = !1, x("update:open", !1));
+		}
+		function Z() {
+			if (b.freeSolo) {
+				let e = O.value === "" ? null : O.value;
+				q(e), K(e);
+			} else O.value = J();
+		}
+		function Ge(e) {
+			b.disabled || e?.disabled || (O.value = e.label, q(e.value, !0), X(!0));
+		}
+		function Ke() {
+			let e = V.value[k.value];
+			e ? Ge(e) : b.freeSolo && (Z(), X(!0));
+		}
+		function qe() {
+			O.value = "", q(null, !0), X(!0), d(() => T.value?.focus());
+		}
+		function Je(e) {
+			b.disabled || (O.value = e.target.value, x("input", O.value), M.value || Y(), b.freeSolo && q(O.value === "" ? null : O.value));
+		}
+		function Ye(e) {
+			b.disabled || e.isComposing || (e.key === "Tab" ? (Z(), X(!1)) : [
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End",
+				"Enter",
+				" ",
+				"Escape"
+			].includes(e.key) && (e.preventDefault(), e.stopPropagation(), e.key === "Escape" ? (O.value = J(), X(!0)) : M.value ? e.key === "ArrowDown" ? We(1) : e.key === "ArrowUp" ? We(-1) : e.key === "Home" ? G(U()) : e.key === "End" ? G(Ue()) : Ke() : (Y(), e.key === "ArrowUp" || e.key === "End" ? d(() => G(Ue())) : e.key === "Home" && d(() => G(U())))));
+		}
+		function Q(e) {
+			M.value && !e.composedPath().includes(C.value) && (Z(), X(!1));
+		}
+		function Xe(e) {
+			e.preventDefault(), d(() => T.value?.focus());
+		}
+		function $(e) {
+			queueMicrotask(() => {
+				if (e.defaultPrevented) return;
+				let t = !Object.is(A.value, I);
+				A.value = I, j.value = I, O.value = B.value.find((e) => Object.is(e?.value, I))?.label || (b.freeSolo && I != null ? String(I) : ""), X(!1), E.value && (E.value.value = I == null ? "" : String(I)), t && x("update:modelValue", I);
+			});
+		}
+		return _(() => b.modelValue, (e) => {
+			A.value = e, j.value = e, O.value = B.value.find((t) => Object.is(t?.value, e))?.label || (b.freeSolo && e != null ? String(e) : "");
+		}), _(() => b.items, () => {
+			M.value || (O.value = J());
+		}, { deep: !0 }), _(() => b.open, (e) => {
+			M.value = e && !b.disabled, M.value && (k.value = W());
+		}), _(() => b.disabled, (e) => {
+			e && X(!1);
+		}), _(V, () => {
+			k.value = W();
+		}), _(M, (e, t) => {
+			(e || t && L) && d(() => T.value?.focus()), L = !0;
+		}, { immediate: !0 }), oe(() => {
+			I = A.value, O.value = J() || (b.freeSolo && I != null ? String(I) : ""), F = E.value?.form, F?.addEventListener("reset", $), P = C.value.ownerDocument, P.addEventListener("pointerdown", Q), P.addEventListener("focusin", Q);
+		}), ae(() => {
+			F?.removeEventListener("reset", $), P?.removeEventListener("pointerdown", Q), P?.removeEventListener("focusin", Q);
+		}), (e, r) => (f(), c("div", re({
+			ref_key: "root",
+			ref: C
+		}, je.value, { class: ["kima-combobox", {
+			"kima-combobox--open": M.value,
+			"kima-combobox--disabled": t.disabled
+		}] }), [
+			l("div", {
+				ref_key: "control",
+				ref: w,
+				class: "kima-combobox__control",
+				"aria-disabled": t.disabled || void 0
+			}, [
+				t.searchable ? (f(), o(n, {
+					key: 0,
+					class: "kima-combobox__search-icon",
+					icon: g(pe),
+					size: 18,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])) : s("", !0),
+				l("input", {
+					id: Ne,
+					ref_key: "input",
+					ref: T,
+					class: "kima-combobox__input",
+					type: "text",
+					role: "combobox",
+					value: O.value,
+					placeholder: t.placeholder,
+					readonly: !t.searchable,
+					disabled: t.disabled,
+					"aria-expanded": M.value,
+					"aria-controls": N,
+					"aria-haspopup": "listbox",
+					"aria-autocomplete": "list",
+					"aria-label": g(S)["aria-label"] || g(S).ariaLabel || t.label || void 0,
+					"aria-required": t.required || void 0,
+					"aria-activedescendant": Be.value,
+					onFocus: Y,
+					onClick: Y,
+					onInput: y(Je, ["stop"]),
+					onChange: y(Z, ["stop"]),
+					onKeydown: Ye
+				}, null, 40, ge),
+				u(i, { name: "kima-fade" }, {
+					default: v(() => [Ve.value ? (f(), c("button", {
+						key: 0,
+						class: "kima-combobox__clear",
+						type: "button",
+						"aria-label": "清除输入",
+						title: "清除输入",
+						disabled: t.disabled,
+						onClick: qe
+					}, [u(n, {
+						icon: g(fe),
+						size: 18,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])], 8, _e)) : s("", !0)]),
+					_: 1
+				}),
+				l("button", {
+					class: "kima-combobox__toggle",
+					type: "button",
+					disabled: t.disabled,
+					"aria-label": "显示选项",
+					onMousedown: r[0] ||= y(() => {}, ["prevent"]),
+					onClick: r[1] ||= (e) => M.value ? X(!0) : Y()
+				}, [u(n, {
+					class: "kima-combobox__arrow",
+					icon: g(de),
+					size: 20,
+					"aria-hidden": "true"
+				}, null, 8, ["icon"])], 40, ve)
+			], 8, he),
+			l("input", {
+				ref_key: "nativeInput",
+				ref: E,
+				class: "kima-combobox__native",
+				type: "text",
+				name: t.name,
+				value: ze.value,
+				required: t.required,
+				disabled: t.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInput: r[2] ||= y(() => {}, ["stop"]),
+				onChange: r[3] ||= y(() => {}, ["stop"]),
+				onInvalid: Xe
+			}, null, 40, ye),
+			u(i, {
+				name: "kima-popup",
+				onBeforeEnter: r[6] ||= (e) => {
+					e.inert = !1, e.removeAttribute("aria-hidden");
+				},
+				onBeforeLeave: r[7] ||= (e) => {
+					e.inert = !0, e.setAttribute("aria-hidden", "true");
+				}
+			}, {
+				default: v(() => [M.value ? (f(), c("div", be, [l("div", {
+					id: N,
+					class: "kima-combobox__options",
+					role: "listbox",
+					"aria-labelledby": Ne,
+					"aria-busy": g(R) || void 0
+				}, [
+					g(R) ? (f(), c("div", Se, "加载中…")) : g(z) ? (f(), c("div", Ce, [te(h(g(z)) + " ", 1), l("button", {
+						type: "button",
+						onClick: r[4] ||= (...e) => g(Le) && g(Le)(...e)
+					}, "重试")])) : s("", !0),
+					(f(!0), c(ee, null, se(V.value, (e, t) => (f(), c("div", {
+						id: `${N}-option-${t}`,
+						key: t,
+						ref_for: !0,
+						ref: (e) => He(e, t),
+						class: ie(["kima-combobox__option", {
+							"kima-combobox__option--active": t === k.value,
+							"kima-combobox__option--selected": Object.is(e.value, A.value)
+						}]),
+						role: "option",
+						"aria-selected": Object.is(e.value, A.value),
+						"aria-disabled": e.disabled || void 0,
+						tabindex: "-1",
+						onPointerdown: r[5] ||= y(() => {}, ["prevent"]),
+						onClick: (t) => Ge(e)
+					}, [l("span", Te, [l("span", Ee, h(e.label), 1), e.description ? (f(), c("span", De, h(e.description), 1)) : s("", !0)]), u(i, { name: "kima-fade" }, {
+						default: v(() => [Object.is(e.value, A.value) ? (f(), o(n, {
+							key: 0,
+							class: "kima-combobox__check",
+							icon: g(me),
+							size: 18,
+							"aria-hidden": "true"
+						}, null, 8, ["icon"])) : s("", !0)]),
+						_: 2
+					}, 1024)], 42, we))), 128)),
+					!g(R) && !g(z) && V.value.length === 0 ? (f(), c("div", Oe, "没有匹配选项")) : s("", !0)
+				], 8, xe)])) : s("", !0)]),
+				_: 1
+			})
+		], 16));
+	}
+}), [["__scopeId", "data-v-6980ff65"]]);
+export { ke as default };