@kernel4632/kima 0.0.0-stage → 0.6.0

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

@@ -0,0 +1,248 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./icon.ce.js";
+import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
+/* empty css                                                        */
+import { Fragment as i, TransitionGroup as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, getCurrentInstance as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as ee, renderSlot as y, shallowRef as b, toDisplayString as te, unref as x, useAttrs as S, useHost as ne, useId as re, watch as C, withCtx as w, withModifiers as T } from "vue";
+import { ArrowRight01Icon as E } from "@hugeicons/core-free-icons";
+// src/components/core/tree.ce.vue
+var D = ["aria-multiselectable", "aria-disabled"], O = [
+	"id",
+	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled",
+	"tabindex",
+	"onClick",
+	"onFocus",
+	"onKeydown"
+], k = [
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+], ie = {
+	key: 1,
+	class: "kima-tree__toggle kima-tree__toggle--empty",
+	"aria-hidden": "true"
+}, ae = { class: "kima-tree__label" }, oe = {
+	key: 0,
+	class: "kima-tree__empty",
+	role: "status"
+}, A = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "tree.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object,
+				Array
+			],
+			default: null
+		},
+		expanded: {
+			type: Array,
+			default: () => []
+		},
+		multiple: Boolean,
+		selectable: Boolean,
+		disabled: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"update:expanded",
+		"select"
+	],
+	setup(e, { emit: A }) {
+		let j = e, M = A, N = S(), P = f()?.ce ? ne() : null, F = o(() => P ? {
+			...N,
+			id: void 0
+		} : N), I = `kima-tree-${re()}`, L = b(j.modelValue), R = v([...j.expanded]), z = v(0), B = b(null), V = v(!1), H = v([]), U = o(() => new Set(R.value)), W = o(() => {
+			let e = [], t = [];
+			for (let e = j.items.length - 1; e >= 0; --e) t.push({
+				item: j.items[e],
+				level: 1,
+				parentValue: null,
+				position: e + 1,
+				setSize: j.items.length
+			});
+			for (; t.length;) {
+				let n = t.pop(), r = n.item || {}, i = Array.isArray(r.children) ? r.children : [], a = {
+					...n,
+					item: r,
+					value: r.value,
+					children: i,
+					hasChildren: i.length > 0,
+					expanded: U.value.has(r.value)
+				};
+				if (e.push(a), a.expanded && i.length) for (let e = i.length - 1; e >= 0; --e) t.push({
+					item: i[e],
+					level: n.level + 1,
+					parentValue: r.value,
+					position: e + 1,
+					setSize: i.length
+				});
+			}
+			return e;
+		}), G = o(() => j.multiple ? new Set(Array.isArray(L.value) ? L.value : []) : null);
+		function K(e) {
+			return `${I}-node-${encodeURIComponent(String(e))}`;
+		}
+		function q(e) {
+			return j.multiple ? G.value.has(e.value) : Object.is(L.value, e.value);
+		}
+		function J(e) {
+			return !j.disabled && !e.item.disabled;
+		}
+		function Y(e, t) {
+			let n = W.value.length;
+			if (!n) return -1;
+			let r = e;
+			for (let e = 0; e < n; e += 1) {
+				if (r >= 0 && r < n && J(W.value[r])) return r;
+				r += t;
+			}
+			return -1;
+		}
+		function X(e, t = !1) {
+			let n = W.value[e];
+			n && (z.value = e, B.value = n.value, V.value = !0, t && m(() => H.value[e]?.focus()));
+		}
+		function Z(e, t) {
+			e && (H.value[t] = e);
+		}
+		function Q(e, t) {
+			if (!(!j.selectable || j.disabled || t.disabled)) {
+				if (j.multiple) {
+					let t = new Set(G.value);
+					t.has(e) ? t.delete(e) : t.add(e);
+					let n = [...t];
+					L.value = n, M("update:modelValue", n);
+				} else Object.is(L.value, e) || (L.value = e, M("update:modelValue", e));
+				M("select", e, t);
+			}
+		}
+		function $(e) {
+			if (!e.hasChildren || !J(e)) return;
+			let t = new Set(R.value);
+			t.has(e.value) ? t.delete(e.value) : t.add(e.value), R.value = [...t], M("update:expanded", R.value);
+		}
+		function se(e, t, n) {
+			X(t), n.currentTarget.focus(), Q(e.value, e.item);
+		}
+		function ce(e, t, n) {
+			if (n.isComposing || n.altKey || n.ctrlKey || n.metaKey || !J(e) && ![
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(n.key)) return;
+			let r = W.value, i = -1;
+			if (n.key === "ArrowRight") {
+				if (n.preventDefault(), e.hasChildren && !e.expanded) {
+					$(e);
+					return;
+				}
+				i = t + 1;
+			} else if (n.key === "ArrowLeft") {
+				if (n.preventDefault(), e.hasChildren && e.expanded) {
+					$(e);
+					return;
+				}
+				i = r.findIndex((t) => Object.is(t.value, e.parentValue));
+			} else if (n.key === "ArrowDown") n.preventDefault(), i = t + 1;
+			else if (n.key === "ArrowUp") n.preventDefault(), i = t - 1;
+			else if (n.key === "Home") n.preventDefault(), i = 0;
+			else if (n.key === "End") n.preventDefault(), i = r.length - 1;
+			else if (n.key === "Enter" || n.key === " ") {
+				n.preventDefault(), Q(e.value, e.item);
+				return;
+			} else return;
+			let a = Y(i, n.key === "ArrowUp" || n.key === "ArrowLeft" ? -1 : 1);
+			a >= 0 && X(a, !0);
+		}
+		return C(() => j.modelValue, (e) => {
+			L.value = e;
+		}), C(() => j.expanded, (e) => {
+			R.value = [...e];
+		}, { deep: !0 }), C([W, () => j.modelValue], () => {
+			let e = V.value ? W.value.findIndex((e) => Object.is(e.value, B.value)) : -1;
+			if (e >= 0) {
+				z.value = e;
+				return;
+			}
+			let t = W.value.findIndex((e) => q(e) && J(e)), n = t >= 0 ? t : Y(0, 1);
+			z.value = n >= 0 ? n : 0, W.value[z.value] && X(z.value);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), (o, f) => (_(), c("div", p(F.value, {
+			class: ["kima-tree", { "kima-tree--disabled": e.disabled }],
+			role: "tree",
+			"aria-multiselectable": e.multiple || void 0,
+			"aria-disabled": e.disabled || void 0
+		}), [d(a, p({
+			tag: "div",
+			class: "kima-tree__group",
+			role: "group",
+			css: !1
+		}, {
+			...x(n),
+			...x(r)
+		}), {
+			default: w(() => [(_(!0), c(i, null, ee(W.value, (n, r) => (_(), c("div", {
+				key: n.value,
+				class: "kima-tree__motion-row"
+			}, [l("div", {
+				id: K(n.value),
+				ref_for: !0,
+				ref: (e) => Z(e, r),
+				class: h(["kima-tree__item", {
+					"kima-tree__item--selected": q(n),
+					"kima-tree__item--disabled": n.item.disabled
+				}]),
+				role: "treeitem",
+				"aria-level": n.level,
+				"aria-posinset": n.position,
+				"aria-setsize": n.setSize,
+				"aria-expanded": n.hasChildren ? n.expanded : void 0,
+				"aria-selected": e.selectable ? q(n) : void 0,
+				"aria-disabled": n.item.disabled || void 0,
+				tabindex: r === z.value && J(n) ? 0 : -1,
+				style: g({ "--kima-tree-level": n.level - 1 }),
+				onClick: (e) => se(n, r, e),
+				onFocus: (e) => X(r),
+				onKeydown: (e) => ce(n, r, e)
+			}, [n.hasChildren ? (_(), c("button", {
+				key: 0,
+				class: "kima-tree__toggle",
+				type: "button",
+				disabled: e.disabled || n.item.disabled,
+				"aria-label": `${n.expanded ? "收起" : "展开"} ${n.item.label}`,
+				"aria-expanded": n.expanded,
+				onClick: T((e) => $(n), ["stop"])
+			}, [d(t, {
+				class: "kima-tree__toggle-icon",
+				icon: x(E),
+				size: 18,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])], 8, k)) : (_(), c("span", ie)), l("span", ae, [y(o.$slots, "default", {
+				item: n.item,
+				value: n.value,
+				level: n.level,
+				selected: q(n),
+				expanded: n.expanded,
+				disabled: n.item.disabled
+			}, () => [u(te(n.item.label), 1)], !0)])], 46, O)]))), 128))]),
+			_: 3
+		}, 16), W.value.length ? s("", !0) : (_(), c("div", oe, [y(o.$slots, "empty", {}, () => [f[0] ||= u("暂无数据", -1)], !0)]))], 16, D));
+	}
+}), [["__scopeId", "data-v-5401eef6"]]);
+export { A as default };

