@baishuyun/ui-base 2.3.0 → 2.3.2

package/dist/Editor/index.js

@@ -1,588 +1,530 @@
-import { jsx as u, jsxs as W, Fragment as et } from "react/jsx-runtime";
-import { o as N, P as F, _ as $, Y as M, w as U, f as nt, x as G, j as it, C as ot, L as rt, $ as B, S as st, a as at, W as V, J as lt, F as ct, B as ut, M as dt, b as J, g as ht, m as gt, h as mt, c as ft, d as _t, e as bt, n as pt, q as z, s as xt, i as yt, k as vt } from "../vendors/lexical-DO7eMeC2.js";
-import wt, { useState as S, useEffect as y, useRef as O, useCallback as E, useMemo as Tt } from "react";
-import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-C0Rjz8DK.js";
-import { B as ie, l as oe, r as re, u as se } from "./index-C0Rjz8DK.js";
-import { DEFAULT_BACKGROUND_COLOR as j, DEFAULT_FONT_COLOR as K, DEFAULT_FONT_SIZE as Y } from "./constants/index.js";
-import { c as R } from "../vendors/clsx-OuTLNxxd.js";
-const I = {
-  "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"
+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";
+//#region src/components/Editor/ToolbarPlugin/ToolbarPlugin.module.scss
+var V = {
+	"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"
 };
-function Rt() {
-  const [i] = N(), [t, o] = S({
-    bold: !1,
-    italic: !1,
-    underline: !1,
-    fontSize: Y,
-    fontColor: K,
-    backgroundColor: j,
-    align: "left",
-    link: void 0
-  });
-  return y(() => i.registerUpdateListener(({ editorState: e }) => {
-    e.read(() => {
-      const n = F();
-      if ($(n)) {
-        const s = M(
-          n,
-          "font-size",
-          Y
-        ), a = M(
-          n,
-          "color",
-          K
-        ), l = M(
-          n,
-          "background-color",
-          j
-        ), r = n.anchor.getNode();
-        let m = r.getKey() === "root" ? r : U(r, (_) => {
-          const h = _.getParent();
-          return h !== null && nt(h);
-        });
-        m === null && (m = r.getTopLevelElementOrThrow());
-        const d = {}, f = U(r, Ct);
-        f ? (d.link = f.getURL(), d.linkText = f.getTextContent(), d.newBlank = f.getTarget() === "_blank") : d.linkText = n.getTextContent(), o({
-          bold: n.hasFormat("bold"),
-          italic: n.hasFormat("italic"),
-          underline: n.hasFormat("underline"),
-          fontSize: s,
-          fontColor: a,
-          backgroundColor: l,
-          align: G(m) ? m.getFormatType() : "left",
-          link: d
-        });
-      }
-    });
-  }), [i]), t;
+//#endregion
+//#region src/components/Editor/hooks/useTextFormatsState.ts
+function H() {
+	let [e] = i(), [t, a] = B({
+		bold: !1,
+		italic: !1,
+		underline: !1,
+		fontSize: M,
+		fontColor: j,
+		backgroundColor: A,
+		align: "left",
+		link: void 0
+	});
+	return L(() => 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 t = e.getParent();
+					return t !== null && n(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({
+					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
+				});
+			}
+		});
+	}), [e]), t;
 }
