@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/utility/notification-queue.ce.js

@@ -0,0 +1,109 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import n from "../core/notification.ce.js";
+import { createNotifications as r } from "../../utils/notifications.js";
+/* empty css                                                                      */
+import { Fragment as i, TransitionGroup as a, computed as o, createElementBlock as s, createVNode as c, getCurrentInstance as l, mergeProps as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, unref as h, useAttrs as g, useHost as _, watch as v, withCtx as y } from "vue";
+var b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "notification-queue.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		service: {
+			type: Object,
+			default: null
+		},
+		capacity: {
+			type: Number,
+			default: 3
+		},
+		dedupeKey: {
+			type: String,
+			default: "id"
+		},
+		position: {
+			type: String,
+			default: "top-right"
+		}
+	},
+	emits: [
+		"update:items",
+		"dismiss",
+		"close"
+	],
+	setup(e, { expose: b, emit: x }) {
+		let S = e, C = x, w = g(), T = l()?.ce ? _() : null, E = p([]), D = r({ capacity: S.capacity }), O = p(!1);
+		function k() {
+			return S.service ? S.service : (O.value || (O.value = !0, N?.(), N = D.subscribe((e) => {
+				E.value = M(e);
+			})), D);
+		}
+		b({
+			push: (e) => k().push(e),
+			update: (e, t) => k().update(e, t),
+			dismiss: (e) => k().dismiss(e),
+			clear: () => k().clear()
+		});
+		let A = o(() => T ? {
+			...w,
+			id: void 0
+		} : w);
+		function j(e, t) {
+			return e?.[S.dedupeKey] ?? e?.id ?? e?.key ?? t;
+		}
+		function M(e) {
+			let t = Math.max(0, Math.floor(Number(S.capacity) || 0));
+			if (!t) return [];
+			let n = /* @__PURE__ */ new Set();
+			return e.filter((e, t) => {
+				let r = j(e, t);
+				return !n.has(r) && (n.add(r), e && e.open !== !1);
+			}).slice(-t);
+		}
+		let N;
+		v(() => S.service, (e) => {
+			N?.();
+			let t = e || (O.value ? D : null);
+			N = t?.subscribe?.((e) => {
+				E.value = M(e);
+			}), t || (E.value = M(S.items));
+		}, { immediate: !0 }), v(() => [S.items, S.capacity], () => {
+			D.setCapacity(S.capacity), E.value = M(S.service?.snapshot?.() || (O.value ? D.snapshot() : S.items));
+		}, {
+			immediate: !0,
+			deep: !0
+		}), d(() => N?.());
+		let P = o(() => E.value);
+		function F(e, t = "close") {
+			let n = j(e, 0);
+			(S.service || (O.value ? D : null))?.dismiss?.(e.id);
+			let r = E.value.filter((e, t) => j(e, t) !== n);
+			E.value = r, C("update:items", r), C("dismiss", e, t), C("close", e, t);
+		}
+		function I(e) {
+			let { id: t, key: n, open: r, ...i } = e || {};
+			return {
+				...i,
+				position: S.position,
+				open: !0
+			};
+		}
+		return (r, o) => (f(), s("div", u(A.value, {
+			class: ["kima-notification-queue", `kima-notification-queue--${e.position}`],
+			"aria-live": "polite"
+		}), [c(a, u({
+			name: "kima-popup",
+			tag: "div",
+			class: "kima-notification-queue__stack"
+		}, h(t)), {
+			default: y(() => [(f(!0), s(i, null, m(P.value, (e, t) => (f(), s("div", {
+				key: j(e, t),
+				class: "kima-notification-queue__item"
+			}, [c(n, u({ ref_for: !0 }, I(e), { onClose: (t) => F(e, t) }), null, 16, ["onClose"])]))), 128))]),
+			_: 1
+		}, 16)], 16));
+	}
+}), [["__scopeId", "data-v-577f9716"]]);
+export { b as default };

package/dist/vue/components/utility/progress-group.ce.js

