@kernel4632/kima 0.0.0-stage → 0.6.1

package/dist/vue/components/advanced-input/mention.ce.js

@@ -0,0 +1,181 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+import { useInputAttrs as r, useInputState as i } from "../../utils/input-state.js";
+/* empty css                                                           */
+import { Fragment as a, Transition as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, useId as x, watch as S, withCtx as C, withModifiers as w } from "vue";
+// src/components/advanced-input/mention.ce.vue
+var T = [
+	"value",
+	"name",
+	"aria-label",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"maxlength",
+	"rows",
+	"aria-controls",
+	"aria-activedescendant"
+], E = {
+	key: 0,
+	class: "kima-mention__popup"
+}, D = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onPointerdown"
+], O = {
+	key: 0,
+	role: "status"
+}, k = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "mention.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		trigger: {
+			type: String,
+			default: "@"
+		},
+		label: {
+			type: String,
+			default: "消息"
+		},
+		placeholder: String,
+		name: String,
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean,
+		maxlength: Number,
+		rows: {
+			type: Number,
+			default: 4
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"select"
+	],
+	setup(t, { expose: k, emit: A }) {
+		let j = t, M = A, N = _(null), P = _(null), { attrs: F, controlAttrs: I } = r(), L = _(0), R = _(0), z = _(!1), B = _(!1), V = _(!1), H = _(0), { local: U, update: W } = i(j, M, N, (e) => String(e || ""), () => {
+			V.value = !0, z.value = !1;
+		});
+		e(N);
+		let G = `kima-mention-${x()}`, K = s(() => {
+			if (!B.value || z.value || V.value || j.disabled || j.readonly || !j.trigger || L.value !== R.value) return null;
+			let e = U.value.slice(0, L.value), t = e.lastIndexOf(j.trigger);
+			if (t < 0 || t && !/\s/.test(e[t - 1])) return null;
+			let n = e.slice(t + j.trigger.length);
+			return /^[\p{L}\p{N}_-]*$/u.test(n) ? {
+				start: t,
+				end: L.value,
+				term: n
+			} : null;
+		}), q = s(() => K.value ? j.items.map((e) => ({
+			item: e,
+			label: String(typeof e == "string" ? e : e.label ?? e.value),
+			value: typeof e == "string" ? e : e.value ?? e.label,
+			disabled: !!e?.disabled
+		})).filter((e) => e.label.toLocaleLowerCase().includes(K.value.term.toLocaleLowerCase())).slice(0, 8) : []), J = s(() => !!K.value);
+		S(q, (e) => {
+			H.value = Math.max(0, e.findIndex((e) => !e.disabled));
+		});
+		function Y() {
+			L.value = P.value?.selectionStart || 0, R.value = P.value?.selectionEnd || 0;
+		}
+		function X() {
+			z.value || (V.value = !1, W(P.value.value), Y());
+		}
+		function Z() {
+			z.value = !1, X();
+		}
+		async function Q(e) {
+			let t = K.value;
+			if (!t || !e || e.disabled) return;
+			let n = `${j.trigger}${e.label} `, r = U.value.slice(0, t.start) + n + U.value.slice(t.end);
+			j.maxlength && r.length > j.maxlength || (W(r), M("select", e.item, {
+				start: t.start,
+				end: t.end,
+				text: n
+			}), V.value = !0, await p(), P.value && !j.disabled && (P.value.focus(), P.value.setSelectionRange(t.start + n.length, t.start + n.length), Y()));
+		}
+		function $(e) {
+			if (e.isComposing || z.value || e.keyCode === 229) e.key === "Enter" && e.preventDefault();
+			else if (Y(), J.value) {
+				if (e.key === "Escape") e.preventDefault(), V.value = !0;
+				else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
+					e.preventDefault();
+					let t = q.value;
+					for (let n = 1; n <= t.length; n += 1) {
+						let r = (H.value + (e.key === "ArrowDown" ? n : -n) + t.length * 2) % t.length;
+						if (!t[r].disabled) {
+							H.value = r;
+							break;
+						}
+					}
+				} else e.key === "Enter" && q.value.some((e) => !e.disabled) && (e.preventDefault(), Q(q.value[H.value]));
+			}
+		}
+		return k({ focus: () => P.value?.focus() }), (e, r) => (g(), l("div", {
+			ref_key: "root",
+			ref: N,
+			class: m(["kima-mention", b(F).class]),
+			style: h(b(F).style)
+		}, [u("textarea", f({
+			ref_key: "input",
+			ref: P
+		}, b(I), {
+			class: "kima-mention__input",
+			value: b(U),
+			name: t.name,
+			"aria-label": b(I)["aria-label"] || t.label,
+			placeholder: t.placeholder,
+			disabled: t.disabled,
+			readonly: t.readonly,
+			required: t.required,
+			maxlength: t.maxlength,
+			rows: t.rows,
+			"aria-autocomplete": "list",
+			"aria-controls": J.value ? G : void 0,
+			"aria-activedescendant": J.value && q.value[H.value] ? `${G}-${H.value}` : void 0,
+			onInput: w(X, ["stop"]),
+			onChange: r[0] ||= w(() => {}, ["stop"]),
+			onKeydown: $,
+			onKeyup: Y,
+			onClick: r[1] ||= (e) => {
+				V.value = !1, Y();
+			},
+			onSelect: w(Y, ["stop"]),
+			onFocus: r[2] ||= (e) => {
+				B.value = !0, Y();
+			},
+			onBlur: r[3] ||= (e) => B.value = !1,
+			onCompositionstart: r[4] ||= (e) => z.value = !0,
+			onCompositionend: Z
+		}), null, 16, T), d(o, f({ name: "kima-popup" }, b(n)), {
+			default: C(() => [J.value ? (g(), l("div", E, [u("ul", {
+				id: G,
+				class: "kima-mention__list",
+				role: "listbox",
+				"aria-label": "提及建议"
+			}, [(g(!0), l(a, null, v(q.value, (e, t) => (g(), l("li", {
+				id: `${G}-${t}`,
+				key: t,
+				class: "kima-mention__option",
+				role: "option",
+				"aria-selected": t === H.value,
+				"aria-disabled": e.disabled || void 0,
+				onPointerdown: w((t) => Q(e), ["prevent"])
+			}, y(e.label), 41, D))), 128))]), q.value.length ? c("", !0) : (g(), l("p", O, "无匹配候选"))])) : c("", !0)]),
+			_: 1
+		}, 16)], 6));
+	}
+}), [["__scopeId", "data-v-e6d9ff72"]]);
+export { k as default };