-const Dt = (i) => {
-  const t = Rt();
-  return /* @__PURE__ */ u(Et.Provider, { value: t, children: i.children });
-}, St = (i) => {
-  const { config: t = [], style: o } = i, e = (n, s) => {
-    const a = typeof n == "string" ? n : n.name, l = Lt(a);
-    return l ? typeof n == "string" ? /* @__PURE__ */ u(l, {}, `${a}-${s}`) : /* @__PURE__ */ u(l, { ...n.props }, `${a}-${s}`) : (console.warn(`[ToolbarPlugin] Button "${a}" is not registered.`), null);
-  };
-  return /* @__PURE__ */ u(Dt, { children: /* @__PURE__ */ u("div", { className: I["bsy-lexical__toolbar"], style: o, children: t.map((n, s) => /* @__PURE__ */ W(
-    "div",
-    {
-      className: I["bsy-lexical__toolbar-group"],
-      "data-group": n.key,
-      children: [
-        n.buttons.map((a, l) => e(a, l)),
-        s < t.length - 1 && /* @__PURE__ */ u("div", { className: I["bsy-lexical__toolbar-divider"] })
-      ]
-    },
-    n.key + s
-  )) }) });
-}, q = {
-  "bsy-lexical-editor": "_bsy-lexical-editor_19ssw_1",
-  "bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_19ssw_6"
+//#endregion
+//#region src/components/Editor/ToolbarPlugin/context/TextFormatProvider.tsx
+var U = (e) => {
+	let t = H();
+	return /* @__PURE__ */ N(O.Provider, {
+		value: t,
+		children: e.children
+	});
+}, W = (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);
+	};
+	return /* @__PURE__ */ N(U, { children: /* @__PURE__ */ N("div", {
+		className: V["bsy-lexical__toolbar"],
+		style: n,
+		children: t.map((e, n) => /* @__PURE__ */ P("div", {
+			className: V["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"] })]
+		}, e.key + n))
+	}) });
+}, G = {
+	"bsy-lexical-editor": "_bsy-lexical-editor_19ssw_1",
+	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_19ssw_6"
+}, K = {
+	imageWrapper: "_imageWrapper_y06h3_1",
+	selected: "_selected_y06h3_8",
+	resizing: "_resizing_y06h3_12",
+	image: "_image_y06h3_1",
+	resizeHandle: "_resizeHandle_y06h3_30",
+	topLeft: "_topLeft_y06h3_44",
+	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
+		});
+	}, [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({
+			width: n,
+			height: r
+		}), p({
+			isResizing: !0,
+			startX: e.clientX,
+			startY: e.clientY,
+			startWidth: n,
+			startHeight: r,
+			aspectRatio: i,
+			direction: t
+		});
+	}, [h]), y = I((e) => {
+		if (!f?.isResizing) return;
+		let t = e.clientX - f.startX, n;
+		switch (f.direction) {
+			case "bottom-right":
+				n = Math.max(50, f.startWidth + t);
+				break;
+			case "bottom-left":
+				n = Math.max(50, f.startWidth - t);
+				break;
+			case "top-right":
+				n = Math.max(50, f.startWidth + t);
+				break;
+			case "top-left":
+				n = Math.max(50, f.startWidth - t);
+				break;
+			default: n = Math.max(50, f.startWidth + t);
+		}
+		let r = n / f.aspectRatio;
+		g({
+			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,
+		s,
+		h,
+		f
+	]);
+	F.useEffect(() => {
+		if (f?.isResizing) return document.addEventListener("mousemove", y), document.addEventListener("mouseup", b), () => {
+			document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", b);
+		};
+	}, [
+		f,
+		y,
+		b
+	]);
+	let x = I(() => {
+		d(!0);
+	}, []);
+	return L(() => c.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);
+		});
+	}), [
+		c,
+		s,
+		l
+	]), L(() => {
+		let e = (e) => {
+			l && m.current && !m.current.contains(e.target) && d(!1);
+		};
+		if (l) return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [l]), /* @__PURE__ */ P("div", {
+		className: e(K.imageWrapper, {
+			[K.selected]: l,
+			[K.resizing]: f?.isResizing
+		}),
+		children: [/* @__PURE__ */ N("img", {
+			ref: m,
+			src: n,
+			alt: r,
+			className: K.image,
+			style: {
+				width: h.width,
+				height: h.height
+			},
+			onLoad: _,
+			onClick: x,
+			draggable: !1
+		}), l && /* @__PURE__ */ P(ce, { children: [
+			/* @__PURE__ */ N("div", {
+				className: e(K.resizeHandle, K.bottomRight),
+				onMouseDown: (e) => v(e, "bottom-right")
+			}),
+			/* @__PURE__ */ N("div", {
+				className: e(K.resizeHandle, K.bottomLeft),
+				onMouseDown: (e) => v(e, "bottom-left")
+			}),
+			/* @__PURE__ */ N("div", {
+				className: e(K.resizeHandle, K.topRight),
+				onMouseDown: (e) => v(e, "top-right")
+			}),
+			/* @__PURE__ */ N("div", {
+				className: e(K.resizeHandle, K.topLeft),
+				onMouseDown: (e) => v(e, "top-left")
+			})
+		] })]
+	});
+}, q = class e extends l {
+	static getType() {
+		return "image";
+	}
+	static clone(t) {
+		return new e(t.__src, t.__altText, t.__width, t.__height, t.__key);
+	}
+	constructor(e, t, n, r, i) {
+		super(i), this.__src = e, this.__altText = t || "", this.__width = n, this.__height = r;
+	}
+	createDOM() {
+		let e = document.createElement("div");
+		return e.style.display = "inline-block", e;
+	}
+	updateDOM() {
+		return !1;
+	}
+	exportDOM() {
+		let e = document.createElement("img");
+		return e.setAttribute("src", this.__src), e.setAttribute("alt", this.__altText), e.style.maxWidth = "100%", e.style.display = "inline", e.style.verticalAlign = "baseline", this.__width && e.setAttribute("width", this.__width.toString()), this.__height && e.setAttribute("height", this.__height.toString()), { element: e };
+	}
+	getSrc() {
+		return this.__src;
+	}
+	getAltText() {
+		return this.__altText;
+	}
+	getWidth() {
+		return this.__width;
+	}
+	getHeight() {
+		return this.__height;
+	}
+	setSrc(e) {
+		let t = this.getWritable();
+		t.__src = e;
+	}
+	setAltText(e) {
+		let t = this.getWritable();
+		t.__altText = e;
+	}
+	setWidthAndHeight(e, t) {
+		let n = this.getWritable();
+		n.__width = e, n.__height = t;
+	}
+	decorate() {
+		return /* @__PURE__ */ N(le, {
+			src: this.__src,
+			altText: this.__altText,
+			width: this.__width,
+			height: this.__height,
+			nodeKey: this.getKey()
+		});
+	}
+	static importDOM() {
+		return { img: () => ({
+			conversion: Y,
+			priority: 0
+		}) };
+	}
+	static importJSON(e) {
+		let { src: t, altText: n, width: r, height: i } = e;
+		return J({
+			src: t,
+			altText: n,
+			width: r,
+			height: i
+		});
+	}
+	exportJSON() {
+		return {
+			src: this.getSrc(),
+			altText: this.getAltText(),
+			width: this.getWidth(),
+			height: this.getHeight(),
+			type: "image",
+			version: 1
+		};
+	}
+	isInline() {
+		return !0;
+	}
 };
