@kernel4632/kima 0.8.3 → 0.8.4

package/dist/vue/components/content/rich-text-editor.ce.js

@@ -1,32 +1,35 @@
 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 { contentSelection as r, safeContentUrl as i, sanitizeContent as a, useContentState as o } from "../../utils/content.js";
+import r from "../core/icon-button.ce.js";
+import i from "../core/tooltip.ce.js";
+import { contentSelection as a, safeContentUrl as o, sanitizeContent as s, useContentState as c } from "../../utils/content.js";
 /* empty css                                                                    */
-import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, mergeProps as ee, onBeforeUnmount as te, onMounted as h, openBlock as g, ref as _, renderList as ne, shallowRef as v, toDisplayString as y, unref as b, vModelText as re, watch as x, withCtx as S, withDirectives as ie, withKeys as C, withModifiers as w } from "vue";
-import { Editor as T } from "@tiptap/core";
-import E from "@tiptap/starter-kit";
-import D from "@tiptap/extension-placeholder";
+import { Fragment as ee, Transition as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, mergeProps as te, onBeforeUnmount as ne, onMounted as re, openBlock as g, ref as _, renderList as ie, shallowRef as ae, toDisplayString as v, unref as y, vModelText as oe, watch as b, withCtx as x, withDirectives as se, withKeys as S, withModifiers as C } from "vue";
+import { Heading02Icon as w, LeftToRightListBulletIcon as ce, LeftToRightListNumberIcon as le, Link01Icon as ue, RedoIcon as de, TextBoldIcon as fe, TextItalicIcon as pe, UndoIcon as T } from "@hugeicons/core-free-icons";
+import { Editor as me } from "@tiptap/core";
+import he from "@tiptap/starter-kit";
+import ge from "@tiptap/extension-placeholder";
 // src/components/content/rich-text-editor.ce.vue