package/dist/vue/components/advanced-input/range-slider.ce.js

@@ -0,0 +1,111 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputState as t } from "../../utils/input-state.js";
+/* empty css                                                                */
+import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, normalizeStyle as o, openBlock as s, ref as c, renderList as l, toDisplayString as u, unref as d, watch as f, withModifiers as p } from "vue";
+// src/components/advanced-input/range-slider.ce.vue
+var m = ["aria-label", "aria-disabled"], h = { class: "kima-range-slider__values" }, g = { class: "kima-range-slider__tracks" }, _ = [
+	"value",
+	"min",
+	"max",
+	"step",
+	"disabled",
+	"name",
+	"aria-label",
+	"aria-valuemin",
+	"aria-valuemax",
+	"onInput"
+], v = /*#__PURE__*/ e({
+	__name: "range-slider.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => [25, 75]
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		name: String,
+		startName: String,
+		endName: String,
+		label: {
+			type: String,
+			default: "范围"
+		},
+		startLabel: {
+			type: String,
+			default: "下限"
+		},
+		endLabel: {
+			type: String,
+			default: "上限"
+		},
+		disabled: Boolean,
+		required: Boolean
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: v }) {
+		let y = e, b = v, x = c(null), S = r(() => Number.isFinite(y.min) ? y.min : 0), C = r(() => Math.max(S.value, Number.isFinite(y.max) ? y.max : S.value + 100)), w = r(() => Number.isFinite(y.step) && y.step > 0 ? y.step : 1);
+		function T(e, t) {
+			let n = Number(e), r = Math.max(S.value, Math.min(C.value, Number.isFinite(n) ? n : t)), i = S.value + Math.round((r - S.value) / w.value) * w.value, a = S.value + Math.floor((C.value - S.value) / w.value + 1e-9) * w.value;
+			return Number(Math.max(S.value, Math.min(a, i)).toFixed(10));
+		}
+		function E(e) {
+			let t = T(e?.[0], S.value), n = T(e?.[1], C.value);
+			return t <= n ? [t, n] : [n, t];
+		}
+		let { local: D, update: O } = t(y, b, x, E);
+		f([
+			S,
+			C,
+			w
+		], () => {
+			D.value = E(D.value);
+		});
+		function k(e, t) {
+			let n = [...D.value], r = T(t.target.value, S.value);
+			n[e] = e === 0 ? Math.min(r, n[1]) : Math.max(r, n[0]), t.target.value = String(n[e]), O(n, !1);
+		}
+		let A = r(() => {
+			let e = C.value - S.value || 1;
+			return {
+				"--kima-range-start": `${(D.value[0] - S.value) / e * 100}%`,
+				"--kima-range-end": `${(D.value[1] - S.value) / e * 100}%`
+			};
+		});
+		return (t, r) => (s(), i("div", {
+			ref_key: "root",
+			ref: x,
+			class: "kima-range-slider",
+			role: "group",
+			"aria-label": e.label,
+			"aria-disabled": e.disabled || void 0,
+			style: o(A.value)
+		}, [a("output", h, u(d(D)[0]) + " – " + u(d(D)[1]), 1), a("div", g, [(s(!0), i(n, null, l(d(D), (t, n) => (s(), i("input", {
+			key: n,
+			class: "kima-range-slider__input",
+			type: "range",
+			value: t,
+			min: S.value,
+			max: C.value,
+			step: w.value,
+			disabled: e.disabled,
+			name: n === 0 ? e.startName || (e.name ? `${e.name}[start]` : void 0) : e.endName || (e.name ? `${e.name}[end]` : void 0),
+			"aria-label": n === 0 ? e.startLabel : e.endLabel,
+			"aria-valuemin": n === 0 ? S.value : d(D)[0],
+			"aria-valuemax": n === 0 ? d(D)[1] : C.value,
+			style: o({ zIndex: n === 0 && d(D)[0] === C.value ? 3 : n + 1 }),
+			onInput: p((e) => k(n, e), ["stop"]),
+			onChange: r[0] ||= p((e) => b("change", [...d(D)]), ["stop"])
+		}, null, 44, _))), 128))])], 12, m));
+	}
+}, [["__scopeId", "data-v-cceb9717"]]);
+export { v as default };