@@ -0,0 +1,59 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import { useInteractionRoot as n } from "../../utils/interaction.js";
+import r from "../core/progress.ce.js";
+/* empty css                                                                  */
+import { Fragment as i, TransitionGroup as a, computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
+// src/components/utility/progress-group.ce.vue
+var _ = ["aria-label"], v = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "progress-group.ce",
+	props: {
+		tasks: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "任务总进度"
+		}
+	},
+	emits: ["change"],
+	setup(e, { expose: v, emit: y }) {
+		let b = e, x = y, { root: S, forwardedAttrs: C } = n(), w = o(() => b.tasks.map((e, t) => {
+			let n = Number(e.max ?? 100), r = Number(e.value) || 0, i = Number(e.weight ?? 1);
+			return {
+				...e,
+				id: e.id ?? t,
+				weight: Number.isFinite(i) ? Math.max(0, i) : 0,
+				percent: n > 0 ? Math.min(100, Math.max(0, r / n * 100)) : 0
+			};
+		})), T = o(() => {
+			let e = w.value.reduce((e, t) => e + t.weight, 0);
+			return e ? w.value.reduce((e, t) => e + t.percent * t.weight, 0) / e : 0;
+		});
+		return h(T, (e) => x("change", e)), v({ aggregate: T }), (n, o) => (d(), s("section", u({
+			ref_key: "root",
+			ref: S
+		}, m(C), {
+			class: "kima-progress-group",
+			"aria-label": e.label
+		}), [
+			l(r, {
+				value: T.value,
+				label: e.label
+			}, null, 8, ["value", "label"]),
+			c("p", null, p(e.label) + " · " + p(Math.round(T.value)) + "%", 1),
+			l(a, u({
+				tag: "ul",
+				name: "kima-list"
+			}, m(t)), {
+				default: g(() => [(d(!0), s(i, null, f(w.value, (e) => (d(), s("li", { key: e.id }, [c("span", null, p(e.label), 1), l(r, {
+					value: e.percent,
+					label: e.label || "任务"
+				}, null, 8, ["value", "label"])]))), 128))]),
+				_: 1
+			}, 16)
+		], 16, _));
+	}
+}), [["__scopeId", "data-v-681cf67d"]]);
+export { v as default };

package/dist/vue/components/utility/qr-code.ce.js

@@ -0,0 +1,62 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInteractionRoot as t } from "../../utils/interaction.js";
+import { encodeQR as n } from "../../utils/qr.js";
+/* empty css                                                           */
+import { computed as r, createElementBlock as i, createElementVNode as a, mergeProps as o, openBlock as s, toDisplayString as c, unref as l, watch as u } from "vue";
+// src/components/utility/qr-code.ce.vue
+var d = [
+	"aria-label",
+	"width",
+	"height",
+	"viewBox"
+], f = ["d"], p = {
+	key: 1,
+	role: "alert"
+}, m = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "qr-code.ce",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		level: {
+			type: String,
+			default: "M"
+		},
+		size: {
+			type: Number,
+			default: 200
+		},
+		label: {
+			type: String,
+			default: "二维码"
+		}
+	},
+	emits: ["error", "change"],
+	setup(e, { emit: m }) {
+		let h = e, g = m, { root: _, forwardedAttrs: v } = t(), y = r(() => {
+			try {
+				return { qr: n(h.value, h.level) };
+			} catch (e) {
+				return { error: String(e?.message || e) };
+			}
+		});
+		return u(y, (e) => e.error ? g("error", e.error) : g("change", { modules: e.qr.size }), { immediate: !0 }), (t, n) => (s(), i("div", o({
+			ref_key: "root",
+			ref: _
+		}, l(v), { class: "kima-qr-code" }), [y.value.qr ? (s(), i("svg", {
+			key: 0,
+			role: "img",
+			"aria-label": e.label,
+			width: Math.max(40, e.size),
+			height: Math.max(40, e.size),
+			viewBox: y.value.qr.viewBox,
+			"shape-rendering": "crispEdges"
+		}, [n[0] ||= a("rect", {
+			width: "100%",
+			height: "100%",
+			class: "kima-qr-code__paper"
+		}, null, -1), a("path", { d: y.value.qr.path }, null, 8, f)], 8, d)) : (s(), i("p", p, "无法生成二维码：" + c(y.value.error), 1))], 16));
+	}
+}), [["__scopeId", "data-v-3ef776fe"]]);
+export { m as default };