-function Wt({ validateUrl: i, attributes: t }) {
-  const [o] = N();
-  return y((() => {
-    if (!o.hasNodes([Z])) throw new Error("LinkPlugin: LinkNode not registered on editor");
-    return it(o.registerCommand(X, ((e) => {
-      if (e === null) return H(e), !0;
-      if (typeof e == "string") return !(i !== void 0 && !i(e)) && (H(e, t), !0);
-      {
-        const { url: n, target: s, rel: a, title: l } = e;
-        return H(n, { ...t, rel: a, target: s, title: l }), !0;
-      }
-    }), B), i !== void 0 ? o.registerCommand(ot, ((e) => {
-      const n = F();
-      if (!$(n) || n.isCollapsed() || !rt(e, ClipboardEvent) || e.clipboardData === null) return !1;
-      const s = e.clipboardData.getData("text");
-      return !!i(s) && !n.getNodes().some(((a) => G(a))) && (o.dispatchCommand(X, { ...t, url: s }), e.preventDefault(), !0);
-    }), B) : () => {
-    });
-  }), [o, i, t]), null;
+function J({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new q(e, t, n, r, i);
 }
-const Ft = "_imageWrapper_y06h3_1", $t = "_selected_y06h3_8", Mt = "_resizing_y06h3_12", Ht = "_image_y06h3_1", It = "_resizeHandle_y06h3_30", Bt = "_topLeft_y06h3_44", zt = "_topRight_y06h3_49", Ot = "_bottomLeft_y06h3_54", At = "_bottomRight_y06h3_59", x = {
-  imageWrapper: Ft,
-  selected: $t,
-  resizing: Mt,
-  image: Ht,
-  resizeHandle: It,
-  topLeft: Bt,
-  topRight: zt,
-  bottomLeft: Ot,
-  bottomRight: At
-}, Pt = ({
-  src: i,
-  altText: t,
-  width: o,
-  height: e,
-  nodeKey: n
-}) => {
-  const [s] = N(), [a, l] = S(!1), [r, m] = S(null), d = O(null), [g, f] = S({
-    width: o || void 0,
-    height: e || void 0
-  }), _ = E(() => {
-    o && e && f({ width: o, height: e });
-  }, [o, e]), h = E(
-    (c, b) => {
-      if (c.preventDefault(), c.stopPropagation(), !d.current) return;
-      const p = g.width || d.current.offsetWidth, T = g.height || d.current.offsetHeight, k = p / T;
-      (!g.width || !g.height) && f({ width: p, height: T }), m({
-        isResizing: !0,
-        startX: c.clientX,
-        startY: c.clientY,
-        startWidth: p,
-        startHeight: T,
-        aspectRatio: k,
-        direction: b
-      });
-    },
-    [g]
-  ), v = E(
-    (c) => {
-      if (!(r != null && r.isResizing)) return;
-      const b = c.clientX - r.startX;
-      let p;
-      switch (r.direction) {
-        case "bottom-right":
-          p = Math.max(50, r.startWidth + b);
-          break;
-        case "bottom-left":
-          p = Math.max(50, r.startWidth - b);
-          break;
-        case "top-right":
-          p = Math.max(50, r.startWidth + b);
-          break;
-        case "top-left":
-          p = Math.max(50, r.startWidth - b);
-          break;
-        default:
-          p = Math.max(50, r.startWidth + b);
-      }
-      const T = p / r.aspectRatio;
-      f({ width: p, height: T });
-    },
-    [r]
-  ), w = E(() => {
-    r != null && r.isResizing && (s.update(() => {
-      const c = st(n);
-      Ut(c) && c.setWidthAndHeight(g.width, g.height);
-    }), m(null));
-  }, [s, n, g, r]);
-  wt.useEffect(() => {
-    if (r != null && r.isResizing)
-      return document.addEventListener("mousemove", v), document.addEventListener("mouseup", w), () => {
-        document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", w);
-      };
-  }, [r, v, w]);
-  const tt = E(() => {
-    l(!0);
-  }, []);
-  return y(() => s.registerUpdateListener(({ editorState: c }) => {
-    c.read(() => {
-      const b = F();
-      $(b) && !b.getNodes().some((k) => {
-        var P;
-        return k.getKey() === n || k.getParent() && ((P = k.getParent()) == null ? void 0 : P.getKey()) === n;
-      }) && a && l(!1);
-    });
-  }), [s, n, a]), y(() => {
-    const c = (b) => {
-      a && d.current && !d.current.contains(b.target) && l(!1);
-    };
-    if (a)
-      return document.addEventListener("mousedown", c), () => {
-        document.removeEventListener("mousedown", c);
-      };
-  }, [a]), /* @__PURE__ */ W(
-    "div",
-    {
-      className: R(x.imageWrapper, {
-        [x.selected]: a,
-        [x.resizing]: r == null ? void 0 : r.isResizing
-      }),
-      children: [
-        /* @__PURE__ */ u(
-          "img",
-          {
-            ref: d,
-            src: i,
-            alt: t,
-            className: x.image,
-            style: {
-              width: g.width,
-              height: g.height
-            },
-            onLoad: _,
-            onClick: tt,
-            draggable: !1
-          }
-        ),
-        a && /* @__PURE__ */ W(et, { children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: R(x.resizeHandle, x.bottomRight),
-              onMouseDown: (c) => h(c, "bottom-right")
-            }
-          ),
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: R(x.resizeHandle, x.bottomLeft),
-              onMouseDown: (c) => h(c, "bottom-left")
-            }
-          ),
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: R(x.resizeHandle, x.topRight),
-              onMouseDown: (c) => h(c, "top-right")
-            }
-          ),
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: R(x.resizeHandle, x.topLeft),
-              onMouseDown: (c) => h(c, "top-left")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-class D extends at {
-  static getType() {
-    return "image";
-  }
-  static clone(t) {
-    return new D(t.__src, t.__altText, t.__width, t.__height, t.__key);
-  }
-  constructor(t, o, e, n, s) {
-    super(s), this.__src = t, this.__altText = o || "", this.__width = e, this.__height = n;
-  }
-  createDOM() {
-    const t = document.createElement("div");
-    return t.style.display = "inline-block", t;
-  }
-  updateDOM() {
-    return !1;
-  }
-  exportDOM() {
-    const t = document.createElement("img");
-    return t.setAttribute("src", this.__src), t.setAttribute("alt", this.__altText), t.style.maxWidth = "100%", t.style.display = "inline", t.style.verticalAlign = "baseline", this.__width && t.setAttribute("width", this.__width.toString()), this.__height && t.setAttribute("height", this.__height.toString()), { element: t };
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAltText() {
-    return this.__altText;
-  }
-  getWidth() {
-    return this.__width;
-  }
-  getHeight() {
-    return this.__height;
-  }
-  setSrc(t) {
-    const o = this.getWritable();
-    o.__src = t;
-  }
-  setAltText(t) {
-    const o = this.getWritable();
-    o.__altText = t;
-  }
-  setWidthAndHeight(t, o) {
-    const e = this.getWritable();
-    e.__width = t, e.__height = o;
-  }
-  decorate() {
-    return /* @__PURE__ */ u(
-      Pt,
-      {
-        src: this.__src,
-        altText: this.__altText,
-        width: this.__width,
-        height: this.__height,
-        nodeKey: this.getKey()
-      }
-    );
-  }
-  static importDOM() {
-    return {
-      img: () => ({
-        conversion: Jt,
-        priority: 0
-      })
-    };
-  }
-  static importJSON(t) {
-    const { src: o, altText: e, width: n, height: s } = t;
-    return A({ src: o, altText: e, width: n, height: s });
-  }
-  exportJSON() {
-    return {
-      src: this.getSrc(),
-      altText: this.getAltText(),
-      width: this.getWidth(),
-      height: this.getHeight(),
-      type: "image",
-      version: 1
-    };
-  }
-  isInline() {
-    return !0;
-  }
-}
-function A({ src: i, altText: t, width: o, height: e, key: n }) {
-  return new D(i, t, o, e, n);
-}
-function Ut(i) {
-  return i instanceof D;
+function ue(e) {
+	return e instanceof q;
 }
-function Jt(i) {
-  if (i instanceof HTMLImageElement) {
-    const { src: t, alt: o, style: e } = i;
-    let n, s;
-    if (e.width) {
-      const l = parseInt(e.width, 10);
-      isNaN(l) || (n = l);
-    }
-    if (e.height) {
-      const l = parseInt(e.height, 10);
-      isNaN(l) || (s = l);
-    }
-    return n === void 0 && i.width && (n = i.width), s === void 0 && i.height && (s = i.height), { node: A({
-      src: t,
-      altText: o,
-      width: n,
-      height: s
-    }) };
-  }
-  return null;
+function Y(e) {
+	if (e instanceof HTMLImageElement) {
+		let { src: t, alt: n, style: r } = e, i, a;
+		if (r.width) {
+			let e = parseInt(r.width, 10);
+			isNaN(e) || (i = e);
+		}
+		if (r.height) {
+			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({
+			src: t,
+			altText: n,
+			width: i,
+			height: a
+		}) };
+	}
+	return null;
 }
-function Xt() {
-  const [i] = N();
-  return y(() => i.registerCommand(
-    Nt,
-    (t) => {
-      const o = A(t);
-      return V([o]), !0;
-    },
-    lt
-  ), [i]), null;
+//#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 jt() {
-  const [i] = N(), t = O(0), o = 250;
-  return y(() => i.registerCommand(
-    ct,
-    (e) => {
-      const n = Date.now(), s = n - t.current;
-      return t.current = n, s < o && s > 0 ? (i.update(() => {
-        const a = F();
-        if ($(a)) {
-          const r = a.anchor.getNode().getTopLevelElement();
-          if (r && r.getTextContent().trim() === "") {
-            const m = ut();
-            dt(a, {
-              "background-color": "",
-              color: "",
-              "font-size": "",
-              "font-weight": "",
-              "font-style": "",
-              "text-decoration": ""
-            }), r.replace(m), m.select();
-            const d = m.getPreviousSibling();
-            d && d.getTextContent().trim() === "" && d.remove();
-          }
-        }
-      }), e == null || e.preventDefault(), !0) : !1;
-    },
-    B
-  ), [i]), null;
+//#endregion
+//#region src/components/Editor/plugins/EnterKeyPlugin.tsx
+function fe() {
+	let [e] = i(), t = z(0);
+	return L(() => e.registerCommand(p, (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 t = e.anchor.getNode().getTopLevelElement();
+				if (t && t.getTextContent().trim() === "") {
+					let n = w();
+					_(e, {
+						"background-color": "",
+						color: "",
+						"font-size": "",
+						"font-weight": "",
+						"font-style": "",
+						"text-decoration": ""
+					}), t.replace(n), n.select();
+					let r = n.getPreviousSibling();
+					r && r.getTextContent().trim() === "" && r.remove();
+				}
+			}
+		}), n?.preventDefault(), !0) : !1;
+	}, 1), [e]), null;
 }
-const Q = (i) => {
-  var d;
-  const { height: t = 126, onChange: o, toolbar: e } = i, [n] = N(), s = O(null), a = E(
-    (g) => {
-      g.read(() => {
-        const _ = J().getTextContent(), h = ht(n, null), w = !_.trim() && (h === "<p><br></p>" || h === "<p></p>" || h === "" || /^<p>\s*<br>\s*<\/p>$/.test(h)) ? null : h;
-        s.current = w, o(
-          {
-            text: _,
-            html: w
-          },
-          g
-        );
-      });
-    },
-    [o, n]
-  );
-  y(() => {
-    i.value !== void 0 && i.value !== s.current && n.update(() => {
-      if (J().clear(), i.value && i.value.trim()) {
-        const f = new DOMParser().parseFromString(i.value, "text/html"), _ = gt(n, f);
-        V(_);
-      }
-    });
-  }, [i.value, n]);
-  const l = (d = e == null ? void 0 : e.config) != null && d.length ? e == null ? void 0 : e.config : [], r = n.isEditable(), m = () => {
-    r || (n.setEditable(!0), n.focus(() => {
-    }, { defaultSelection: "rootEnd" }));
-  };
-  return /* @__PURE__ */ W("div", { className: q["bsy-lexical-editor"], onClick: m, children: [
-    l.length > 0 && /* @__PURE__ */ u(
-      St,
-      {
-        config: l,
-        style: {
-          ...e == null ? void 0 : e.style
-        }
-      }
-    ),
-    /* @__PURE__ */ u(
-      mt,
-      {
-        contentEditable: /* @__PURE__ */ u(
-          _t,
-          {
-            className: q["bsy-lexical-editor__content-editable"],
-            style: {
-              height: t,
-              cursor: r ? "auto" : "text"
-            }
-          }
-        ),
-        ErrorBoundary: ft
-      }
-    ),
-    /* @__PURE__ */ u(Wt, {}),
-    /* @__PURE__ */ u(Xt, {}),
-    /* @__PURE__ */ u(jt, {}),
-    /* @__PURE__ */ u(bt, {}),
-    /* @__PURE__ */ u(pt, { onChange: a })
-  ] });
+//#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) => {
+		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({
+				text: t,
+				html: i
+			}, 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")));
+		});
+	}, [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"],
+			onClick: () => {
+				f || (a.setEditable(!0), a.focus(() => {}, { defaultSelection: "rootEnd" }));
+			},
+			children: [
+				d.length > 0 && /* @__PURE__ */ N(W, {
+					config: d,
+					style: { ...r?.style }
+				}),
+				/* @__PURE__ */ N(g, {
+					contentEditable: /* @__PURE__ */ N(h, {
+						className: G["bsy-lexical-editor__content-editable"],
+						style: {
+							height: t,
+							cursor: f ? "auto" : "text"
+						}
+					}),
+					ErrorBoundary: m
+				}),
+				/* @__PURE__ */ N(ne, {}),
+				/* @__PURE__ */ N(de, {}),
+				/* @__PURE__ */ N(fe, {}),
+				/* @__PURE__ */ N(re, {}),
+				/* @__PURE__ */ N(y, { onChange: u })
+			]
+		})
+	});
 };
