@kernel4632/kima 0.0.0-stage → 0.6.1

package/dist/vue/components/form-completion/time-field.ce.js

@@ -0,0 +1,120 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                              */
+import { Fragment as t, createElementBlock as n, createElementVNode as r, nextTick as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderList as l, watch as u } from "vue";
+// src/components/form-completion/time-field.ce.vue
+var d = ["aria-label", "aria-disabled"], f = [
+	"value",
+	"placeholder",
+	"aria-label",
+	"disabled",
+	"readonly",
+	"onInput",
+	"onKeydown",
+	"onCompositionend"
+], p = [
+	"name",
+	"required",
+	"disabled",
+	"value",
+	"aria-label"
+], m = /*#__PURE__*/ e({
+	__name: "time-field.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: String,
+		label: {
+			type: String,
+			default: "时间"
+		},
+		required: Boolean,
+		disabled: Boolean,
+		readonly: Boolean,
+		seconds: Boolean,
+		min: String,
+		max: String
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: m }) {
+		let h = e, g = m, _ = c(Array(h.seconds ? 3 : 2).fill("")), v = c([]), y = c(null), b = c(!1), x = () => h.seconds ? 3 : 2;
+		function S(e) {
+			let t = /^(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(e || "");
+			return t ? [
+				t[1],
+				t[2],
+				t[3] || "00"
+			].slice(0, x()) : Array(x()).fill("");
+		}
+		function C(e) {
+			return !!((h.seconds ? /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.exec(e || "") : /^(?:[01]\d|2[0-3]):[0-5]\d$/.exec(e || "")) && (!h.min || e >= h.min) && (!h.max || e <= h.max));
+		}
+		function w() {
+			let e = _.value.some(Boolean);
+			y.value?.setCustomValidity(!e && !h.required || b.value ? "" : "请输入完整且在范围内的时间");
+		}
+		u(() => [h.modelValue, h.seconds], () => {
+			_.value = S(h.modelValue), b.value = C(h.modelValue), w();
+		}, { immediate: !0 });
+		function T(e, t = !0) {
+			b.value = C(e), b.value ? (g("update:modelValue", e), t && g("change", e)) : g("update:modelValue", ""), w();
+		}
+		function E(e, t) {
+			let n = t.target.value.replace(/\D/g, "").slice(0, 2), r = e === 0 ? 23 : 59;
+			_.value[e] = n, t.target.value = n, n.length === 2 && Number(n) <= r ? (e < x() - 1 && i(() => v.value[e + 1]?.focus()), _.value.every((e) => e.length === 2) ? T(_.value.join(":")) : (b.value = !1, w())) : (b.value = !1, w(), g("update:modelValue", ""));
+		}
+		function D(e, t) {
+			if (!t.isComposing) {
+				if (["ArrowUp", "ArrowDown"].includes(t.key)) {
+					t.preventDefault();
+					let n = v.value[e], r = e === 0 ? 23 : 59, i = (Number(n.value || 0) + (t.key === "ArrowUp" ? 1 : -1) + r + 1) % (r + 1);
+					n.value = String(i).padStart(2, "0"), E(e, { target: n });
+				} else t.key === "ArrowLeft" && t.target.selectionStart === 0 ? v.value[e - 1]?.focus() : t.key === "ArrowRight" && t.target.selectionStart === t.target.value.length && v.value[e + 1]?.focus();
+			}
+		}
+		let O, k, A;
+		function j(e) {
+			e.target === O && queueMicrotask(() => {
+				e.defaultPrevented || (_.value = S(A), b.value = C(A), w(), g("update:modelValue", A));
+			});
+		}
+		return o(() => {
+			A = h.modelValue, O = y.value?.form, k = y.value?.ownerDocument, w(), k?.addEventListener("reset", j, !0);
+		}), a(() => k?.removeEventListener("reset", j, !0)), (i, a) => (s(), n("div", {
+			class: "kima-time-field",
+			role: "group",
+			"aria-label": e.label,
+			"aria-disabled": e.disabled || void 0
+		}, [(s(!0), n(t, null, l(_.value, (t, r) => (s(), n("input", {
+			key: r,
+			ref_for: !0,
+			ref: (e) => v.value[r] = e,
+			class: "kima-time-field__segment",
+			type: "text",
+			value: t,
+			placeholder: r === 0 ? "HH" : r === 1 ? "MM" : "SS",
+			"aria-label": `${e.label} ${r === 0 ? "时" : r === 1 ? "分" : "秒"}`,
+			inputmode: "numeric",
+			maxlength: "2",
+			disabled: e.disabled,
+			readonly: e.readonly,
+			onInput: (e) => E(r, e),
+			onKeydown: (e) => D(r, e),
+			onCompositionend: (e) => E(r, e)
+		}, null, 40, f))), 128)), r("input", {
+			ref_key: "hidden",
+			ref: y,
+			class: "kima-time-field__native",
+			type: "text",
+			name: e.name,
+			required: e.required,
+			disabled: e.disabled,
+			value: b.value ? _.value.join(":") : "",
+			"aria-label": e.label,
+			tabindex: "-1",
+			"aria-hidden": "true"
+		}, null, 8, p)], 8, d));
+	}
+}, [["__scopeId", "data-v-b6533524"]]);
+export { m as default };