package/dist/vue/components/advanced-input/time-range-picker.ce.js

@@ -0,0 +1,120 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useInputState as n } from "../../utils/input-state.js";
+import { timeMinutes as r } from "../../utils/local-date.js";
+/* empty css                                                                     */
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, openBlock as c, ref as l, toDisplayString as u, unref as d, watchEffect as f, withModifiers as p } from "vue";
+// src/components/advanced-input/time-range-picker.ce.vue
+var m = ["aria-disabled"], h = [
+	"value",
+	"aria-label",
+	"name",
+	"min",
+	"max",
+	"step",
+	"required",
+	"disabled"
+], g = [
+	"value",
+	"aria-label",
+	"name",
+	"min",
+	"max",
+	"step",
+	"required",
+	"disabled"
+], _ = ["role"], v = /*#__PURE__*/ t({
+	__name: "time-range-picker.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => [null, null]
+		},
+		name: String,
+		startName: String,
+		endName: String,
+		startLabel: {
+			type: String,
+			default: "开始时间"
+		},
+		endLabel: {
+			type: String,
+			default: "结束时间"
+		},
+		min: String,
+		max: String,
+		step: {
+			type: Number,
+			default: 1
+		},
+		required: Boolean,
+		disabled: Boolean,
+		allowOvernight: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { expose: v, emit: y }) {
+		let b = t, x = y, S = l(null), C = l(null), w = l(null), { local: T, update: E } = n(b, x, S, (e) => [r(e?.[0]) === null ? null : e[0], r(e?.[1]) === null ? null : e[1]]);
+		e(S);
+		let D = i(() => {
+			let e = r(T.value[0]), t = r(T.value[1]);
+			return e === null || t === null ? null : t - e + (b.allowOvernight && t <= e ? 1440 : 0);
+		}), O = i(() => D.value !== null && D.value < 0 ? "结束时间不能早于开始时间" : ""), k = i(() => Math.max(1, Number.isFinite(b.step) ? Math.floor(b.step) : 1) * 60);
+		f(() => {
+			w.value?.setCustomValidity(O.value);
+		}, { flush: "post" });
+		function A(e, t) {
+			let n = [...T.value];
+			n[e] = t || null, E(n);
+		}
+		return v({ getInterval: () => D.value }), (e, n) => (c(), o("div", {
+			ref_key: "root",
+			ref: S,
+			class: "kima-time-range-picker",
+			role: "group",
+			"aria-label": "时间范围",
+			"aria-disabled": t.disabled || void 0
+		}, [
+			s("input", {
+				ref_key: "startInput",
+				ref: C,
+				class: "kima-time-range-picker__input",
+				type: "time",
+				value: d(T)[0] || "",
+				"aria-label": t.startLabel,
+				name: d(T)[0] ? t.startName || (t.name ? `${t.name}[start]` : void 0) : void 0,
+				min: t.min,
+				max: t.max,
+				step: k.value,
+				required: t.required,
+				disabled: t.disabled,
+				onInput: n[0] ||= p((e) => A(0, e.target.value), ["stop"]),
+				onChange: n[1] ||= p(() => {}, ["stop"])
+			}, null, 40, h),
+			n[4] ||= s("span", { "aria-hidden": "true" }, "→", -1),
+			s("input", {
+				ref_key: "endInput",
+				ref: w,
+				class: "kima-time-range-picker__input",
+				type: "time",
+				value: d(T)[1] || "",
+				"aria-label": t.endLabel,
+				name: d(T)[1] ? t.endName || (t.name ? `${t.name}[end]` : void 0) : void 0,
+				min: t.min,
+				max: t.max,
+				step: k.value,
+				required: t.required,
+				disabled: t.disabled,
+				onInput: n[2] ||= p((e) => A(1, e.target.value), ["stop"]),
+				onChange: n[3] ||= p(() => {}, ["stop"])
+			}, null, 40, g),
+			D.value === null ? a("", !0) : (c(), o("output", {
+				key: 0,
+				role: O.value ? "alert" : "status"
+			}, u(O.value || `${Math.floor(D.value / 60)}h ${D.value % 60}m${t.allowOvernight && d(T)[1] <= d(T)[0] ? " · 次日结束" : ""}`), 9, _))
+		], 8, m));
+	}
+}, [["__scopeId", "data-v-52265737"]]);
+export { v as default };