package/dist/vue/components/core/virtual-scroll.ce.js

@@ -0,0 +1,176 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                                  */
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as ee, getCurrentInstance as a, mergeProps as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, shallowRef as h, toDisplayString as g, useAttrs as _, useHost as v, useId as y, watch as b } from "vue";
+// src/components/core/virtual-scroll.ce.vue
+var x = ["aria-activedescendant"], S = [
+	"id",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-selected",
+	"onClick"
+], C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "virtual-scroll.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		itemHeight: {
+			type: Number,
+			default: 40
+		},
+		height: {
+			type: [Number, String],
+			default: 320
+		},
+		overscan: {
+			type: Number,
+			default: 4
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "item-click"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, E = _(), D = a()?.ce ? v() : null, te = n(() => D ? {
+			...E,
+			id: void 0
+		} : E), O = f(null), k = f(0), A = f(0), j = f(-1), M = h(w.modelValue), N, P = `kima-virtual-scroll-${y()}`, F = n(() => {
+			let e = Number(w.itemHeight);
+			return Number.isFinite(e) && e > 0 ? Math.max(1, Math.floor(e)) : 40;
+		}), I = n(() => {
+			let e = Number(w.overscan);
+			return Number.isFinite(e) && e > 0 ? Math.floor(e) : 0;
+		}), L = n(() => typeof w.height == "number" ? `${Math.max(0, w.height)}px` : typeof w.height == "string" && /^\d+(?:\.\d+)?$/.test(w.height.trim()) ? `${w.height}px` : w.height || "320px"), R = n(() => w.items.length * F.value), z = n(() => M.value !== void 0 && M.value !== null), B = n(() => z.value ? w.items.findIndex((e) => Object.is(q(e), M.value)) : -1), V = n(() => {
+			if (A.value > 0) return A.value;
+			let e = Number.parseFloat(w.height);
+			return Number.isFinite(e) && e > 0 ? e : F.value * 8;
+		}), H = n(() => {
+			if (!w.items.length) return {
+				start: 0,
+				end: -1
+			};
+			let e = Math.floor(k.value / F.value) - I.value, t = Math.ceil((k.value + V.value) / F.value) + I.value - 1;
+			return {
+				start: Math.max(0, e),
+				end: Math.min(w.items.length - 1, Math.max(0, t))
+			};
+		}), U = n(() => {
+			let e = [];
+			for (let t = H.value.start; t <= H.value.end; t += 1) e.push({
+				item: w.items[t],
+				index: t,
+				key: Y(w.items[t])
+			});
+			return e;
+		}), W = n(() => H.value.start * F.value), G = n(() => Math.max(0, R.value - (H.value.end + 1) * F.value)), K = n(() => {
+			let { start: e, end: t } = H.value;
+			return j.value >= e && j.value <= t ? X(j.value) : void 0;
+		});
+		function q(e) {
+			return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "value") ? e.value : e;
+		}
+		function J(e) {
+			return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "label") ? e.label : e;
+		}
+		function Y(e) {
+			return e && typeof e == "object" ? e.key ?? e.value ?? e.id ?? e : e;
+		}
+		function X(e) {
+			return `${P}-item-${e}`;
+		}
+		function Z(e) {
+			O.value = e, A.value = e?.clientHeight || 0;
+		}
+		function ne(e) {
+			k.value = e.currentTarget.scrollTop;
+		}
+		function re(e) {
+			if (!O.value) return;
+			let t = e * F.value, n = t + F.value, r = O.value.scrollTop;
+			t < r ? r = t : n > r + O.value.clientHeight && (r = n - O.value.clientHeight), r !== O.value.scrollTop && (O.value.scrollTop = Math.max(0, r), k.value = O.value.scrollTop);
+		}
+		function Q(e, t = !1) {
+			e < 0 || e >= w.items.length || (j.value = e, t && re(e));
+		}
+		function $(e, t) {
+			Q(t);
+			let n = q(e);
+			z.value && Object.is(n, M.value) || (M.value = n, T("update:modelValue", n)), T("item-click", e, t);
+		}
+		function ie(e) {
+			if (e.isComposing || e.altKey || e.ctrlKey || e.metaKey || !w.items.length || ![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End",
+				"Enter",
+				" "
+			].includes(e.key)) return;
+			e.preventDefault();
+			let t = j.value >= 0 ? j.value : B.value >= 0 ? B.value : 0, n = t;
+			e.key === "ArrowDown" ? n = Math.min(w.items.length - 1, t + 1) : e.key === "ArrowUp" ? n = Math.max(0, t - 1) : e.key === "Home" ? n = 0 : e.key === "End" && (n = w.items.length - 1), Q(n, !0), (e.key === "Enter" || e.key === " ") && $(w.items[n], n);
+		}
+		return b(() => w.modelValue, (e) => {
+			M.value = e;
+			let t = e == null ? -1 : w.items.findIndex((t) => Object.is(q(t), e));
+			t >= 0 && (j.value = t);
+		}), b(() => w.items.length, (e) => {
+			e ? (j.value >= e && (j.value = e - 1), j.value < 0 && (j.value = B.value >= 0 ? B.value : 0)) : j.value = -1;
+		}), b(F, () => {
+			O.value && (O.value.scrollTop = Math.min(O.value.scrollTop, Math.max(0, R.value - O.value.clientHeight))), k.value = O.value?.scrollTop || 0;
+		}), u(() => {
+			A.value = O.value?.clientHeight || 0, typeof ResizeObserver < "u" && O.value && (N = new ResizeObserver((e) => {
+				A.value = e[0]?.contentRect.height || O.value.clientHeight;
+			}), N.observe(O.value));
+		}), l(() => N?.disconnect()), (n, a) => (d(), r("div", o({ ref: Z }, te.value, {
+			class: "kima-virtual-scroll",
+			style: { height: L.value },
+			role: "list",
+			tabindex: "0",
+			"aria-activedescendant": K.value,
+			onScroll: ne,
+			onKeydown: ie
+		}), [i("div", {
+			class: "kima-virtual-scroll__content",
+			style: c({ height: `${R.value}px` })
+		}, [
+			i("div", {
+				class: "kima-virtual-scroll__spacer",
+				style: c({ height: `${W.value}px` }),
+				"aria-hidden": "true"
+			}, null, 4),
+			(d(!0), r(t, null, p(U.value, (t) => (d(), r("div", {
+				id: X(t.index),
+				key: t.key,
+				class: s(["kima-virtual-scroll__item", {
+					"kima-virtual-scroll__item--active": t.index === j.value,
+					"kima-virtual-scroll__item--selected": z.value && Object.is(q(t.item), M.value)
+				}]),
+				role: "listitem",
+				"aria-posinset": t.index + 1,
+				"aria-setsize": e.items.length,
+				"aria-selected": z.value ? Object.is(q(t.item), M.value) : void 0,
+				style: c({ height: `${F.value}px` }),
+				onClick: (e) => $(t.item, t.index)
+			}, [m(n.$slots, "default", {
+				item: t.item,
+				index: t.index
+			}, () => [ee(g(J(t.item)), 1)], !0)], 14, S))), 128)),
+			i("div", {
+				class: "kima-virtual-scroll__spacer",
+				style: c({ height: `${G.value}px` }),
+				"aria-hidden": "true"
+			}, null, 4)
+		], 4)], 16, x));
+	}
+}), [["__scopeId", "data-v-8f7f579b"]]);
+export { C as default };

