@kernel4632/kima 0.0.0-stage → 0.6.1

package/dist/vue/components/content/chart.ce.js

@@ -0,0 +1,282 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { collapseTransition as n, presenceTransition as r } from "../../utils/motion.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
+/* empty css                                                         */
+import { Fragment as a, 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, nextTick as ee, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, useId as x, vShow as te, withCtx as S, withDirectives as C, withKeys as w, withModifiers as T } from "vue";
+// src/components/content/chart.ce.vue
+var ne = ["aria-label"], re = {
+	class: "kima-chart__legend",
+	"aria-label": "图例"
+}, ie = ["aria-label", "aria-describedby"], ae = { class: "kima-chart__axis" }, oe = ["y1", "y2"], se = ["y"], ce = ["y1", "y2"], le = {
+	x: "365",
+	y: "295",
+	"text-anchor": "middle"
+}, ue = {
+	x: "8",
+	y: "15"
+}, de = ["x"], fe = {
+	x: "55",
+	y: "273"
+}, pe = {
+	x: "675",
+	y: "273",
+	"text-anchor": "end"
+}, me = ["d"], he = ["d"], ge = [
+	"tabindex",
+	"data-point",
+	"aria-label",
+	"aria-pressed",
+	"onKeydown",
+	"onFocus",
+	"onPointerenter",
+	"onClick"
+], E = [
+	"x",
+	"y",
+	"width",
+	"height"
+], _e = [
+	"cx",
+	"cy",
+	"r"
+], D = ["cx", "cy"], O = ["id"], k = {
+	key: 0,
+	class: "kima-chart__tooltip",
+	role: "status"
+}, A = [
+	"inert",
+	"aria-hidden",
+	"id"
+], j = { scope: "row" }, M = /*#__PURE__*/ e({
+	__name: "chart.ce",
+	props: {
+		series: {
+			type: Array,
+			default: () => []
+		},
+		labels: {
+			type: Array,
+			default: () => []
+		},
+		mode: {
+			type: String,
+			default: "line",
+			validator: (e) => [
+				"line",
+				"bar",
+				"area",
+				"scatter"
+			].includes(e)
+		},
+		label: {
+			type: String,
+			default: "数据图表"
+		},
+		xLabel: {
+			type: String,
+			default: "类别"
+		},
+		yLabel: {
+			type: String,
+			default: "数值"
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: M }) {
+		let N = e, P = M, F = _(null), I = _(null), L = _([]), R = _(null), z = _(!1), B = x();
+		i(I, () => [N.series, N.mode]);
+		let V = (e) => `var(--kima-chart-series-${e % 4 + 1})`, H = s(() => N.series.map((e, t) => ({
+			name: e.name || `系列 ${t + 1}`,
+			si: t,
+			values: (e.data || []).map((e, t) => ({
+				i: t,
+				x: typeof e == "object" && e ? e.x : t,
+				y: typeof e == "object" && e ? e.y : e,
+				label: N.labels[t] ?? (typeof e == "object" && e ? e.x : t + 1)
+			}))
+		}))), U = (e) => typeof e.y == "number" && Number.isFinite(e.y), W = s(() => H.value.filter((e) => !L.value.includes(e.si))), G = s(() => Math.max(1, N.labels.length, ...H.value.map((e) => e.values.length))), K = s(() => {
+			let e = W.value.flatMap((e) => e.values.filter(U).map((e) => e.y)), t = Math.min(0, ...e), n = Math.max(0, ...e);
+			return [t, n === t ? t + 1 : n];
+		}), q = s(() => {
+			let e = W.value.flatMap((e) => e.values.map((e) => Number(e.x)).filter(Number.isFinite));
+			return [Math.min(0, ...e), Math.max(1, ...e)];
+		}), J = (e) => N.mode === "scatter" ? 55 + (Number(e.x) - q.value[0]) / (q.value[1] - q.value[0]) * 620 : 55 + (e.i + .5) / G.value * 620, Y = (e) => 250 - (e - K.value[0]) / (K.value[1] - K.value[0]) * 220, X = s(() => W.value.flatMap((e) => e.values.filter(U).map((t) => ({
+			...t,
+			si: e.si,
+			name: e.name,
+			key: `${e.si}-${t.i}`
+		})))), Z = s(() => X.value.find((e) => e.key === R.value)), ve = s(() => Array.from({ length: 5 }, (e, t) => K.value[0] + (K.value[1] - K.value[0]) * t / 4));
+		function ye(e) {
+			let t = [], n = [];
+			for (let r of e.values) U(r) ? n.push(r) : n.length && (t.push(n), n = []);
+			return n.length && t.push(n), t;
+		}
+		let Q = (e) => e.map((e, t) => `${t ? "L" : "M"}${J(e)},${Y(e.y)}`).join(" "), be = (e) => `${Q(e)} L${J(e.at(-1))},${Y(0)} L${J(e[0])},${Y(0)} Z`;
+		function $(e) {
+			R.value = e.key, P("select", {
+				series: e.si,
+				index: e.i,
+				x: e.x,
+				value: e.y
+			});
+		}
+		async function xe(e, t) {
+			if (![
+				"ArrowRight",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			e.preventDefault();
+			let n = X.value.length, r = X.value.findIndex((e) => e.key === t.key), i = e.key === "Home" ? 0 : e.key === "End" ? n - 1 : (r + (["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1) + n) % n;
+			$(X.value[i]), await ee(), F.value?.querySelector(`[data-point="${X.value[i].key}"]`)?.focus();
+		}
+		function Se(e) {
+			L.value = L.value.includes(e) ? L.value.filter((t) => t !== e) : [...L.value, e], R.value = null;
+		}
+		return (i, s) => (g(), u("section", {
+			ref_key: "root",
+			ref: F,
+			class: "kima-chart",
+			"aria-label": e.label
+		}, [
+			d("div", re, [(g(!0), u(a, null, v(H.value, (e) => (g(), c(t, {
+				key: e.si,
+				variant: "text",
+				"aria-pressed": !L.value.includes(e.si),
+				onClick: (t) => Se(e.si)
+			}, {
+				default: S(() => [d("span", {
+					class: "kima-chart__swatch",
+					style: h({ background: V(e.si) })
+				}, null, 4), f(y(e.name), 1)]),
+				_: 2
+			}, 1032, ["aria-pressed", "onClick"]))), 128))]),
+			(g(), u("svg", {
+				ref_key: "plot",
+				ref: I,
+				viewBox: "0 0 720 300",
+				class: "kima-chart__plot",
+				role: "group",
+				"aria-label": `${e.label}，方向键选择数据点`,
+				"aria-describedby": b(B) + "-hint"
+			}, [d("g", ae, [
+				(g(!0), u(a, null, v(ve.value, (e) => (g(), u("g", { key: e }, [d("line", {
+					x1: "55",
+					x2: "675",
+					y1: Y(e),
+					y2: Y(e)
+				}, null, 8, oe), d("text", {
+					x: "48",
+					y: Y(e) + 4,
+					"text-anchor": "end"
+				}, y(Number(e.toPrecision(4))), 9, se)]))), 128)),
+				d("line", {
+					x1: "55",
+					x2: "675",
+					y1: Y(0),
+					y2: Y(0)
+				}, null, 8, ce),
+				d("text", le, y(e.xLabel), 1),
+				d("text", ue, y(e.yLabel), 1),
+				(g(!0), u(a, null, v(Array.from({ length: G.value }), (t, n) => (g(), u("text", {
+					key: n,
+					x: 55 + (n + .5) / G.value * 620,
+					y: "273",
+					"text-anchor": "middle"
+				}, y(e.mode === "scatter" ? "" : e.labels[n] ?? n + 1), 9, de))), 128)),
+				e.mode === "scatter" ? (g(), u(a, { key: 0 }, [d("text", fe, y(q.value[0]), 1), d("text", pe, y(q.value[1]), 1)], 64)) : l("", !0)
+			]), (g(!0), u(a, null, v(W.value, (t) => (g(), u("g", {
+				key: t.si,
+				style: h({ color: V(t.si) }),
+				class: "kima-chart__series"
+			}, [e.mode === "line" || e.mode === "area" ? (g(!0), u(a, { key: 0 }, v(ye(t), (t, n) => (g(), u("g", { key: n }, [e.mode === "area" ? (g(), u("path", {
+				key: 0,
+				d: be(t),
+				class: "kima-chart__area"
+			}, null, 8, me)) : l("", !0), d("path", {
+				d: Q(t),
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3"
+			}, null, 8, he)]))), 128)) : l("", !0), (g(!0), u(a, null, v(X.value.filter((e) => e.si === t.si), (n) => (g(), u("g", {
+				key: n.key,
+				role: "button",
+				tabindex: R.value === n.key || !Z.value && X.value[0]?.key === n.key ? 0 : -1,
+				"data-point": n.key,
+				"aria-label": `${t.name}，${n.label}，${n.y}`,
+				"aria-pressed": R.value === n.key,
+				class: "kima-chart__point",
+				onKeydown: [
+					(e) => xe(e, n),
+					w(T((e) => $(n), ["prevent"]), ["enter"]),
+					w(T((e) => $(n), ["prevent"]), ["space"])
+				],
+				onFocus: (e) => $(n),
+				onPointerenter: (e) => $(n),
+				onClick: (e) => $(n)
+			}, [e.mode === "bar" ? (g(), u("rect", {
+				key: 0,
+				x: J(n) - Math.max(2, 500 / G.value / Math.max(1, W.value.length)) / 2 + (W.value.findIndex((e) => e.si === t.si) - (W.value.length - 1) / 2) * (500 / G.value / Math.max(1, W.value.length)),
+				y: Math.min(Y(0), Y(n.y)),
+				width: Math.max(2, 500 / G.value / Math.max(1, W.value.length)),
+				height: Math.max(2, Math.abs(Y(n.y) - Y(0))),
+				rx: "3",
+				fill: "currentColor"
+			}, null, 8, E)) : (g(), u("circle", {
+				key: 1,
+				cx: J(n),
+				cy: Y(n.y),
+				r: R.value === n.key ? 7 : 5,
+				fill: "currentColor"
+			}, null, 8, _e)), d("circle", {
+				cx: J(n),
+				cy: Y(n.y),
+				r: "14",
+				fill: "transparent"
+			}, null, 8, D)], 40, ge))), 128))], 4))), 128))], 8, ie)),
+			d("p", {
+				id: b(B) + "-hint",
+				class: "kima-chart__hint"
+			}, "方向键选择，Home / End 到首尾；空值保留断点。" + y(X.value.length ? "" : "暂无有效数据"), 9, O),
+			p(o, m({ name: "kima-popup" }, b(r)), {
+				default: S(() => [Z.value ? (g(), u("output", k, y(Z.value.name) + " · " + y(Z.value.label) + "：" + y(Z.value.y), 1)) : l("", !0)]),
+				_: 1
+			}, 16),
+			p(t, {
+				variant: "text",
+				"aria-expanded": z.value,
+				"aria-controls": b(B) + "-table",
+				onClick: s[0] ||= (e) => z.value = !z.value
+			}, {
+				default: S(() => [f(y(z.value ? "收起" : "查看") + "数据表", 1)]),
+				_: 1
+			}, 8, ["aria-expanded", "aria-controls"]),
+			p(o, m({ css: !1 }, b(n)), {
+				default: S(() => [C(d("div", {
+					inert: !z.value,
+					"aria-hidden": !z.value || void 0,
+					id: b(B) + "-table",
+					class: "kima-chart__table"
+				}, [d("table", null, [
+					d("caption", null, y(e.label) + "（含隐藏系列）", 1),
+					d("thead", null, [d("tr", null, [
+						d("th", null, y(e.xLabel), 1),
+						s[1] ||= d("th", null, "系列", -1),
+						d("th", null, y(e.yLabel), 1)
+					])]),
+					d("tbody", null, [(g(!0), u(a, null, v(H.value, (e) => (g(), u(a, { key: e.si }, [(g(!0), u(a, null, v(e.values, (t) => (g(), u("tr", { key: t.i }, [
+						d("th", j, y(t.label), 1),
+						d("td", null, y(e.name), 1),
+						d("td", null, y(U(t) ? t.y : "缺失"), 1)
+					]))), 128))], 64))), 128))])
+				])], 8, A), [[te, z.value]])]),
+				_: 1
+			}, 16)
+		], 8, ne));
+	}
+}, [["__scopeId", "data-v-b8556b1a"]]);
+export { M as default };

package/dist/vue/components/content/code-editor.ce.js

@@ -0,0 +1,309 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { useContentState as n } from "../../utils/content.js";
+/* empty css                                                               */
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, onBeforeUnmount as ee, onMounted as te, openBlock as l, ref as u, toDisplayString as d, unref as f, watch as p, withCtx as m, withModifiers as h } from "vue";
+import { Annotation as ne, Compartment as g, EditorState as _ } from "@codemirror/state";
+import { EditorView as v, drawSelection as re, highlightActiveLine as ie, highlightActiveLineGutter as ae, keymap as oe, lineNumbers as y, placeholder as b } from "@codemirror/view";
+import { defaultKeymap as se, history as ce, historyKeymap as x, indentWithTab as le, redo as S, undo as ue } from "@codemirror/commands";
+import { openSearchPanel as de, search as fe, searchKeymap as pe } from "@codemirror/search";
+import { HighlightStyle as me, bracketMatching as he, foldGutter as ge, foldKeymap as _e, indentOnInput as ve, syntaxHighlighting as ye } from "@codemirror/language";
+import { closeBrackets as be, closeBracketsKeymap as xe } from "@codemirror/autocomplete";
+import { javascript as C } from "@codemirror/lang-javascript";
+import { json as Se } from "@codemirror/lang-json";
+import { html as w } from "@codemirror/lang-html";
+import { css as T } from "@codemirror/lang-css";
+import { tags as E } from "@lezer/highlight";
+// src/components/content/code-editor.ce.vue
+var D = ["aria-disabled"], O = {
+	role: "toolbar",
+	"aria-label": "代码操作",
+	class: "kima-code-editor__toolbar"
+}, k = {
+	key: 0,
+	class: "kima-code-editor__fallback"
+}, A = {
+	class: "kima-code-editor__selection",
+	"aria-live": "off"
+}, j = [
+	"name",
+	"form",
+	"value",
+	"disabled"
+], M = /*#__PURE__*/ e({
+	__name: "code-editor.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: String,
+		form: String,
+		label: {
+			type: String,
+			default: "代码编辑器"
+		},
+		language: {
+			type: String,
+			default: "javascript"
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"selection-change"
+	],
+	setup(e, { expose: M, emit: Ce }) {
+		let N = e, P = Ce, F = u(null), I = u(null), L = u(null), R = u({
+			from: 0,
+			to: 0,
+			line: 1,
+			column: 1
+		}), z = u(0), B = null, V = null, H = new g(), U = new g(), W = new g(), G = ne.define(), K = r(() => !N.disabled && !N.readonly), { local: q, update: we } = n(N, P, F, (e) => String(e ?? ""), () => {
+			B && B.setState(X(q.value)), Z();
+		}), J = {
+			javascript: () => C(),
+			js: () => C(),
+			json: () => Se(),
+			html: () => w(),
+			css: () => T()
+		}, Te = me.define([
+			{
+				tag: [E.keyword, E.operator],
+				color: "var(--kima-color-primary)"
+			},
+			{
+				tag: [E.string, E.regexp],
+				color: "color-mix(in srgb, var(--kima-color-primary) 70%, var(--kima-color-tertiary-container))"
+			},
+			{
+				tag: [
+					E.number,
+					E.bool,
+					E.null
+				],
+				color: "color-mix(in srgb, var(--kima-color-primary) 70%, var(--kima-color-secondary-container))"
+			},
+			{
+				tag: E.comment,
+				color: "var(--kima-color-on-surface-variant)",
+				fontStyle: "italic"
+			},
+			{
+				tag: [
+					E.typeName,
+					E.className,
+					E.tagName
+				],
+				color: "var(--kima-color-primary)"
+			},
+			{
+				tag: E.invalid,
+				color: "var(--kima-color-error)"
+			}
+		]), Ee = v.theme({
+			"&": {
+				color: "var(--kima-color-on-surface)",
+				backgroundColor: "transparent",
+				fontFamily: "var(--kima-font-family)"
+			},
+			".cm-content": {
+				fontFamily: "var(--kima-font-family)",
+				padding: "16px 0",
+				minHeight: "240px",
+				caretColor: "var(--kima-color-primary)"
+			},
+			".cm-scroller": {
+				overflow: "auto",
+				fontFamily: "var(--kima-font-family)",
+				lineHeight: "1.7"
+			},
+			".cm-gutters": {
+				backgroundColor: "var(--kima-color-surface-container-high)",
+				color: "var(--kima-color-on-surface-variant)",
+				border: "none"
+			},
+			".cm-activeLine,.cm-activeLineGutter": { backgroundColor: "var(--kima-color-layer-2)" },
+			"&.cm-focused": { outline: "none" },
+			"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, ::selection": { backgroundColor: "var(--kima-color-primary-container)" },
+			".cm-cursor,.cm-dropCursor": { borderLeftColor: "var(--kima-color-primary)" },
+			".cm-panels": {
+				backgroundColor: "var(--kima-color-popup)",
+				color: "var(--kima-color-on-surface)",
+				border: "none"
+			},
+			".cm-searchMatch": { backgroundColor: "var(--kima-color-tertiary-container)" },
+			".cm-searchMatch-selected": { backgroundColor: "var(--kima-color-primary-container)" },
+			".cm-tooltip": {
+				backgroundColor: "var(--kima-color-popup)",
+				color: "var(--kima-color-on-surface)",
+				border: "none"
+			}
+		});
+		function Y() {
+			return [
+				_.readOnly.of(!K.value),
+				v.editable.of(K.value),
+				v.contentAttributes.of({
+					"aria-label": N.label,
+					"aria-readonly": String(N.readonly),
+					"aria-disabled": String(N.disabled),
+					tabindex: N.disabled ? "-1" : "0"
+				})
+			];
+		}
+		function X(e) {
+			return _.create({
+				doc: e,
+				extensions: [
+					y(),
+					ae(),
+					ce(),
+					re(),
+					ve(),
+					he(),
+					be(),
+					ge(),
+					ie(),
+					fe({ top: !0 }),
+					oe.of([
+						{
+							key: "Mod-Shift-z",
+							run: S
+						},
+						...xe,
+						...se,
+						...pe,
+						...x,
+						..._e,
+						le
+					]),
+					ye(Te),
+					Ee,
+					W.of(b(N.placeholder)),
+					H.of(J[N.language]?.() || []),
+					U.of(Y()),
+					v.updateListener.of((e) => {
+						e.docChanged && !e.transactions.some((e) => e.annotation(G)) && we(e.state.doc.toString()), (e.docChanged || e.selectionSet) && Z();
+					}),
+					v.domEventHandlers({ compositionend: () => (queueMicrotask(() => {
+						if (V !== null) {
+							let e = V;
+							V = null, Q(e);
+						}
+					}), !1) })
+				]
+			});
+		}
+		function Z() {
+			if (!B) return;
+			let { from: e, to: t, head: n } = B.state.selection.main, r = B.state.doc.lineAt(n);
+			R.value = {
+				from: e,
+				to: t,
+				line: r.number,
+				column: n - r.from + 1
+			}, z.value++, L.value?.setCustomValidity(N.required && !q.value ? "请填写代码" : ""), P("selection-change", { ...R.value });
+		}
+		function Q(e) {
+			if (!B || B.state.doc.toString() === e) return;
+			if (B.composing) {
+				V = e;
+				return;
+			}
+			let t = B.state.doc.toString(), n = 0, r = t.length, i = e.length;
+			for (; n < r && n < i && t[n] === e[n];) n++;
+			for (; r > n && i > n && t[r - 1] === e[i - 1];) r--, i--;
+			B.dispatch({
+				changes: {
+					from: n,
+					to: r,
+					insert: e.slice(n, i)
+				},
+				annotations: [G.of(!0)],
+				userEvent: "input.external"
+			}), Z();
+		}
+		p(q, Q), p(() => N.placeholder, () => B?.dispatch({ effects: W.reconfigure(b(N.placeholder)) })), p(() => N.language, () => B?.dispatch({ effects: H.reconfigure(J[N.language]?.() || []) })), p([
+			() => N.readonly,
+			() => N.disabled,
+			() => N.label
+		], () => B?.dispatch({ effects: U.reconfigure(Y()) })), p(() => N.required, Z), te(() => {
+			B = new v({
+				state: X(q.value),
+				parent: I.value
+			}), Z();
+		}), ee(() => B?.destroy());
+		function $(e) {
+			B && (e(B), B.focus());
+		}
+		return M({
+			focus: () => B?.focus(),
+			getSelection: () => ({ ...R.value }),
+			getValue: () => q.value
+		}), (n, r) => (l(), a("div", {
+			ref_key: "root",
+			ref: F,
+			class: "kima-code-editor",
+			"aria-disabled": e.disabled
+		}, [
+			o("div", O, [
+				c(t, {
+					variant: "text",
+					disabled: e.disabled,
+					onMousedown: r[0] ||= h(() => {}, ["prevent"]),
+					onClick: r[1] ||= (e) => $(f(de))
+				}, {
+					default: m(() => [...r[7] ||= [s("查找", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				c(t, {
+					variant: "text",
+					disabled: !K.value,
+					onMousedown: r[2] ||= h(() => {}, ["prevent"]),
+					onClick: r[3] ||= (e) => $(f(ue))
+				}, {
+					default: m(() => [...r[8] ||= [s("撤销", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				c(t, {
+					variant: "text",
+					disabled: !K.value,
+					onMousedown: r[4] ||= h(() => {}, ["prevent"]),
+					onClick: r[5] ||= (e) => $(f(S))
+				}, {
+					default: m(() => [...r[9] ||= [s("重做", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				o("span", null, d(e.language), 1)
+			]),
+			z.value ? i("", !0) : (l(), a("pre", k, d(f(q) || e.placeholder), 1)),
+			o("div", {
+				ref_key: "mount",
+				ref: I,
+				class: "kima-code-editor__mount"
+			}, null, 512),
+			o("output", A, "行 " + d(R.value.line) + "，列 " + d(R.value.column) + " · 选区 " + d(R.value.from) + "–" + d(R.value.to), 1),
+			o("textarea", {
+				ref_key: "proxy",
+				ref: L,
+				class: "kima-code-editor__proxy",
+				name: e.name,
+				form: e.form,
+				value: f(q),
+				disabled: e.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInvalid: r[6] ||= h((e) => f(B)?.focus(), ["prevent"])
+			}, null, 40, j)
+		], 8, D));
+	}
+}, [["__scopeId", "data-v-a61ccf64"]]);
+export { M as default };

package/dist/vue/components/content/equation.ce.js

@@ -0,0 +1,69 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useContentMotion as t } from "../../utils/content-motion.js";
+/* empty css                                                            */
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, openBlock as s, ref as c, toDisplayString as l } from "vue";
+import u from "katex";
+// src/components/content/equation.ce.vue
+var d = ["aria-label"], f = ["innerHTML"], p = {
+	key: 1,
+	class: "kima-equation__error",
+	role: "alert"
+}, m = { key: 2 }, h = /*#__PURE__*/ e({
+	__name: "equation.ce",
+	props: {
+		formula: {
+			type: String,
+			default: ""
+		},
+		display: {
+			type: Boolean,
+			default: !0
+		},
+		label: String
+	},
+	setup(e) {
+		let h = e, g = c(null);
+		t(g, () => h.formula);
+		let _ = n(() => {
+			let e = h.formula;
+			if (/\\(?:href|url|includegraphics|html\w*|class|style|data|require)\b/i.test(e)) return {
+				html: "",
+				error: "公式不允许 HTML、URL 或外部资源命令"
+			};
+			try {
+				let t = u.renderToString(e, {
+					output: "mathml",
+					displayMode: h.display,
+					trust: !1,
+					strict: "error",
+					throwOnError: !1,
+					maxSize: 20,
+					maxExpand: 500
+				});
+				return /katex-error|mathcolor=/i.test(t) ? {
+					html: "",
+					error: "公式语法错误或包含不支持的命令"
+				} : {
+					html: t,
+					error: ""
+				};
+			} catch {
+				return {
+					html: "",
+					error: "无法解析公式"
+				};
+			}
+		});
+		return (t, n) => (s(), i("figure", {
+			ref_key: "root",
+			ref: g,
+			class: o(["kima-equation", { "kima-equation--inline": !e.display }]),
+			"aria-label": e.label
+		}, [_.value.error ? (s(), i("div", p, [a("span", null, l(_.value.error), 1), a("code", null, l(e.formula), 1)])) : (s(), i("div", {
+			key: 0,
+			class: "kima-equation__math",
+			innerHTML: _.value.html
+		}, null, 8, f)), e.label ? (s(), i("figcaption", m, l(e.label), 1)) : r("", !0)], 10, d));
+	}
+}, [["__scopeId", "data-v-e8f29ba6"]]);
+export { h as default };