package/dist/vue/components/advanced-input/transfer.ce.js

@@ -0,0 +1,192 @@
+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 { useInputState as r } from "../../utils/input-state.js";
+/* empty css                                                            */
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, vModelSelect as g, vModelText as _, watchEffect as v, withCtx as y, withDirectives as b } from "vue";
+// src/components/advanced-input/transfer.ce.vue
+var x = ["aria-label", "aria-disabled"], S = ["aria-label"], C = ["aria-label", "disabled"], w = ["aria-label", "disabled"], T = ["value", "disabled"], E = {
+	key: 1,
+	role: "status"
+}, D = ["aria-label"], O = ["aria-label", "disabled"], k = ["aria-label", "disabled"], A = ["value", "disabled"], j = {
+	key: 1,
+	role: "status"
+}, M = [
+	"name",
+	"value",
+	"disabled"
+], N = /*#__PURE__*/ t({
+	__name: "transfer.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		name: String,
+		label: {
+			type: String,
+			default: "穿梭选择"
+		},
+		disabled: Boolean,
+		required: Boolean,
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		availableTitle: {
+			type: String,
+			default: "可用项"
+		},
+		selectedTitle: {
+			type: String,
+			default: "已选项"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: N }) {
+		let P = t, F = N, I = f(null), L = f(null), R = f([]), z = f([]), B = f(""), V = f(""), { local: H, update: U } = r(P, F, I, (e) => Array.isArray(e) ? [...new Set(e.map(String))] : [], () => {
+			R.value = [], z.value = [], B.value = "", V.value = "";
+		});
+		e(I);
+		let W = a(() => {
+			let e = /* @__PURE__ */ new Set();
+			return P.options.filter((t) => {
+				let n = String(t.value);
+				return !e.has(n) && (e.add(n), !0);
+			}).map((e) => ({
+				...e,
+				value: String(e.value),
+				label: String(e.label ?? e.value)
+			}));
+		}), G = a(() => W.value.filter((e) => !H.value.includes(e.value))), K = a(() => H.value.map((e) => W.value.find((t) => t.value === e) || {
+			value: e,
+			label: e,
+			disabled: !0
+		})), q = a(() => G.value.filter((e) => e.label.toLocaleLowerCase().includes(B.value.toLocaleLowerCase()))), J = a(() => K.value.filter((e) => e.label.toLocaleLowerCase().includes(V.value.toLocaleLowerCase())));
+		v(() => {
+			L.value?.setCustomValidity(P.required && !H.value.length ? "请至少移入一项" : "");
+		}, { flush: "post" });
+		let Y = a(() => q.value.filter((e) => R.value.includes(e.value) && !e.disabled)), X = a(() => J.value.filter((e) => z.value.includes(e.value) && !e.disabled));
+		function Z() {
+			P.disabled || (U([...H.value, ...Y.value.map((e) => e.value)]), R.value = []);
+		}
+		function Q() {
+			if (P.disabled) return;
+			let e = new Set(X.value.map((e) => e.value));
+			U(H.value.filter((t) => !e.has(t))), z.value = [];
+		}
+		function $(e) {
+			let t = (e === "left" ? q.value : J.value).filter((e) => !e.disabled).map((e) => e.value);
+			e === "left" ? R.value = t : z.value = t;
+		}
+		return (e, r) => (d(), s("div", {
+			ref_key: "root",
+			ref: I,
+			class: "kima-transfer",
+			role: "group",
+			"aria-label": t.label,
+			"aria-disabled": t.disabled || void 0
+		}, [
+			c("section", {
+				class: "kima-transfer__panel",
+				"aria-label": t.availableTitle
+			}, [
+				c("header", null, [c("strong", null, m(t.availableTitle), 1), c("span", null, m(G.value.length), 1)]),
+				t.searchable ? b((d(), s("input", {
+					key: 0,
+					"onUpdate:modelValue": r[0] ||= (e) => B.value = e,
+					class: "kima-transfer__search",
+					type: "search",
+					"aria-label": `搜索${t.availableTitle}`,
+					disabled: t.disabled,
+					placeholder: "搜索"
+				}, null, 8, C)), [[_, B.value]]) : o("", !0),
+				b(c("select", {
+					ref_key: "left",
+					ref: L,
+					"onUpdate:modelValue": r[1] ||= (e) => R.value = e,
+					class: "kima-transfer__list",
+					multiple: "",
+					size: "6",
+					"aria-label": t.availableTitle,
+					disabled: t.disabled
+				}, [(d(!0), s(i, null, p(q.value, (e) => (d(), s("option", {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled
+				}, m(e.label), 9, T))), 128))], 8, w), [[g, R.value]]),
+				q.value.length ? o("", !0) : (d(), s("span", E, "无可用项")),
+				u(n, {
+					variant: "text",
+					disabled: t.disabled || !q.value.some((e) => !e.disabled),
+					onClick: r[2] ||= (e) => $("left")
+				}, {
+					default: y(() => [...r[6] ||= [l("全选可用项", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				u(n, {
+					disabled: t.disabled || !Y.value.length,
+					onClick: Z
+				}, {
+					default: y(() => [...r[7] ||= [l("移入选中项 →", -1)]]),
+					_: 1
+				}, 8, ["disabled"])
+			], 8, S),
+			c("section", {
+				class: "kima-transfer__panel",
+				"aria-label": t.selectedTitle
+			}, [
+				c("header", null, [c("strong", null, m(t.selectedTitle), 1), c("span", null, m(h(H).length), 1)]),
+				t.searchable ? b((d(), s("input", {
+					key: 0,
+					"onUpdate:modelValue": r[3] ||= (e) => V.value = e,
+					class: "kima-transfer__search",
+					type: "search",
+					"aria-label": `搜索${t.selectedTitle}`,
+					disabled: t.disabled,
+					placeholder: "搜索"
+				}, null, 8, O)), [[_, V.value]]) : o("", !0),
+				b(c("select", {
+					"onUpdate:modelValue": r[4] ||= (e) => z.value = e,
+					class: "kima-transfer__list",
+					multiple: "",
+					size: "6",
+					"aria-label": t.selectedTitle,
+					disabled: t.disabled
+				}, [(d(!0), s(i, null, p(J.value, (e) => (d(), s("option", {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled
+				}, m(e.label), 9, A))), 128))], 8, k), [[g, z.value]]),
+				J.value.length ? o("", !0) : (d(), s("span", j, "无已选项")),
+				u(n, {
+					variant: "text",
+					disabled: t.disabled || !J.value.some((e) => !e.disabled),
+					onClick: r[5] ||= (e) => $("right")
+				}, {
+					default: y(() => [...r[8] ||= [l("全选已选项", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				u(n, {
+					disabled: t.disabled || !X.value.length,
+					onClick: Q
+				}, {
+					default: y(() => [...r[9] ||= [l("← 移出选中项", -1)]]),
+					_: 1
+				}, 8, ["disabled"])
+			], 8, D),
+			(d(!0), s(i, null, p(h(H), (e) => (d(), s("input", {
+				key: e,
+				type: "hidden",
+				name: t.name,
+				value: e,
+				disabled: t.disabled
+			}, null, 8, M))), 128))
+		], 8, x));
+	}
+}, [["__scopeId", "data-v-d1dddadf"]]);
+export { N as default };