-var O = ["aria-disabled"], k = {
+var _e = ["aria-disabled"], ve = {
 	class: "kima-rich-text-editor__toolbar",
 	role: "toolbar",
 	"aria-label": "文本格式"
-}, ae = {
+}, ye = {
 	key: 0,
 	class: "kima-rich-text-editor__link"
-}, oe = ["disabled", "onKeydown"], se = {
+}, be = ["disabled", "onKeydown"], xe = {
 	key: 0,
 	role: "alert"
-}, ce = ["innerHTML"], le = {
+}, Se = ["innerHTML"], E = {
 	class: "kima-rich-text-editor__selection",
 	"aria-live": "off"
-}, ue = [
+}, D = [
 	"name",
 	"form",
 	"value",
 	"disabled"
-], A = /*#__PURE__*/ e({
+], O = /*#__PURE__*/ e({
 	__name: "rich-text-editor.ce",
 	props: {
 		modelValue: {
@@ -52,25 +55,51 @@ var O = ["aria-disabled"], k = {
 		"change",
 		"selection-change"
 	],
-	setup(e, { expose: A, emit: de }) {
-		let j = e, M = de, N = _(null), P = _(null), F = _(null), I = v(null), L = _(0), R = _(!1), z = _(""), B = _(""), V = null, H = null, U = !1, { local: W, update: fe } = o(j, M, N, a, () => X()), G = l(() => !j.disabled && !j.readonly), K = l(() => (L.value, I.value ? r(I.value) : {
+	setup(e, { expose: O, emit: k }) {
+		let A = [
+			{
+				type: "bold",
+				label: "粗体",
+				icon: fe
+			},
+			{
+				type: "italic",
+				label: "斜体",
+				icon: pe
+			},
+			{
+				type: "heading",
+				label: "标题",
+				icon: w
+			},
+			{
+				type: "bulletList",
+				label: "无序列表",
+				icon: ce
+			},
+			{
+				type: "orderedList",
+				label: "有序列表",
+				icon: le
+			}
+		], j = e, M = k, N = _(null), P = _(null), F = _(null), I = ae(null), L = _(0), R = _(!1), z = _(""), B = _(""), V = null, H = null, U = !1, { local: W, update: Ce } = c(j, M, N, s, () => X()), G = u(() => !j.disabled && !j.readonly), K = u(() => (L.value, I.value ? a(I.value) : {
 			from: 0,
 			to: 0,
 			empty: !0,
 			text: ""
-		})), pe = l(() => (L.value, I.value ? I.value.isEmpty : !W.value.replace(/<[^>]*>/g, "").trim())), me = (e) => (L.value, I.value?.isActive(e) ?? !1), he = l(() => (L.value, G.value && !!I.value?.can().undo())), q = l(() => (L.value, G.value && !!I.value?.can().redo()));
+		})), we = u(() => (L.value, I.value ? I.value.isEmpty : !W.value.replace(/<[^>]*>/g, "").trim())), q = (e) => (L.value, I.value?.isActive(e) ?? !1), Te = u(() => (L.value, G.value && !!I.value?.can().undo())), Ee = u(() => (L.value, G.value && !!I.value?.can().redo()));
 		function J() {
-			F.value?.setCustomValidity(j.required && pe.value ? "请填写内容" : "");
+			F.value?.setCustomValidity(j.required && we.value ? "请填写内容" : "");
 		}
 		function Y() {
-			L.value++, I.value && M("selection-change", r(I.value)), J();
+			L.value++, I.value && M("selection-change", a(I.value)), J();
 		}
 		function X() {
-			P.value && (I.value?.destroy(), I.value = new T({
+			P.value && (I.value?.destroy(), I.value = new me({
 				element: P.value,
-				content: a(W.value),
+				content: s(W.value),
 				editable: G.value,
-				extensions: [E.configure({
+				extensions: [he.configure({
 					heading: { levels: [
 						1,
 						2,
@@ -80,13 +109,13 @@ var O = ["aria-disabled"], k = {
 						openOnClick: !1,
 						autolink: !1,
 						linkOnPaste: !1,
-						isAllowedUri: (e) => i(e),
+						isAllowedUri: (e) => o(e),
 						HTMLAttributes: {
 							target: null,
 							rel: "noopener noreferrer nofollow"
 						}
 					}
-				}), D.configure({ placeholder: () => j.placeholder })],
+				}), ge.configure({ placeholder: () => j.placeholder })],
 				editorProps: {
 					attributes: {
 						role: "textbox",
@@ -96,7 +125,7 @@ var O = ["aria-disabled"], k = {
 						"aria-disabled": String(j.disabled),
 						tabindex: j.disabled ? "-1" : "0"
 					},
-					transformPastedHTML: a,
+					transformPastedHTML: s,
 					handleDOMEvents: {
 						focus: () => (U = !0, !1),
 						blur: () => (setTimeout(() => {
@@ -111,32 +140,32 @@ var O = ["aria-disabled"], k = {
 					}
 				},
 				onUpdate: ({ editor: e }) => {
-					fe(a(e.getHTML())), Y();
+					Ce(s(e.getHTML())), Y();
 				},
 				onSelectionUpdate: Y,
 				onTransaction: () => {
 					L.value++;
 				}
-			}), W.value = a(I.value.getHTML()), Y());
+			}), W.value = s(I.value.getHTML()), Y());
 		}
 		function Z(e) {
 			let t = I.value;
 			if (!t) return;
-			let n = a(e);
-			if (n === a(t.getHTML())) return;
+			let n = s(e);
+			if (n === s(t.getHTML())) return;
 			if (t.view.composing) {
 				H = n;
 				return;
 			}
-			let { from: r, to: i } = t.state.selection, o = U || t.isFocused;
+			let { from: r, to: i } = t.state.selection, a = U || t.isFocused;
 			t.commands.setContent(n, { emitUpdate: !1 });
-			let s = t.state.doc.content.size, c = {
-				from: Math.min(r, s),
-				to: Math.min(i, s)
+			let o = t.state.doc.content.size, c = {
+				from: Math.min(r, o),
+				to: Math.min(i, o)
 			};
-			t.commands.setTextSelection(c), o && t.commands.focus(void 0, { scrollIntoView: !1 }), W.value = a(t.getHTML()), Y();
+			t.commands.setTextSelection(c), a && t.commands.focus(void 0, { scrollIntoView: !1 }), W.value = s(t.getHTML()), Y();
 		}
-		x(W, Z), x([
+		b(W, Z), b([
 			() => j.disabled,
 			() => j.readonly,
 			() => j.label
@@ -152,7 +181,7 @@ var O = ["aria-disabled"], k = {
 					tabindex: j.disabled ? "-1" : "0"
 				}
 			} }), J();
-		}), x(() => j.required, J);
+		}), b(() => j.required, J);
 		function Q(e) {
 			if (!G.value || !I.value) return;
 			let t = I.value.chain().focus();
@@ -166,7 +195,7 @@ var O = ["aria-disabled"], k = {
 				redo: () => t.redo()
 			})[e]?.().run(), Y();
 		}
-		function ge() {
+		function De() {
 			V = {
 				from: K.value.from,
 				to: K.value.to
@@ -175,145 +204,143 @@ var O = ["aria-disabled"], k = {
 		function $() {
 			if (!I.value || !G.value) return;
 			let e = z.value.trim();
-			if (e && !i(e)) {
+			if (e && !o(e)) {
 				B.value = "仅允许 http、https、mailto、tel、站内路径和锚点";
 				return;
 			}
 			let t = I.value.chain().focus().setTextSelection(V || K.value).extendMarkRange("link");
 			(e ? t.setLink({ href: e }) : t.unsetLink()).run(), R.value = !1, Y();
 		}
-		return h(X), te(() => I.value?.destroy()), A({
+		return re(X), ne(() => I.value?.destroy()), O({
 			focus: () => I.value?.commands.focus(),
-			getHTML: () => a(I.value?.getHTML() || W.value),
+			getHTML: () => s(I.value?.getHTML() || W.value),
 			getJSON: () => I.value?.getJSON(),
 			getSelection: () => K.value
-		}), (r, i) => (g(), d("div", {
+		}), (a, o) => (g(), f("div", {
 			ref_key: "root",
 			ref: N,
 			class: "kima-rich-text-editor",
 			"aria-disabled": e.disabled
 		}, [
-			f("div", k, [
-				(g(), d(s, null, ne([
-					{
-						type: "bold",
-						label: "粗体"
-					},
-					{
-						type: "italic",
-						label: "斜体"
-					},
-					{
-						type: "heading",
-						label: "标题"
-					},
-					{
-						type: "bulletList",
-						label: "无序列表"
-					},
-					{
-						type: "orderedList",
-						label: "有序列表"
-					}
-				], (e) => m(t, {
+			p("div", ve, [
+				(g(), f(ee, null, ie(A, (e) => h(i, {
 					key: e.type,
-					variant: "text",
-					"aria-pressed": me(e.type),
-					disabled: !G.value,
-					onMousedown: i[0] ||= w(() => {}, ["prevent"]),
-					onClick: (t) => Q(e.type)
+					text: e.label
 				}, {
-					default: S(() => [p(y(e.label), 1)]),
+					default: x(() => [h(r, {
+						icon: e.icon,
+						label: e.label,
+						variant: q(e.type) ? "tonal" : "standard",
+						"aria-pressed": q(e.type),
+						disabled: !G.value,
+						onMousedown: o[0] ||= C(() => {}, ["prevent"]),
+						onClick: (t) => Q(e.type)
+					}, null, 8, [
+						"icon",
+						"label",
+						"variant",
+						"aria-pressed",
+						"disabled",
+						"onClick"
+					])]),
 					_: 2
-				}, 1032, [
-					"aria-pressed",
-					"disabled",
-					"onClick"
-				])), 64)),
-				m(t, {
-					variant: "text",
-					disabled: !G.value,
-					"aria-expanded": R.value,
-					onMousedown: i[1] ||= w(() => {}, ["prevent"]),
-					onClick: ge
-				}, {
-					default: S(() => [...i[10] ||= [p("链接", -1)]]),
+				}, 1032, ["text"])), 64)),
+				h(i, { text: "链接" }, {
+					default: x(() => [h(r, {
+						icon: y(ue),
+						label: "链接",
+						variant: q("link") ? "tonal" : "standard",
+						disabled: !G.value,
+						"aria-expanded": R.value,
+						onMousedown: o[1] ||= C(() => {}, ["prevent"]),
+						onClick: De
+					}, null, 8, [
+						"icon",
+						"variant",
+						"disabled",
+						"aria-expanded"
+					])]),
 					_: 1
-				}, 8, ["disabled", "aria-expanded"]),
-				m(t, {
-					variant: "text",
-					disabled: !he.value,
-					onMousedown: i[2] ||= w(() => {}, ["prevent"]),
-					onClick: i[3] ||= (e) => Q("undo")
-				}, {
-					default: S(() => [...i[11] ||= [p("撤销", -1)]]),
+				}),
+				h(i, { text: "撤销" }, {
+					default: x(() => [h(r, {
+						icon: y(T),
+						label: "撤销",
+						disabled: !Te.value,
+						onMousedown: o[2] ||= C(() => {}, ["prevent"]),
+						onClick: o[3] ||= (e) => Q("undo")
+					}, null, 8, ["icon", "disabled"])]),
 					_: 1
-				}, 8, ["disabled"]),
-				m(t, {
-					variant: "text",
-					disabled: !q.value,
-					onMousedown: i[4] ||= w(() => {}, ["prevent"]),
-					onClick: i[5] ||= (e) => Q("redo")
+				}),
+				h(i, {
+					text: "重做",
+					position: "left"
 				}, {
-					default: S(() => [...i[12] ||= [p("重做", -1)]]),
+					default: x(() => [h(r, {
+						icon: y(de),
+						label: "重做",
+						disabled: !Ee.value,
+						onMousedown: o[4] ||= C(() => {}, ["prevent"]),
+						onClick: o[5] ||= (e) => Q("redo")
+					}, null, 8, ["icon", "disabled"])]),
 					_: 1
-				}, 8, ["disabled"])
+				})
 			]),
-			m(c, ee({ name: "kima-popup" }, b(n)), {
-				default: S(() => [R.value ? (g(), d("div", ae, [
-					ie(f("input", {
-						"onUpdate:modelValue": i[6] ||= (e) => z.value = e,
+			h(l, te({ name: "kima-popup" }, y(n)), {
+				default: x(() => [R.value ? (g(), f("div", ye, [
+					se(p("input", {
+						"onUpdate:modelValue": o[6] ||= (e) => z.value = e,
 						"aria-label": "链接地址",
 						disabled: !G.value,
 						placeholder: "https://example.com",
-						onKeydown: [C(w($, ["prevent"]), ["enter"]), i[7] ||= C(w((e) => {
+						onKeydown: [S(C($, ["prevent"]), ["enter"]), o[7] ||= S(C((e) => {
 							R.value = !1, I.value?.commands.focus();
 						}, ["prevent"]), ["esc"])]
-					}, null, 40, oe), [[re, z.value]]),
-					m(t, {
+					}, null, 40, be), [[oe, z.value]]),
+					h(t, {
 						disabled: !G.value,
 						onClick: $
 					}, {
-						default: S(() => [...i[13] ||= [p("应用链接", -1)]]),
+						default: x(() => [...o[10] ||= [m("应用链接", -1)]]),
 						_: 1
 					}, 8, ["disabled"]),
-					m(t, {
+					h(t, {
 						variant: "text",
-						onClick: i[8] ||= (e) => {
+						onClick: o[8] ||= (e) => {
 							R.value = !1, I.value?.commands.focus();
 						}
 					}, {
-						default: S(() => [...i[14] ||= [p("取消", -1)]]),
+						default: x(() => [...o[11] ||= [m("取消", -1)]]),
 						_: 1
 					}),
-					B.value ? (g(), d("span", se, y(B.value), 1)) : u("", !0)
-				])) : u("", !0)]),
+					B.value ? (g(), f("span", xe, v(B.value), 1)) : d("", !0)
+				])) : d("", !0)]),
 				_: 1
 			}, 16),
-			I.value ? u("", !0) : (g(), d("div", {
+			I.value ? d("", !0) : (g(), f("div", {
 				key: 0,
 				class: "kima-rich-text-editor__document",
-				innerHTML: b(a)(b(W))
-			}, null, 8, ce)),
-			f("div", {
+				innerHTML: y(s)(y(W))
+			}, null, 8, Se)),
+			p("div", {
 				ref_key: "mount",
 				ref: P,
 				class: "kima-rich-text-editor__document"
 			}, null, 512),
-			f("output", le, "选区 " + y(K.value.from) + "–" + y(K.value.to) + y(K.value.text ? ` · ${K.value.text}` : ""), 1),
-			f("textarea", {
+			p("output", E, "选区 " + v(K.value.from) + "–" + v(K.value.to) + v(K.value.text ? ` · ${K.value.text}` : ""), 1),
+			p("textarea", {
 				ref_key: "proxy",
 				ref: F,
 				class: "kima-rich-text-editor__proxy",
 				name: e.name,
 				form: e.form,
-				value: b(W),
+				value: y(W),
 				disabled: e.disabled,
 				tabindex: "-1",
 				"aria-hidden": "true",
-				onInvalid: i[9] ||= w((e) => I.value?.commands.focus(), ["prevent"])
-			}, null, 40, ue)
-		], 8, O));
+				onInvalid: o[9] ||= C((e) => I.value?.commands.focus(), ["prevent"])
+			}, null, 40, D)
+		], 8, _e));
 	}
-}, [["__scopeId", "data-v-19796b0b"]]);
-export { A as default };
+}, [["__scopeId", "data-v-82e3193e"]]);
+export { O as default };

package/dist/vue/components/core/code-block.ce.js

@@ -1,8 +1,8 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./icon.ce.js";
 import n from "./icon-button.ce.js";
-import { highlightCodeLines as r } from "../../utils/code-highlight.js";
-import i from "./tooltip.ce.js";
+import r from "./tooltip.ce.js";
+import { highlightCodeLines as i } from "../../utils/code-highlight.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, createVNode as f, getCurrentInstance as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useAttrs as S, watch as C, withCtx as w } from "vue";
 import { Copy01Icon as T, TextWrapIcon as E, Tick01Icon as D } from "@hugeicons/core-free-icons";
@@ -47,7 +47,7 @@ var O = { class: "kima-code-block__toolbar" }, k = { class: "kima-code-block__me
 		}), C(() => L.code, () => {
 			W.value = "";
 		});
-		let G = s(() => r(L.code, L.language));
+		let G = s(() => i(L.code, L.language));
 		async function K() {
 			if (U.value) return;
 			let e = L.code;
@@ -60,8 +60,8 @@ var O = { class: "kima-code-block__toolbar" }, k = { class: "kima-code-block__me
 				U.value = !1;
 			}
 		}
-		return (r, s) => (_(), u("figure", m(V.value, { class: ["kima-code-block", { "kima-code-block--wrap": H.value }] }), [
-			d("figcaption", O, [d("div", k, [e.filename ? (_(), u("span", A, b(e.filename), 1)) : l("", !0), d("span", j, b(e.language), 1)]), d("div", M, [f(i, {
+		return (i, s) => (_(), u("figure", m(V.value, { class: ["kima-code-block", { "kima-code-block--wrap": H.value }] }), [
+			d("figcaption", O, [d("div", k, [e.filename ? (_(), u("span", A, b(e.filename), 1)) : l("", !0), d("span", j, b(e.language), 1)]), d("div", M, [f(r, {
 				text: H.value ? "关闭自动换行" : "开启自动换行",
 				position: "left"
 			}, {
@@ -79,7 +79,7 @@ var O = { class: "kima-code-block__toolbar" }, k = { class: "kima-code-block__me
 					"aria-pressed"
 				])]),
 				_: 1
-			}, 8, ["text"]), e.copyable ? (_(), c(i, {
+			}, 8, ["text"]), e.copyable ? (_(), c(r, {
 				key: 0,
 				text: W.value === "已复制" ? "已复制" : "复制代码",
 				position: "left"