package/dist/vue/components/form-completion/upload-manager.ce.js

@@ -0,0 +1,223 @@
+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 "../input/file-upload.ce.js";
+/* empty css                                                                  */
+import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, mergeProps as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
+// src/components/form-completion/upload-manager.ce.vue
+var S = ["aria-disabled"], C = { class: "kima-upload-manager__info" }, w = ["value", "aria-label"], T = { role: "status" }, E = { class: "kima-upload-manager__actions" }, D = /*#__PURE__*/ e({
+	__name: "upload-manager.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		upload: {
+			type: Function,
+			default: null
+		},
+		concurrency: {
+			type: Number,
+			default: 2
+		},
+		accept: String,
+		multiple: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "添加上传文件"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"progress",
+		"success",
+		"error",
+		"cancel"
+	],
+	setup(e, { expose: D, emit: O }) {
+		let k = e, A = O, j = 0, M = g([]), N = /* @__PURE__ */ new Map(), P = o(() => M.value.filter((e) => e.status === "queued"));
+		function F(e) {
+			let t = [...e].map((e) => ({
+				id: ++j,
+				file: e,
+				status: "queued",
+				progress: 0,
+				error: "",
+				result: null
+			}));
+			M.value = [...M.value, ...t], I(), R();
+		}
+		function I() {
+			let e = M.value.map(({ id: e, file: t, status: n, progress: r, error: i, result: a }) => ({
+				id: e,
+				file: t,
+				status: n,
+				progress: r,
+				error: i,
+				result: a
+			}));
+			A("update:modelValue", e), A("change", e);
+		}
+		function L(e, t) {
+			Object.assign(e, t), I();
+		}
+		function R() {
+			for (; N.size < Math.max(1, Math.floor(k.concurrency)) && P.value.length;) {
+				let e = P.value[0];
+				z(e);
+			}
+		}
+		async function z(e) {
+			if (typeof k.upload != "function") {
+				L(e, {
+					status: "error",
+					error: "缺少 upload(file, { signal, onProgress }) 宿主处理函数"
+				}), A("error", {
+					task: e,
+					error: Error(e.error)
+				});
+				return;
+			}
+			let t = new AbortController();
+			N.set(e.id, t), L(e, {
+				status: "uploading",
+				error: "",
+				progress: 0
+			});
+			try {
+				let n = await k.upload(e.file, {
+					signal: t.signal,
+					onProgress: (n) => {
+						if (N.get(e.id) !== t) return;
+						let r = Math.max(0, Math.min(100, Number(n) || 0));
+						e.progress = r, A("progress", {
+							task: e,
+							file: e.file,
+							progress: r
+						}), I();
+					}
+				});
+				if (N.get(e.id) !== t) return;
+				L(e, {
+					status: "success",
+					progress: 100,
+					result: n
+				}), A("success", {
+					task: e,
+					result: n
+				});
+			} catch (n) {
+				if (N.get(e.id) !== t) return;
+				t.signal.aborted ? (L(e, { status: "cancelled" }), A("cancel", e)) : (L(e, {
+					status: "error",
+					error: n?.message || String(n)
+				}), A("error", {
+					task: e,
+					error: n
+				}));
+			} finally {
+				N.get(e.id) === t && N.delete(e.id), R();
+			}
+		}
+		function B(e) {
+			if (e.status === "queued") L(e, { status: "cancelled" }), A("cancel", e);
+			else if (e.status === "uploading") {
+				let t = N.get(e.id);
+				if (!t) return;
+				N.delete(e.id), t.abort(), L(e, { status: "cancelled" }), A("cancel", e), R();
+			}
+		}
+		function V(e) {
+			(e.status === "error" || e.status === "cancelled") && (L(e, {
+				status: "queued",
+				progress: 0,
+				error: "",
+				result: null
+			}), R());
+		}
+		function H(e) {
+			B(e), M.value = M.value.filter((t) => t.id !== e.id), I();
+		}
+		return b(() => k.modelValue, (e) => {
+			Array.isArray(e) && e.length && !M.value.length && (M.value = e.map((e) => ({
+				...e,
+				id: e.id || ++j
+			})));
+		}), m(() => {
+			for (let e of N.values()) e.abort();
+			N.clear();
+		}), D({
+			add: F,
+			cancel: B,
+			retry: V,
+			remove: H,
+			tasks: M,
+			pump: R
+		}), (o, m) => (h(), l("section", {
+			class: "kima-upload-manager",
+			"aria-disabled": e.disabled || void 0
+		}, [f(r, {
+			"model-value": M.value.map((e) => e.file),
+			label: e.label,
+			accept: e.accept,
+			multiple: e.multiple,
+			disabled: e.disabled,
+			"onUpdate:modelValue": m[0] ||= (e) => F(e.slice(M.value.filter((e) => e.status !== "cancelled").length))
+		}, null, 8, [
+			"model-value",
+			"label",
+			"accept",
+			"multiple",
+			"disabled"
+		]), f(a, p({
+			tag: "ul",
+			name: "kima-list"
+		}, y(n), { class: "kima-upload-manager__list" }), {
+			default: x(() => [(h(!0), l(i, null, _(M.value, (n) => (h(), l("li", { key: n.id }, [u("div", C, [
+				u("strong", null, v(n.file.name), 1),
+				u("progress", {
+					max: "100",
+					value: n.progress,
+					"aria-label": `${n.file.name}上传进度`
+				}, null, 8, w),
+				u("span", T, v(n.status === "queued" ? "等待中" : n.status === "uploading" ? `${n.progress}%` : n.status === "success" ? "已完成" : n.status === "cancelled" ? "已取消" : n.error), 1)
+			]), u("div", E, [
+				n.status === "uploading" || n.status === "queued" ? (h(), s(t, {
+					key: 0,
+					variant: "text",
+					disabled: e.disabled,
+					onClick: (e) => B(n)
+				}, {
+					default: x(() => [...m[1] ||= [d("取消", -1)]]),
+					_: 1
+				}, 8, ["disabled", "onClick"])) : c("", !0),
+				n.status === "error" || n.status === "cancelled" ? (h(), s(t, {
+					key: 1,
+					variant: "text",
+					disabled: e.disabled,
+					onClick: (e) => V(n)
+				}, {
+					default: x(() => [...m[2] ||= [d("重试", -1)]]),
+					_: 1
+				}, 8, ["disabled", "onClick"])) : c("", !0),
+				f(t, {
+					variant: "text",
+					disabled: e.disabled,
+					"aria-label": `移除 ${n.file.name}`,
+					onClick: (e) => H(n)
+				}, {
+					default: x(() => [...m[3] ||= [d("移除", -1)]]),
+					_: 1
+				}, 8, [
+					"disabled",
+					"aria-label",
+					"onClick"
+				])
+			])]))), 128))]),
+			_: 1
+		}, 16)], 8, S));
+	}
+}, [["__scopeId", "data-v-5d214e0f"]]);
+export { D as default };