-Q.displayName = "BsyLexicalEditorCore";
-class L extends z {
-  constructor(t, o) {
-    super(t, o);
-  }
-  static getType() {
-    return "extended-text";
-  }
-  static clone(t) {
-    return new L(t.__text, t.__key);
-  }
-  static importDOM() {
-    const t = z.importDOM();
-    return {
-      ...t,
-      code: () => ({
-        conversion: C(t == null ? void 0 : t.code),
-        priority: 1
-      }),
-      em: () => ({
-        conversion: C(t == null ? void 0 : t.em),
-        priority: 1
-      }),
-      span: () => ({
-        conversion: C(t == null ? void 0 : t.span),
-        priority: 1
-      }),
-      strong: () => ({
-        conversion: C(t == null ? void 0 : t.strong),
-        priority: 1
-      }),
-      sub: () => ({
-        conversion: C(t == null ? void 0 : t.sub),
-        priority: 1
-      }),
-      sup: () => ({
-        conversion: C(t == null ? void 0 : t.sup),
-        priority: 1
-      })
-    };
-  }
-  static importJSON(t) {
-    return Kt().updateFromJSON(t);
-  }
-  isSimpleText() {
-    return this.__type === "extended-text" && this.__mode === 0;
-  }
-  // no need to add exportJSON here, since we are not adding any new properties
-}
-function Kt(i = "") {
-  return yt(new L(i));
+X.displayName = "BsyLexicalEditorCore";
+//#endregion
+//#region src/components/Editor/nodes/ExtendedTextNode.tsx
+var Z = class e extends a {
+	constructor(e, t) {
+		super(e, t);
+	}
+	static getType() {
+		return "extended-text";
+	}
+	static clone(t) {
+		return new e(t.__text, t.__key);
+	}
+	static importDOM() {
+		let e = a.importDOM();
+		return {
+			...e,
+			code: () => ({
+				conversion: Q(e?.code),
+				priority: 1
+			}),
+			em: () => ({
+				conversion: Q(e?.em),
+				priority: 1
+			}),
+			span: () => ({
+				conversion: Q(e?.span),
+				priority: 1
+			}),
+			strong: () => ({
+				conversion: Q(e?.strong),
+				priority: 1
+			}),
+			sub: () => ({
+				conversion: Q(e?.sub),
+				priority: 1
+			}),
+			sup: () => ({
+				conversion: Q(e?.sup),
+				priority: 1
+			})
+		};
+	}
+	static importJSON(e) {
+		return pe().updateFromJSON(e);
+	}
+	isSimpleText() {
+		return this.__type === "extended-text" && this.__mode === 0;
+	}
+};
+function pe(e = "") {
+	return s(new Z(e));
 }
-function C(i) {
-  return (t) => {
-    const o = i == null ? void 0 : i(t);
-    if (!o)
-      return null;
-    const e = o.conversion(t);
-    if (!e)
-      return e;
-    const n = t.style.backgroundColor, s = t.style.color, a = t.style.fontFamily, l = t.style.fontWeight, r = t.style.fontSize, m = t.style.textDecoration;
-    return {
-      ...e,
-      forChild: (d, g) => {
-        const _ = ((e == null ? void 0 : e.forChild) ?? ((h) => h))(d, g);
-        if (xt(_)) {
-          const h = [
-            n ? `background-color: ${n}` : null,
-            s ? `color: ${s}` : null,
-            a ? `font-family: ${a}` : null,
-            l ? `font-weight: ${l}` : null,
-            r ? `font-size: ${r}` : null,
-            m ? `text-decoration: ${m}` : null
-          ].filter((v) => v !== null).join("; ");
-          if (h.length)
-            return _.setStyle(h);
-        }
-        return _;
-      }
-    };
-  };
+function Q(e) {
+	return (t) => {
+		let n = e?.(t);
+		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;
+		return {
+			...r,
+			forChild: (e, t) => {
+				let n = (r?.forChild ?? ((e) => e))(e, t);
+				if (o(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
+					].filter((e) => e !== null).join("; ");
+					if (e.length) return n.setStyle(e);
+				}
+				return n;
+			}
+		};
+	};
 }
-const Yt = (i) => {
-  const { autoFocus: t = !1 } = i, o = Tt(() => ({
-    namespace: "bsyLexicalEditor",
-    onError: (e) => {
-      console.error("Lexical error", e);
-    },
-    editable: t,
-    theme: {
-      text: {
-        bold: "editor-text-bold",
-        italic: "editor-text-italic",
-        underline: "editor-text-underline"
-      },
-      link: "editor-link"
-    },
-    nodes: [
-      Z,
-      kt,
-      D,
-      L,
-      {
-        replace: z,
-        with: (e) => new L(e.__text),
-        withKlass: L
-      }
-    ]
-  }), [t]);
-  return /* @__PURE__ */ u(vt, { initialConfig: o, children: /* @__PURE__ */ u(Q, { ...i }) });
-};
-Yt.displayName = "BsyLexicalEditor";
-export {
-  J as $getRoot,
-  ie as BaseButton,
-  Yt as default,
-  oe as listRegisteredToolbarButtons,
-  re as registerToolbarButton,
-  se as unregisterToolbarButton,
-  N as useLexicalComposerContext
+//#endregion
+//#region src/components/Editor/Editor.tsx
+var $ = (e) => {
+	let { autoFocus: t = !1 } = e;
+	return /* @__PURE__ */ N(ie, {
+		initialConfig: R(() => ({
+			namespace: "bsyLexicalEditor",
+			onError: (e) => {
+				console.error("Lexical error", e);
+			},
+			editable: t,
+			theme: {
+				text: {
+					bold: "editor-text-bold",
+					italic: "editor-text-italic",
+					underline: "editor-text-underline"
+				},
+				link: "editor-link"
+			},
+			nodes: [
+				te,
+				f,
+				q,
+				Z,
+				{
+					replace: a,
+					with: (e) => new Z(e.__text),
+					withKlass: Z
+				}
+			]
+		}), [t]),
+		children: /* @__PURE__ */ N(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 };