package/dist/vue/components/utility/tag-group.ce.js

@@ -0,0 +1,124 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as t } from "../../utils/motion.js";
+import { useInteractionModel as n, useInteractionReset as r, useInteractionRoot as i } from "../../utils/interaction.js";
+import a from "../interaction/chip.ce.js";
+/* empty css                                                             */
+import { Fragment as o, TransitionGroup as s, computed as c, createBlock as l, createElementBlock as u, createVNode as d, mergeProps as f, nextTick as p, onMounted as m, openBlock as h, ref as g, renderList as _, unref as v, watch as y, withCtx as b } from "vue";
+// src/components/utility/tag-group.ce.vue
+var x = ["aria-label"], S = [
+	"name",
+	"value",
+	"disabled"
+], C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "tag-group.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		selectable: Boolean,
+		removable: Boolean,
+		disabled: Boolean,
+		name: String,
+		label: {
+			type: String,
+			default: "标签集合"
+		}
+	},
+	emits: [
+		"update:items",
+		"update:modelValue",
+		"change",
+		"remove"
+	],
+	setup(e, { emit: C }) {
+		let w = e, T = C, { root: E, forwardedAttrs: D } = i(), [O, k] = n(w, "items", T), [A, j] = n(w, "modelValue", T), M = g(0), N = c(() => O.value.map((e) => typeof e == "object" ? e : {
+			value: e,
+			label: String(e)
+		})), P = (e) => A.value.includes(e.value);
+		function F(e) {
+			w.disabled || e.disabled || (j(P(e) ? A.value.filter((t) => t !== e.value) : [...A.value, e.value]), T("change", A.value));
+		}
+		function I() {
+			return [...E.value?.querySelectorAll("button:not(:disabled)") || []].filter((e) => !e.closest("[inert]"));
+		}
+		async function L(e = !1) {
+			await p();
+			let t = I();
+			M.value = Math.max(0, Math.min(M.value, t.length - 1)), t.forEach((e, t) => {
+				e.tabIndex = t === M.value ? 0 : -1;
+			}), e && t[M.value]?.focus();
+		}
+		function R(e) {
+			w.disabled || e.disabled || (k(O.value.filter((t) => (typeof t == "object" ? t.value : t) !== e.value)), j(A.value.filter((t) => t !== e.value)), T("remove", e), L(!0));
+		}
+		function z(e) {
+			let t = I(), n = t.indexOf(e.target);
+			if (!(n < 0) && ([
+				"ArrowRight",
+				"ArrowLeft",
+				"Home",
+				"End"
+			].includes(e.key) && (e.preventDefault(), M.value = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowLeft" ? -1 : 1) + t.length) % t.length, L(!0)), ["Delete", "Backspace"].includes(e.key) && w.removable)) {
+				let t = e.target.closest("[data-tag-index]")?.dataset.tagIndex;
+				t != null && (e.preventDefault(), R(N.value[Number(t)]));
+			}
+		}
+		return y([
+			N,
+			() => w.disabled,
+			() => w.selectable,
+			() => w.removable
+		], () => L(), {
+			immediate: !0,
+			flush: "post"
+		}), m(() => L()), r(E, A, j), r(E, O, k), (n, r) => (h(), u("div", f({
+			ref_key: "root",
+			ref: E
+		}, v(D), {
+			class: "kima-tag-group",
+			role: "group",
+			"aria-label": e.label,
+			onKeydown: z
+		}), [d(s, f({
+			name: "kima-list",
+			tag: "div",
+			class: "kima-tag-group__items"
+		}, v(t)), {
+			default: b(() => [(h(!0), u(o, null, _(N.value, (t, n) => (h(), l(a, {
+				key: t.value,
+				"data-tag-index": n,
+				label: t.label,
+				value: t.value,
+				selectable: e.selectable,
+				removable: e.removable,
+				disabled: e.disabled || t.disabled,
+				"model-value": P(t),
+				onChange: (e) => F(t),
+				onRemove: (e) => R(t)
+			}, null, 8, [
+				"data-tag-index",
+				"label",
+				"value",
+				"selectable",
+				"removable",
+				"disabled",
+				"model-value",
+				"onChange",
+				"onRemove"
+			]))), 128))]),
+			_: 1
+		}, 16), (h(!0), u(o, null, _(v(A), (t) => (h(), u("input", {
+			key: t,
+			type: "hidden",
+			name: e.name,
+			value: t,
+			disabled: e.disabled
+		}, null, 8, S))), 128))], 16, x));
+	}
+}), [["__scopeId", "data-v-3d44ac1c"]]);
+export { C as default };