package/dist/vue/components/data/copy-button.ce.js

@@ -0,0 +1,75 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+/* empty css                                                               */
+import { Transition as r, computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, getCurrentInstance as c, mergeProps as l, onBeforeUnmount as u, openBlock as d, ref as f, toDisplayString as p, unref as m, useAttrs as h, useHost as g, withCtx as _ } from "vue";
+// src/components/data/copy-button.ce.vue
+var v = ["aria-label"], y = { class: "kima-copy-button__visual" }, b = {
+	class: "kima-copy-button__status",
+	role: "status",
+	"aria-live": "polite"
+}, x = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "copy-button.ce",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: "复制"
+		},
+		successLabel: {
+			type: String,
+			default: "已复制"
+		},
+		errorLabel: {
+			type: String,
+			default: "复制失败"
+		},
+		timeout: {
+			type: Number,
+			default: 1800
+		},
+		variant: {
+			type: String,
+			default: "text"
+		}
+	},
+	emits: ["copy", "copy-error"],
+	setup(e, { emit: x }) {
+		let S = e, C = x, w = h(), T = c()?.ce ? g() : null, E = f(!1), D = f(!1), O, k = i(() => S.text || S.value || (T?.textContent || "").trim()), A = i(() => D.value ? S.errorLabel : E.value ? S.successLabel : "");
+		async function j() {
+			if (!k.value) D.value = !0, C("copy-error", /* @__PURE__ */ Error("No text to copy"));
+			else {
+				D.value = !1;
+				try {
+					await navigator.clipboard.writeText(k.value), E.value = !0, C("copy", k.value), clearTimeout(O), O = setTimeout(() => {
+						E.value = !1;
+					}, Math.max(0, S.timeout));
+				} catch (e) {
+					D.value = !0, C("copy-error", e);
+				}
+			}
+		}
+		return u(() => clearTimeout(O)), (i, c) => (d(), a("span", {
+			class: "kima-copy-button",
+			"aria-label": m(w)["aria-label"] || void 0
+		}, [s(t, l(m(w), {
+			variant: e.variant,
+			"aria-label": m(w)["aria-label"] || e.label,
+			onClick: j
+		}), {
+			default: _(() => [o("span", y, [s(r, l({ name: "kima-fade" }, m(n)), {
+				default: _(() => [(d(), a("span", { key: E.value ? "copied" : "idle" }, p(E.value ? e.successLabel : e.label), 1))]),
+				_: 1
+			}, 16)])]),
+			_: 1
+		}, 16, ["variant", "aria-label"]), o("span", b, p(A.value), 1)], 8, v));
+	}
+}), [["__scopeId", "data-v-701ad4fb"]]);
+export { x as default };