package/dist/vue/components/foundation/banner.ce.js

@@ -0,0 +1,106 @@
+import { useNativeSlots as e } from "../../utils/native-slots.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 { collapseTransition as i } from "../../utils/motion.js";
+import { displayStatus as a } from "../../utils/display-status.js";
+/* empty css                                                          */
+import { 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, renderSlot as _, toDisplayString as v, unref as y, vShow as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+import { Cancel01Icon as w } from "@hugeicons/core-free-icons";
+// src/components/foundation/banner.ce.vue
+var T = ["inert", "aria-hidden"], E = ["data-variant", "role"], D = ["aria-label"], O = { class: "kima-banner__body" }, k = {
+	key: 0,
+	class: "kima-banner__heading"
+}, A = { class: "kima-banner__content" }, j = {
+	key: 1,
+	class: "kima-banner__action"
+}, M = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "banner.ce",
+	props: {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		variant: {
+			type: String,
+			default: "info"
+		},
+		heading: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		closable: Boolean,
+		dismissLabel: {
+			type: String,
+			default: "关闭横幅"
+		}
+	},
+	emits: [
+		"update:open",
+		"dismiss",
+		"restore"
+	],
+	setup(t, { expose: M, emit: N }) {
+		let P = t, F = N, I = g(null), { hasNativeSlot: L, isCustomElement: R } = e(I), z = g(P.open);
+		x(() => P.open, (e) => {
+			z.value = e;
+		});
+		let B = s(() => a(P.variant));
+		function V() {
+			z.value && (z.value = !1, F("update:open", !1), F("dismiss"));
+		}
+		function H() {
+			z.value || (z.value = !0, F("update:open", !0), F("restore"));
+		}
+		return M({
+			dismiss: V,
+			restore: H
+		}), (e, a) => (h(), c(o, m({ css: !1 }, y(i)), {
+			default: S(() => [C(d("div", {
+				class: "kima-banner__clip",
+				inert: !z.value,
+				"aria-hidden": !z.value || void 0
+			}, [d("section", {
+				ref_key: "root",
+				ref: I,
+				class: "kima-banner",
+				"data-variant": B.value.variant,
+				role: ["danger", "warning"].includes(B.value.variant) ? "alert" : "status"
+			}, [
+				d("span", {
+					class: "kima-banner__icon",
+					role: "img",
+					"aria-label": B.value.label
+				}, [p(r, {
+					icon: B.value.icon,
+					size: 24
+				}, null, 8, ["icon"])], 8, D),
+				d("div", O, [
+					t.heading ? (h(), u("strong", k, v(t.heading), 1)) : l("", !0),
+					d("div", A, [_(e.$slots, "default", {}, () => [f(v(t.description), 1)], !0)]),
+					e.$slots.action || y(L)("action") || y(R) ? (h(), u("div", j, [_(e.$slots, "action", {}, void 0, !0)])) : l("", !0)
+				]),
+				t.closable ? (h(), c(n, {
+					key: 0,
+					variant: "text",
+					class: "kima-banner__close",
+					"aria-label": t.dismissLabel,
+					onClick: V
+				}, {
+					default: S(() => [p(r, {
+						icon: y(w),
+						size: 20,
+						"aria-hidden": "true"
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["aria-label"])) : l("", !0)
+			], 8, E)], 8, T), [[b, z.value]])]),
+			_: 3
+		}, 16));
+	}
+}), [["__scopeId", "data-v-57ba332a"]]);
+export { M as default };

package/dist/vue/components/foundation/error-state.ce.js

@@ -0,0 +1,108 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import n from "../core/icon.ce.js";
+/* empty css                                                               */
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { AlertCircleIcon as v } from "@hugeicons/core-free-icons";
+// src/components/foundation/error-state.ce.vue
+var y = {
+	class: "kima-error-state__icon",
+	role: "img",
+	"aria-label": "错误"
+}, b = {
+	key: 0,
+	class: "kima-error-state__code"
+}, x = { class: "kima-error-state__heading" }, S = { class: "kima-error-state__description" }, C = {
+	key: 1,
+	class: "kima-error-state__failure",
+	role: "status"
+}, w = {
+	key: 2,
+	class: "kima-error-state__attempts",
+	role: "status"
+}, T = { class: "kima-error-state__actions" }, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "error-state.ce",
+	props: {
+		heading: {
+			type: String,
+			default: "页面暂时无法加载"
+		},
+		description: {
+			type: String,
+			default: "请检查连接后重试，或返回上一页。"
+		},
+		code: {
+			type: String,
+			default: ""
+		},
+		retryLabel: {
+			type: String,
+			default: "重试"
+		},
+		retryHandler: Function,
+		resetKey: {
+			type: [String, Number],
+			default: ""
+		},
+		compact: Boolean
+	},
+	emits: [
+		"retry",
+		"recovered",
+		"error",
+		"reset"
+	],
+	setup(e, { expose: E, emit: D }) {
+		let O = e, k = D, A = f(!1), j = f(0), M = f(""), N = r(() => typeof O.retryHandler == "function"), P = 0;
+		async function F() {
+			if (A.value) return;
+			let e = ++P;
+			A.value = !0, M.value = "", j.value += 1, k("retry", j.value);
+			try {
+				if (N.value && await O.retryHandler(j.value), e !== P) return;
+				k("recovered", j.value);
+			} catch (t) {
+				if (e !== P) return;
+				M.value = t instanceof Error ? t.message : String(t || "重试失败"), k("error", t);
+			} finally {
+				e === P && (A.value = !1);
+			}
+		}
+		function I() {
+			P += 1, A.value = !1, j.value = 0, M.value = "", k("reset");
+		}
+		return g(() => O.resetKey, I), E({
+			retry: F,
+			reset: I
+		}), (r, f) => (d(), o("section", {
+			class: u(["kima-error-state", { "kima-error-state--compact": e.compact }]),
+			role: "alert",
+			"aria-live": "assertive"
+		}, [
+			s("span", y, [l(n, {
+				icon: h(v),
+				size: 40
+			}, null, 8, ["icon"])]),
+			e.code ? (d(), o("code", b, m(e.code), 1)) : a("", !0),
+			s("h2", x, [p(r.$slots, "heading", {}, () => [c(m(e.heading), 1)], !0)]),
+			s("p", S, [p(r.$slots, "fallback", {}, () => [c(m(e.description), 1)], !0)]),
+			M.value ? (d(), o("p", C, "重试失败：" + m(M.value), 1)) : j.value ? (d(), o("p", w, "已尝试 " + m(j.value) + " 次", 1)) : a("", !0),
+			s("div", T, [p(r.$slots, "actions", {}, () => [N.value ? (d(), i(t, {
+				key: 0,
+				loading: A.value,
+				onClick: F
+			}, {
+				default: _(() => [c(m(e.retryLabel), 1)]),
+				_: 1
+			}, 8, ["loading"])) : (d(), i(t, {
+				key: 1,
+				variant: "tonal",
+				onClick: F
+			}, {
+				default: _(() => [c(m(e.retryLabel), 1)]),
+				_: 1
+			}))], !0)])
+		], 2));
+	}
+}), [["__scopeId", "data-v-20c2aa5d"]]);
+export { E as default };