@baishuyun/ui-base 2.3.2 → 2.3.4

package/dist/Editor/index.js

@@ -1,59 +1,70 @@
-import "../Icon/Icon-DppVOyPK.js";
-import "../vendors/useLocale-BfT0V1j4.js";
-import { t as e } from "../vendors/clsx-DNOE4Gl8.js";
-import "../Modal/Modal-FVJpbEgw.js";
-import "../ColorPicker/ColorPicker-BBP-4-so.js";
-import "../vendors/tinycolor2-DToeAEPD.js";
-import "../vendors/color-BPWy9DvT.js";
-import "../Select/SelectInputSearch-CIXBNLFi.js";
-import "../CheckBox/CheckBox--rXaUgMO.js";
-import "../CheckBox/CheckBox-Db8X-pw9.js";
-import "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
-import "../vendors/useFloatingPortal-BA6P5GxV.js";
-import "../DropDown/DropDown-CKXi9mXN.js";
-import { C as t, D as n, F as r, I as i, M as a, N as o, O as s, P as c, S as l, T as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, l as y, m as b, o as x, p as ee, r as te, t as ne, u as re, v as ie, w as S, x as C, y as w } from "../vendors/lexical-hZliMgDv.js";
-import { a as T, c as E, i as D, l as O, n as k, o as ae, r as oe, s as se } from "./Buttons--dMLPuk2.js";
-import { DEFAULT_BACKGROUND_COLOR as A, DEFAULT_FONT_COLOR as j, DEFAULT_FONT_SIZE as M } from "./constants/index.js";
-import { Fragment as ce, jsx as N, jsxs as P } from "react/jsx-runtime";
-import F, { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import "../Icon/Icon-CTZCSuVg.js";
+import "../vendors/useLocale-BXnqO-Ju.js";
+import "../Modal/Modal-DQ5bptu_.js";
+import "../ColorPicker/ColorPicker-C1kG_eI-.js";
+import "../vendors/color-CyuNdAfc.js";
+import "../Select/SelectInputSearch-DMY6Y9B6.js";
+import "../CheckBox/CheckBox-l__wOnmH.js";
+import "../CheckBox/CheckBox-Cz6KW9Lw.js";
+import "../NotFoundContent/NotFoundContent-1-41e1rN.js";
+import "../vendors/useFloatingPortal-W4pliYWU.js";
+import "../DropDown/DropDown-BAPBTglm.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s } from "./Buttons-CsKKYGbV.js";
+import { DEFAULT_BACKGROUND_COLOR as c, DEFAULT_FONT_COLOR as l, DEFAULT_FONT_SIZE as u } from "./constants/index.js";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import m, { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import b from "clsx";
+import { LexicalComposer as x } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as S } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as C } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as w } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as T } from "@lexical/react/LexicalOnChangePlugin";
+import { LexicalErrorBoundary as E } from "@lexical/react/LexicalErrorBoundary";
+import { $generateHtmlFromNodes as D, $generateNodesFromDOM as O } from "@lexical/html";
+import { $applyNodeReplacement as ee, $createParagraphNode as te, $getNodeByKey as ne, $getRoot as re, $getRoot as k, $getSelection as A, $insertNodes as j, $isElementNode as M, $isRangeSelection as N, $isRootOrShadowRoot as ie, $isTextNode as P, COMMAND_PRIORITY_EDITOR as ae, COMMAND_PRIORITY_LOW as oe, DecoratorNode as se, KEY_ENTER_COMMAND as ce, TextNode as F } from "lexical";
+import { useLexicalComposerContext as I, useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
+import { $getSelectionStyleValueForProperty as R, $patchStyleText as z } from "@lexical/selection";
+import { $findMatchingParent as B } from "@lexical/utils";
+import { $isLinkNode as V, AutoLinkNode as H, LinkNode as U } from "@lexical/link";
+import { LinkPlugin as W } from "@lexical/react/LexicalLinkPlugin";
 //#region src/components/Editor/ToolbarPlugin/ToolbarPlugin.module.scss
-var V = {
+var G = {
 	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_n60av_1",
 	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_n60av_9",
 	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_n60av_15"
 };
 //#endregion
 //#region src/components/Editor/hooks/useTextFormatsState.ts
-function H() {
-	let [e] = i(), [t, a] = B({
+function le() {
+	let [e] = L(), [t, n] = y({
 		bold: !1,
 		italic: !1,
 		underline: !1,
-		fontSize: M,
-		fontColor: j,
-		backgroundColor: A,
+		fontSize: u,
+		fontColor: l,
+		backgroundColor: c,
 		align: "left",
 		link: void 0
 	});
-	return L(() => e.registerUpdateListener(({ editorState: e }) => {
+	return g(() => e.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = C();
-			if (u(e)) {
-				let t = d(e, "font-size", M), i = d(e, "color", j), o = d(e, "background-color", A), s = e.anchor.getNode(), c = s.getKey() === "root" ? s : v(s, (e) => {
+			let e = A();
+			if (N(e)) {
+				let t = R(e, "font-size", u), r = R(e, "color", l), i = R(e, "background-color", c), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : B(a, (e) => {
 					let t = e.getParent();
-					return t !== null && n(t);
+					return t !== null && ie(t);
 				});
-				c === null && (c = s.getTopLevelElementOrThrow());
-				let l = {}, u = v(s, x);
-				u ? (l.link = u.getURL(), l.linkText = u.getTextContent(), l.newBlank = u.getTarget() === "_blank") : l.linkText = e.getTextContent(), a({
+				o === null && (o = a.getTopLevelElementOrThrow());
+				let s = {}, d = B(a, V);
+				d ? (s.link = d.getURL(), s.linkText = d.getTextContent(), s.newBlank = d.getTarget() === "_blank") : s.linkText = e.getTextContent(), n({
 					bold: e.hasFormat("bold"),
 					italic: e.hasFormat("italic"),
 					underline: e.hasFormat("underline"),
 					fontSize: t,
-					fontColor: i,
-					backgroundColor: o,
-					align: r(c) ? c.getFormatType() : "left",
-					link: l
+					fontColor: r,
+					backgroundColor: i,
+					align: M(o) ? o.getFormatType() : "left",
+					link: s
 				});
 			}
 		});
@@ -61,30 +72,30 @@ function H() {
 }
 //#endregion
 //#region src/components/Editor/ToolbarPlugin/context/TextFormatProvider.tsx
-var U = (e) => {
-	let t = H();
-	return /* @__PURE__ */ N(O.Provider, {
+var ue = (e) => {
+	let t = le();
+	return /* @__PURE__ */ f(r.Provider, {
 		value: t,
 		children: e.children
 	});
-}, W = (e) => {
+}, de = (e) => {
 	let { config: t = [], style: n } = e, r = (e, t) => {
-		let n = typeof e == "string" ? e : e.name, r = k(n);
-		return r ? typeof e == "string" ? /* @__PURE__ */ N(r, {}, `${n}-${t}`) : /* @__PURE__ */ N(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
+		let n = typeof e == "string" ? e : e.name, r = i(n);
+		return r ? typeof e == "string" ? /* @__PURE__ */ f(r, {}, `${n}-${t}`) : /* @__PURE__ */ f(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
 	};
-	return /* @__PURE__ */ N(U, { children: /* @__PURE__ */ N("div", {
-		className: V["bsy-lexical__toolbar"],
+	return /* @__PURE__ */ f(ue, { children: /* @__PURE__ */ f("div", {
+		className: G["bsy-lexical__toolbar"],
 		style: n,
-		children: t.map((e, n) => /* @__PURE__ */ P("div", {
-			className: V["bsy-lexical__toolbar-group"],
+		children: t.map((e, n) => /* @__PURE__ */ p("div", {
+			className: G["bsy-lexical__toolbar-group"],
 			"data-group": e.key,
-			children: [e.buttons.map((e, t) => r(e, t)), n < t.length - 1 && /* @__PURE__ */ N("div", { className: V["bsy-lexical__toolbar-divider"] })]
+			children: [e.buttons.map((e, t) => r(e, t)), n < t.length - 1 && /* @__PURE__ */ f("div", { className: G["bsy-lexical__toolbar-divider"] })]
 		}, e.key + n))
 	}) });
-}, G = {
+}, K = {
 	"bsy-lexical-editor": "_bsy-lexical-editor_19ssw_1",
 	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_19ssw_6"
-}, K = {
+}, q = {
 	imageWrapper: "_imageWrapper_y06h3_1",
 	selected: "_selected_y06h3_8",
 	resizing: "_resizing_y06h3_12",
@@ -94,22 +105,22 @@ var U = (e) => {
 	topRight: "_topRight_y06h3_49",
 	bottomLeft: "_bottomLeft_y06h3_54",
 	bottomRight: "_bottomRight_y06h3_59"
-}, le = ({ src: n, altText: r, width: a, height: o, nodeKey: s }) => {
-	let [c] = i(), [l, d] = B(!1), [f, p] = B(null), m = z(null), [h, g] = B({
-		width: a || void 0,
-		height: o || void 0
-	}), _ = I(() => {
-		a && o && g({
-			width: a,
-			height: o
+}, fe = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
+	let [a] = L(), [o, s] = y(!1), [c, l] = y(null), u = v(null), [_, x] = y({
+		width: n || void 0,
+		height: r || void 0
+	}), S = h(() => {
+		n && r && x({
+			width: n,
+			height: r
 		});
-	}, [a, o]), v = I((e, t) => {
-		if (e.preventDefault(), e.stopPropagation(), !m.current) return;
-		let n = h.width || m.current.offsetWidth, r = h.height || m.current.offsetHeight, i = n / r;
-		(!h.width || !h.height) && g({
+	}, [n, r]), C = h((e, t) => {
+		if (e.preventDefault(), e.stopPropagation(), !u.current) return;
+		let n = _.width || u.current.offsetWidth, r = _.height || u.current.offsetHeight, i = n / r;
+		(!_.width || !_.height) && x({
 			width: n,
 			height: r
-		}), p({
+		}), l({
 			isResizing: !0,
 			startX: e.clientX,
 			startY: e.clientY,
@@ -118,105 +129,105 @@ var U = (e) => {
 			aspectRatio: i,
 			direction: t
 		});
-	}, [h]), y = I((e) => {
-		if (!f?.isResizing) return;
-		let t = e.clientX - f.startX, n;
-		switch (f.direction) {
+	}, [_]), w = h((e) => {
+		if (!c?.isResizing) return;
+		let t = e.clientX - c.startX, n;
+		switch (c.direction) {
 			case "bottom-right":
-				n = Math.max(50, f.startWidth + t);
+				n = Math.max(50, c.startWidth + t);
 				break;
 			case "bottom-left":
-				n = Math.max(50, f.startWidth - t);
+				n = Math.max(50, c.startWidth - t);
 				break;
 			case "top-right":
-				n = Math.max(50, f.startWidth + t);
+				n = Math.max(50, c.startWidth + t);
 				break;
 			case "top-left":
-				n = Math.max(50, f.startWidth - t);
+				n = Math.max(50, c.startWidth - t);
 				break;
-			default: n = Math.max(50, f.startWidth + t);
+			default: n = Math.max(50, c.startWidth + t);
 		}
-		let r = n / f.aspectRatio;
-		g({
+		let r = n / c.aspectRatio;
+		x({
 			width: n,
 			height: r
 		});
-	}, [f]), b = I(() => {
-		f?.isResizing && (c.update(() => {
-			let e = t(s);
-			ue(e) && e.setWidthAndHeight(h.width, h.height);
-		}), p(null));
+	}, [c]), T = h(() => {
+		c?.isResizing && (a.update(() => {
+			let e = ne(i);
+			pe(e) && e.setWidthAndHeight(_.width, _.height);
+		}), l(null));
 	}, [
-		c,
-		s,
-		h,
-		f
+		a,
+		i,
+		_,
+		c
 	]);
-	F.useEffect(() => {
-		if (f?.isResizing) return document.addEventListener("mousemove", y), document.addEventListener("mouseup", b), () => {
-			document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", b);
+	m.useEffect(() => {
+		if (c?.isResizing) return document.addEventListener("mousemove", w), document.addEventListener("mouseup", T), () => {
+			document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", T);
 		};
 	}, [
-		f,
-		y,
-		b
+		c,
+		w,
+		T
 	]);
-	let x = I(() => {
-		d(!0);
+	let E = h(() => {
+		s(!0);
 	}, []);
-	return L(() => c.registerUpdateListener(({ editorState: e }) => {
+	return g(() => a.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = C();
-			u(e) && !e.getNodes().some((e) => e.getKey() === s || e.getParent() && e.getParent()?.getKey() === s) && l && d(!1);
+			let e = A();
+			N(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
 		});
 	}), [
-		c,
-		s,
-		l
-	]), L(() => {
+		a,
+		i,
+		o
+	]), g(() => {
 		let e = (e) => {
-			l && m.current && !m.current.contains(e.target) && d(!1);
+			o && u.current && !u.current.contains(e.target) && s(!1);
 		};
-		if (l) return document.addEventListener("mousedown", e), () => {
+		if (o) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [l]), /* @__PURE__ */ P("div", {
-		className: e(K.imageWrapper, {
-			[K.selected]: l,
-			[K.resizing]: f?.isResizing
+	}, [o]), /* @__PURE__ */ p("div", {
+		className: b(q.imageWrapper, {
+			[q.selected]: o,
+			[q.resizing]: c?.isResizing
 		}),
-		children: [/* @__PURE__ */ N("img", {
-			ref: m,
-			src: n,
-			alt: r,
-			className: K.image,
+		children: [/* @__PURE__ */ f("img", {
+			ref: u,
+			src: e,
+			alt: t,
+			className: q.image,
 			style: {
-				width: h.width,
-				height: h.height
+				width: _.width,
+				height: _.height
 			},
-			onLoad: _,
-			onClick: x,
+			onLoad: S,
+			onClick: E,
 			draggable: !1
-		}), l && /* @__PURE__ */ P(ce, { children: [
-			/* @__PURE__ */ N("div", {
-				className: e(K.resizeHandle, K.bottomRight),
-				onMouseDown: (e) => v(e, "bottom-right")
+		}), o && /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f("div", {
+				className: b(q.resizeHandle, q.bottomRight),
+				onMouseDown: (e) => C(e, "bottom-right")
 			}),
-			/* @__PURE__ */ N("div", {
-				className: e(K.resizeHandle, K.bottomLeft),
-				onMouseDown: (e) => v(e, "bottom-left")
+			/* @__PURE__ */ f("div", {
+				className: b(q.resizeHandle, q.bottomLeft),
+				onMouseDown: (e) => C(e, "bottom-left")
 			}),
-			/* @__PURE__ */ N("div", {
-				className: e(K.resizeHandle, K.topRight),
-				onMouseDown: (e) => v(e, "top-right")
+			/* @__PURE__ */ f("div", {
+				className: b(q.resizeHandle, q.topRight),
+				onMouseDown: (e) => C(e, "top-right")
 			}),
-			/* @__PURE__ */ N("div", {
-				className: e(K.resizeHandle, K.topLeft),
-				onMouseDown: (e) => v(e, "top-left")
+			/* @__PURE__ */ f("div", {
+				className: b(q.resizeHandle, q.topLeft),
+				onMouseDown: (e) => C(e, "top-left")
 			})
 		] })]
 	});
-}, q = class e extends l {
+}, J = class e extends se {
 	static getType() {
 		return "image";
 	}
@@ -262,7 +273,7 @@ var U = (e) => {
 		n.__width = e, n.__height = t;
 	}
 	decorate() {
-		return /* @__PURE__ */ N(le, {
+		return /* @__PURE__ */ f(fe, {
 			src: this.__src,
 			altText: this.__altText,
 			width: this.__width,
@@ -272,13 +283,13 @@ var U = (e) => {
 	}
 	static importDOM() {
 		return { img: () => ({
-			conversion: Y,
+			conversion: me,
 			priority: 0
 		}) };
 	}
 	static importJSON(e) {
 		let { src: t, altText: n, width: r, height: i } = e;
-		return J({
+		return Y({
 			src: t,
 			altText: n,
 			width: r,
@@ -299,13 +310,13 @@ var U = (e) => {
 		return !0;
 	}
 };
-function J({ src: e, altText: t, width: n, height: r, key: i }) {
-	return new q(e, t, n, r, i);
+function Y({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new J(e, t, n, r, i);
 }
-function ue(e) {
-	return e instanceof q;
+function pe(e) {
+	return e instanceof J;
 }
-function Y(e) {
+function me(e) {
 	if (e instanceof HTMLImageElement) {
 		let { src: t, alt: n, style: r } = e, i, a;
 		if (r.width) {
@@ -316,7 +327,7 @@ function Y(e) {
 			let e = parseInt(r.height, 10);
 			isNaN(e) || (a = e);
 		}
-		return i === void 0 && e.width && (i = e.width), a === void 0 && e.height && (a = e.height), { node: J({
+		return i === void 0 && e.width && (i = e.width), a === void 0 && e.height && (a = e.height), { node: Y({
 			src: t,
 			altText: n,
 			width: i,
@@ -327,23 +338,23 @@ function Y(e) {
 }
 //#endregion
 //#region src/components/Editor/plugins/ImagePlugin.tsx
-function de() {
-	let [e] = i();
-	return L(() => e.registerCommand(ae, (e) => (S([J(e)]), !0), 0), [e]), null;
+function he() {
+	let [e] = L();
+	return g(() => e.registerCommand(a, (e) => (j([Y(e)]), !0), ae), [e]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/EnterKeyPlugin.tsx
-function fe() {
-	let [e] = i(), t = z(0);
-	return L(() => e.registerCommand(p, (n) => {
+function ge() {
+	let [e] = L(), t = v(0);
+	return g(() => e.registerCommand(ce, (n) => {
 		let r = Date.now(), i = r - t.current;
 		return t.current = r, i < 250 && i > 0 ? (e.update(() => {
-			let e = C();
-			if (u(e)) {
+			let e = A();
+			if (N(e)) {
 				let t = e.anchor.getNode().getTopLevelElement();
 				if (t && t.getTextContent().trim() === "") {
-					let n = w();
-					_(e, {
+					let n = te();
+					z(e, {
 						"background-color": "",
 						color: "",
 						"font-size": "",
@@ -356,57 +367,57 @@ function fe() {
 				}
 			}
 		}), n?.preventDefault(), !0) : !1;
-	}, 1), [e]), null;
+	}, oe), [e]), null;
 }
 //#endregion
 //#region src/components/Editor/EditorCore.tsx
 var X = (e) => {
-	let { height: t = 126, onChange: n, toolbar: r } = e, [a] = i(), o = z(null), s = z(null), l = R(() => ({
-		containerRef: o,
-		getPopupContainer: () => o.current || document.body
-	}), []), u = I((e) => {
+	let { height: t = 126, onChange: n, toolbar: r } = e, [i] = L(), a = v(null), o = v(null), c = _(() => ({
+		containerRef: a,
+		getPopupContainer: () => a.current || document.body
+	}), []), l = h((e) => {
 		e.read(() => {
-			let t = c().getTextContent(), r = ee(a, null), i = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
-			s.current = i, n({
+			let t = k().getTextContent(), r = D(i, null), a = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
+			o.current = a, n({
 				text: t,
-				html: i
+				html: a
 			}, e);
 		});
-	}, [n, a]);
-	L(() => {
-		e.value !== void 0 && e.value !== s.current && a.update(() => {
-			c().clear(), e.value && e.value.trim() && S(b(a, new DOMParser().parseFromString(e.value, "text/html")));
+	}, [n, i]);
+	g(() => {
+		e.value !== void 0 && e.value !== o.current && i.update(() => {
+			k().clear(), e.value && e.value.trim() && j(O(i, new DOMParser().parseFromString(e.value, "text/html")));
 		});
-	}, [e.value, a]);
-	let d = r?.config?.length ? r?.config : [], f = a.isEditable();
-	return /* @__PURE__ */ N(se.Provider, {
-		value: l,
-		children: /* @__PURE__ */ P("div", {
-			ref: o,
-			className: G["bsy-lexical-editor"],
+	}, [e.value, i]);
+	let u = r?.config?.length ? r?.config : [], d = i.isEditable();
+	return /* @__PURE__ */ f(s.Provider, {
+		value: c,
+		children: /* @__PURE__ */ p("div", {
+			ref: a,
+			className: K["bsy-lexical-editor"],
 			onClick: () => {
-				f || (a.setEditable(!0), a.focus(() => {}, { defaultSelection: "rootEnd" }));
+				d || (i.setEditable(!0), i.focus(() => {}, { defaultSelection: "rootEnd" }));
 			},
 			children: [
-				d.length > 0 && /* @__PURE__ */ N(W, {
-					config: d,
+				u.length > 0 && /* @__PURE__ */ f(de, {
+					config: u,
 					style: { ...r?.style }
 				}),
-				/* @__PURE__ */ N(g, {
-					contentEditable: /* @__PURE__ */ N(h, {
-						className: G["bsy-lexical-editor__content-editable"],
+				/* @__PURE__ */ f(S, {
+					contentEditable: /* @__PURE__ */ f(C, {
+						className: K["bsy-lexical-editor__content-editable"],
 						style: {
 							height: t,
-							cursor: f ? "auto" : "text"
+							cursor: d ? "auto" : "text"
 						}
 					}),
-					ErrorBoundary: m
+					ErrorBoundary: E
 				}),
-				/* @__PURE__ */ N(ne, {}),
-				/* @__PURE__ */ N(de, {}),
-				/* @__PURE__ */ N(fe, {}),
-				/* @__PURE__ */ N(re, {}),
-				/* @__PURE__ */ N(y, { onChange: u })
+				/* @__PURE__ */ f(W, {}),
+				/* @__PURE__ */ f(he, {}),
+				/* @__PURE__ */ f(ge, {}),
+				/* @__PURE__ */ f(w, {}),
+				/* @__PURE__ */ f(T, { onChange: l })
 			]
 		})
 	});
@@ -414,7 +425,7 @@ var X = (e) => {
 X.displayName = "BsyLexicalEditorCore";
 //#endregion
 //#region src/components/Editor/nodes/ExtendedTextNode.tsx
-var Z = class e extends a {
+var Z = class e extends F {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -425,7 +436,7 @@ var Z = class e extends a {
 		return new e(t.__text, t.__key);
 	}
 	static importDOM() {
-		let e = a.importDOM();
+		let e = F.importDOM();
 		return {
 			...e,
 			code: () => ({
@@ -455,14 +466,14 @@ var Z = class e extends a {
 		};
 	}
 	static importJSON(e) {
-		return pe().updateFromJSON(e);
+		return _e().updateFromJSON(e);
 	}
 	isSimpleText() {
 		return this.__type === "extended-text" && this.__mode === 0;
 	}
 };
-function pe(e = "") {
-	return s(new Z(e));
+function _e(e = "") {
+	return ee(new Z(e));
 }
 function Q(e) {
 	return (t) => {
@@ -470,19 +481,19 @@ function Q(e) {
 		if (!n) return null;
 		let r = n.conversion(t);
 		if (!r) return r;
-		let i = t.style.backgroundColor, a = t.style.color, s = t.style.fontFamily, c = t.style.fontWeight, l = t.style.fontSize, u = t.style.textDecoration;
+		let i = t.style.backgroundColor, a = t.style.color, o = t.style.fontFamily, s = t.style.fontWeight, c = t.style.fontSize, l = t.style.textDecoration;
 		return {
 			...r,
 			forChild: (e, t) => {
 				let n = (r?.forChild ?? ((e) => e))(e, t);
-				if (o(n)) {
+				if (P(n)) {
 					let e = [
 						i ? `background-color: ${i}` : null,
 						a ? `color: ${a}` : null,
-						s ? `font-family: ${s}` : null,
-						c ? `font-weight: ${c}` : null,
-						l ? `font-size: ${l}` : null,
-						u ? `text-decoration: ${u}` : null
+						o ? `font-family: ${o}` : null,
+						s ? `font-weight: ${s}` : null,
+						c ? `font-size: ${c}` : null,
+						l ? `text-decoration: ${l}` : null
 					].filter((e) => e !== null).join("; ");
 					if (e.length) return n.setStyle(e);
 				}
@@ -495,8 +506,8 @@ function Q(e) {
 //#region src/components/Editor/Editor.tsx
 var $ = (e) => {
 	let { autoFocus: t = !1 } = e;
-	return /* @__PURE__ */ N(ie, {
-		initialConfig: R(() => ({
+	return /* @__PURE__ */ f(x, {
+		initialConfig: _(() => ({
 			namespace: "bsyLexicalEditor",
 			onError: (e) => {
 				console.error("Lexical error", e);
@@ -511,20 +522,20 @@ var $ = (e) => {
 				link: "editor-link"
 			},
 			nodes: [
-				te,
-				f,
-				q,
+				U,
+				H,
+				J,
 				Z,
 				{
-					replace: a,
+					replace: F,
 					with: (e) => new Z(e.__text),
 					withKlass: Z
 				}
 			]
 		}), [t]),
-		children: /* @__PURE__ */ N(X, { ...e })
+		children: /* @__PURE__ */ f(X, { ...e })
 	});
 };
 $.displayName = "BsyLexicalEditor";
 //#endregion
-export { c as $getRoot, E as BaseButton, $ as default, oe as listRegisteredToolbarButtons, D as registerToolbarButton, T as unregisterToolbarButton, i as useLexicalComposerContext };
+export { re as $getRoot, t as BaseButton, $ as default, o as listRegisteredToolbarButtons, n as registerToolbarButton, e as unregisterToolbarButton, I as useLexicalComposerContext };

package/dist/Icon/Icon-CTZCSuVg.js

@@ -0,0 +1,19 @@
+import { createFromIconfontCN as e } from "@ant-design/icons";
+import { isNumber as t } from "lodash-es";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
+var r = e({ scriptUrl: "https://at.alicdn.com/t/c/font_4786625_ofg0ibxfhle.js" }), i = ({ name: e, style: i, className: a, onClick: o, color: s, size: c = 16 }) => {
+	let l = {
+		color: s,
+		fontSize: t(c) ? `${c}px` : c,
+		...i
+	};
+	return /* @__PURE__ */ n(r, {
+		onClick: o,
+		type: `icon-${e}`,
+		style: l,
+		className: `${a || ""}`
+	});
+};
+//#endregion
+export { i as t };

package/dist/Icon/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Icon-DppVOyPK.js";
+import { t as e } from "./Icon-CTZCSuVg.js";
 export { e as default };