package/dist/vue/components/utility/tour.ce.js

@@ -0,0 +1,214 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { prefersReducedMotion as n } from "../../utils/motion.js";
+import { useInteractionModel as r, useInteractionRoot as ee } from "../../utils/interaction.js";
+/* empty css                                                        */
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, nextTick as p, normalizeStyle as m, onBeforeUnmount as te, onMounted as ne, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+// src/components/utility/tour.ce.vue
+var C = ["aria-label"], w = {
+	key: 0,
+	role: "status"
+}, T = { class: "kima-tour__actions" }, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "tour.ce",
+	props: {
+		open: Boolean,
+		steps: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "功能导览"
+		}
+	},
+	emits: [
+		"update:open",
+		"update:modelValue",
+		"step",
+		"target-missing",
+		"finish",
+		"close"
+	],
+	setup(e, { emit: E }) {
+		let D = e, O = E, { root: k, forwardedAttrs: A } = ee(), [j, M] = r(D, "open", O), [N, P] = r(D, "modelValue", O), F = g(null), I = g(null), L = g(!1), R = g({
+			width: 1024,
+			height: 768
+		}), z = a(() => D.steps[N.value] || {}), B, V, H, U = !1, W, G;
+		function K() {
+			try {
+				let e = z.value.target, t = typeof e == "string" ? k.value.ownerDocument.querySelector(e) : e;
+				return t?.isConnected && t.getClientRects().length ? t : null;
+			} catch {
+				return null;
+			}
+		}
+		function q() {
+			if (!j.value || !k.value) return;
+			R.value = {
+				width: innerWidth,
+				height: innerHeight
+			};
+			let e = K();
+			if (L.value = !e, !e) {
+				I.value = null, G !== N.value && (G = N.value, O("target-missing", N.value, z.value.target));
+				return;
+			}
+			G = void 0;
+			let t = e.getBoundingClientRect();
+			I.value = {
+				left: Math.max(0, t.left - 6),
+				top: Math.max(0, t.top - 6),
+				right: Math.min(innerWidth, t.right + 6),
+				bottom: Math.min(innerHeight, t.bottom + 6)
+			};
+		}
+		function J() {
+			cancelAnimationFrame(H), H = requestAnimationFrame(q);
+		}
+		async function Y(e = !0) {
+			if (!U || !j.value) return;
+			let t = K();
+			e && t && t !== W && t.scrollIntoView({
+				block: "center",
+				inline: "nearest",
+				behavior: n(k.value) ? "instant" : "smooth"
+			}), W = t, q(), O("step", N.value), await p(), F.value?.querySelector("[data-tour-primary]")?.focus();
+		}
+		function X(e = "close") {
+			j.value && (M(!1), O("close", e));
+		}
+		function Z() {
+			N.value >= D.steps.length - 1 ? (O("finish"), X("finish")) : P(N.value + 1);
+		}
+		function Q() {
+			N.value > 0 && P(N.value - 1);
+		}
+		function re(e) {
+			if (e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), X("escape")), e.key === "ArrowRight" && (e.preventDefault(), Z()), e.key === "ArrowLeft" && (e.preventDefault(), Q()), e.key === "Tab") {
+				let t = [...F.value.querySelectorAll("button:not(:disabled)")], n = t.indexOf(document.activeElement);
+				e.shiftKey && n <= 0 ? (e.preventDefault(), t.at(-1)?.focus()) : !e.shiftKey && n === t.length - 1 && (e.preventDefault(), t[0]?.focus());
+			}
+		}
+		let ie = a(() => {
+			let e = Math.min(360, R.value.width - 32), t = I.value ? Math.min(Math.max(16, I.value.left), R.value.width - e - 16) : (R.value.width - e) / 2, n = I.value ? I.value.bottom + 16 : R.value.height / 2 - 100;
+			return {
+				width: `${e}px`,
+				left: `${t}px`,
+				top: `${Math.max(16, Math.min(n, R.value.height - 280))}px`
+			};
+		}), ae = a(() => {
+			let e = I.value, t = R.value;
+			return e ? [
+				{
+					left: 0,
+					top: 0,
+					width: t.width,
+					height: e.top
+				},
+				{
+					left: 0,
+					top: e.bottom,
+					width: t.width,
+					height: Math.max(0, t.height - e.bottom)
+				},
+				{
+					left: 0,
+					top: e.top,
+					width: e.left,
+					height: Math.max(0, e.bottom - e.top)
+				},
+				{
+					left: e.right,
+					top: e.top,
+					width: Math.max(0, t.width - e.right),
+					height: Math.max(0, e.bottom - e.top)
+				}
+			] : [{
+				left: 0,
+				top: 0,
+				width: t.width,
+				height: t.height
+			}];
+		});
+		async function $() {
+			U && (j.value ? (F.value.open || (B = document.activeElement, F.value.showModal()), await Y()) : (F.value.open && F.value.close(), B?.isConnected && B.focus({ preventScroll: !0 }), B = null, W = null));
+		}
+		return b(j, $, { flush: "post" }), b([N, () => D.steps], () => Y(), {
+			deep: !0,
+			flush: "post"
+		}), ne(() => {
+			U = !0, document.addEventListener("scroll", J, !0), window.addEventListener("resize", J), V = new MutationObserver(J), V.observe(document.body, {
+				childList: !0,
+				subtree: !0
+			}), $();
+		}), te(() => {
+			U = !1, V?.disconnect(), cancelAnimationFrame(H), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J), F.value?.open && F.value.close(), B?.isConnected && B.focus({ preventScroll: !0 });
+		}), (n, r) => (h(), c("div", f({
+			ref_key: "root",
+			ref: k
+		}, y(A), { class: "kima-tour" }), [l("dialog", {
+			ref_key: "dialog",
+			ref: F,
+			class: "kima-tour__dialog",
+			"aria-label": e.label,
+			onKeydown: re,
+			onCancel: r[1] ||= S((e) => X("escape"), ["prevent", "stop"])
+		}, [
+			(h(!0), c(i, null, _(ae.value, (e, t) => (h(), c("div", {
+				key: t,
+				class: "kima-tour__mask",
+				style: m(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, `${t}px`]))),
+				"aria-hidden": "true"
+			}, null, 4))), 128)),
+			I.value ? (h(), c("div", {
+				key: 0,
+				class: "kima-tour__spotlight",
+				style: m({
+					left: `${I.value.left}px`,
+					top: `${I.value.top}px`,
+					width: `${Math.max(0, I.value.right - I.value.left)}px`,
+					height: `${Math.max(0, I.value.bottom - I.value.top)}px`
+				}),
+				"aria-hidden": "true"
+			}, null, 4)) : s("", !0),
+			l("section", {
+				class: "kima-tour__panel",
+				style: m(ie.value)
+			}, [
+				l("p", null, v(y(N) + 1) + " / " + v(e.steps.length), 1),
+				l("h2", null, v(z.value.title || e.label), 1),
+				l("p", null, v(z.value.description), 1),
+				L.value ? (h(), c("p", w, "未找到目标，可继续下一步或退出。")) : s("", !0),
+				l("div", T, [
+					d(t, {
+						variant: "text",
+						onClick: r[0] ||= (e) => X("button")
+					}, {
+						default: x(() => [...r[2] ||= [u("退出", -1)]]),
+						_: 1
+					}),
+					y(N) > 0 ? (h(), o(t, {
+						key: 0,
+						variant: "tonal",
+						onClick: Q
+					}, {
+						default: x(() => [...r[3] ||= [u("上一步", -1)]]),
+						_: 1
+					})) : s("", !0),
+					d(t, {
+						"data-tour-primary": "",
+						onClick: Z
+					}, {
+						default: x(() => [u(v(y(N) >= e.steps.length - 1 ? "完成" : "下一步"), 1)]),
+						_: 1
+					})
+				])
+			], 4)
+		], 40, C)], 16));
+	}
+}), [["__scopeId", "data-v-b5823fc3"]]);
+export { E as default };