@baishuyun/ui-base 6.8.2 → 6.9.0

package/dist/Editor/index.js

@@ -1,9 +1,9 @@
-import "../vendors/version-4HBYLKDL.js";
+import "../vendors/version-D76DufO-.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-BBDcb-yw.js";
 import "../vendors/LocaleContext-Dcw6C1LX.js";
 import "../Modal/Modal-LiztSF7x.js";
-import "../ColorPicker/ColorPicker-CL57cSDG.js";
+import "../ColorPicker/ColorPicker-t1uBeATW.js";
 import "../vendors/useFloatingOverlay-BApqkHSu.js";
 import "../vendors/useLocale-BKZX2_zw.js";
 import "../vendors/color-D6XBXROa.js";
@@ -17,67 +17,79 @@ import "../ScrollBar/ScrollBar-QhXVe8zd.js";
 import "../vendors/useFloatingPortal-CmVJbuRm.js";
 import "../DropDown/DropDown-yDH9V_9Y.js";
 import "../DropDown/style-Fdp-U4md.js";
-import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, u as l } from "./Buttons-BivKInBV.js";
-import { DEFAULT_BACKGROUND_COLOR as u, DEFAULT_FONT_COLOR as d, DEFAULT_FONT_SIZE as f } from "./constants/index.js";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import g, { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import S from "clsx";
-import { LexicalComposer as C } from "@lexical/react/LexicalComposer";
-import { RichTextPlugin as w } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable as T } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin as E } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin as ee } from "@lexical/react/LexicalOnChangePlugin";
-import { LexicalErrorBoundary as te } from "@lexical/react/LexicalErrorBoundary";
-import { $generateHtmlFromNodes as ne, $generateNodesFromDOM as re } from "@lexical/html";
-import { $applyNodeReplacement as D, $createParagraphNode as O, $getNodeByKey as k, $getRoot as ie, $getRoot as A, $getSelection as j, $insertNodes as M, $isElementNode as ae, $isRangeSelection as N, $isRootOrShadowRoot as oe, $isTextNode as se, COMMAND_PRIORITY_EDITOR as ce, COMMAND_PRIORITY_LOW as le, DecoratorNode as ue, KEY_ENTER_COMMAND as P, RootNode as F, TextNode as I } from "lexical";
-import { useLexicalComposerContext as de, useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
-import { $getSelectionStyleValueForProperty as R, $patchStyleText as fe, $trimTextContentFromAnchor as z } from "@lexical/selection";
-import { $findMatchingParent as B, $restoreEditorState as V } from "@lexical/utils";
-import { $isLinkNode as pe, AutoLinkNode as me, LinkNode as he } from "@lexical/link";
-import { useLexicalEditable as ge } from "@lexical/react/useLexicalEditable";
-import { LinkPlugin as _e } from "@lexical/react/LexicalLinkPlugin";
+import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, u } from "./Buttons-BhStZyIa.js";
+import { DEFAULT_BACKGROUND_COLOR as d, DEFAULT_FONT_COLOR as f, DEFAULT_FONT_SIZE as p } from "./constants/index.js";
+import { omit as m } from "lodash-es";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v, { useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
+import w from "clsx";
+import { LexicalComposer as T } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as E } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as ee } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as te } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as ne } from "@lexical/react/LexicalOnChangePlugin";
+import { LexicalErrorBoundary as D } from "@lexical/react/LexicalErrorBoundary";
+import { $generateHtmlFromNodes as re, $generateNodesFromDOM as ie } from "@lexical/html";
+import { $applyNodeReplacement as O, $createParagraphNode as k, $getNodeByKey as A, $getRoot as j, $getRoot as M, $getSelection as N, $insertNodes as P, $isElementNode as ae, $isRangeSelection as F, $isRootOrShadowRoot as oe, $isTextNode as se, COMMAND_PRIORITY_EDITOR as ce, COMMAND_PRIORITY_LOW as le, DecoratorNode as ue, KEY_ENTER_COMMAND as de, RootNode as fe, TextNode as I } from "lexical";
+import { useLexicalComposerContext as pe, useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
+import { $getSelectionStyleValueForProperty as R, $patchStyleText as z, $trimTextContentFromAnchor as B } from "@lexical/selection";
+import { $findMatchingParent as V, $restoreEditorState as me } from "@lexical/utils";
+import { $isLinkNode as he, AutoLinkNode as ge, LinkNode as _e } from "@lexical/link";
+import { useLexicalEditable as ve } from "@lexical/react/useLexicalEditable";
+import { LinkPlugin as ye } from "@lexical/react/LexicalLinkPlugin";
 //#region src/components/Editor/utils/resolveEditorToolbarThemeVars.ts
 var H = (e) => {
 	if (!(e === void 0 || e === "")) return typeof e == "number" ? `${e}px` : e;
-}, ve = (t) => {
+}, be = (t) => {
 	if (!t) return {};
 	let n = {};
 	return e(n, "--bsy-editor-toolbar-bg", t.bg), e(n, "--bsy-editor-toolbar-border-color", t.borderColor), e(n, "--bsy-editor-toolbar-padding", t.padding), e(n, "--bsy-editor-toolbar-gap", H(t.gap)), e(n, "--bsy-editor-toolbar-group-gap", H(t.groupGap)), e(n, "--bsy-editor-toolbar-divider-color", t.dividerColor), e(n, "--bsy-editor-toolbar-divider-size", H(t.dividerSize)), e(n, "--bsy-editor-toolbar-divider-margin", H(t.dividerMargin)), e(n, "--bsy-editor-toolbar-color-icon", t.colorIcon), e(n, "--bsy-editor-toolbar-item-hover-bg", t.itemHoverBg), e(n, "--bsy-editor-toolbar-item-hover-color", t.itemHoverColor), e(n, "--bsy-editor-toolbar-item-active-bg", t.itemActiveBg), e(n, "--bsy-editor-toolbar-item-active-color", t.itemActiveColor), e(n, "--bsy-editor-toolbar-item-padding", H(t.itemPadding)), e(n, "--bsy-editor-toolbar-item-border-radius", H(t.itemBorderRadius)), e(n, "--bsy-editor-toolbar-icon-size", H(t.iconSize)), n;
-}, U = (e) => {
+}, xe = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e);
 		if (Number.isFinite(t)) return t;
 	}
 	return 14;
-}, W = {
-	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_1tygc_1",
-	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_1tygc_10",
-	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_1tygc_16"
+}, Se = (e) => {
+	let t = e?.placement ?? "top", n = e?.offset, r = typeof n == "number" ? 0 : n?.x ?? 0, i = typeof n == "number" ? n : n?.y ?? 0, a = t === "top", o = {
+		position: "absolute",
+		[a ? "bottom" : "top"]: "100%",
+		[a ? "marginBottom" : "marginTop"]: i,
+		left: 0,
+		right: 0,
+		width: "100%"
+	};
+	return r && (o.transform = `translateX(${r}px)`), o;
+}, U = {
+	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_3xekt_1",
+	"bsy-lexical__toolbar--floating": "_bsy-lexical__toolbar--floating_3xekt_10",
+	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_3xekt_16",
+	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_3xekt_22"
 };
 //#endregion
 //#region src/components/Editor/hooks/useTextFormatsState.ts
-function ye() {
-	let [e] = L(), [t, n] = x({
+function Ce() {
+	let [e] = L(), [t, n] = C({
 		bold: !1,
 		italic: !1,
 		underline: !1,
-		fontSize: f,
-		fontColor: d,
-		backgroundColor: u,
+		fontSize: p,
+		fontColor: f,
+		backgroundColor: d,
 		align: "left",
 		link: void 0
 	});
-	return v(() => e.registerUpdateListener(({ editorState: e }) => {
+	return b(() => e.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = j();
-			if (N(e)) {
-				let t = R(e, "font-size", f), r = R(e, "color", d), i = R(e, "background-color", u), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : B(a, (e) => {
+			let e = N();
+			if (F(e)) {
+				let t = R(e, "font-size", p), r = R(e, "color", f), i = R(e, "background-color", d), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : V(a, (e) => {
 					let t = e.getParent();
 					return t !== null && oe(t);
 				});
 				o === null && (o = a.getTopLevelElementOrThrow());
-				let s = {}, c = B(a, pe);
+				let s = {}, c = V(a, he);
 				c ? (s.link = c.getURL(), s.linkText = c.getTextContent(), s.newBlank = c.getTarget() === "_blank") : s.linkText = e.getTextContent(), n({
 					bold: e.hasFormat("bold"),
 					italic: e.hasFormat("italic"),
@@ -94,39 +106,52 @@ function ye() {
 }
 //#endregion
 //#region src/components/Editor/ToolbarPlugin/context/TextFormatProvider.tsx
-var be = (e) => {
-	let t = ye();
-	return /* @__PURE__ */ m(l.Provider, {
+var we = (e) => {
+	let t = Ce();
+	return /* @__PURE__ */ g(r.Provider, {
 		value: t,
 		children: e.children
 	});
-}, xe = (e) => {
-	let { config: t = [], style: n, theme: r } = e, o = y(() => ve(r), [r]), s = y(() => ({ iconSize: U(r?.iconSize) }), [r?.iconSize]), c = (e, t) => {
-		let n = typeof e == "string" ? e : e.name, r = a(n);
-		return r ? typeof e == "string" ? /* @__PURE__ */ m(r, {}, `${n}-${t}`) : /* @__PURE__ */ m(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
+}, Te = (e) => {
+	let { config: t = [], style: r, theme: i, mode: a, floating: s } = e, { toolbarRef: c } = n(), l = a === "floating", d = x(() => be(i), [i]), f = x(() => ({ iconSize: xe(i?.iconSize) }), [i?.iconSize]), p = l ? Se(s) : void 0, h = l ? m(r, [
+		"position",
+		"left",
+		"top",
+		"right",
+		"bottom",
+		"inset",
+		"transform",
+		"marginTop",
+		"marginBottom"
+	]) : r, v = (e, t) => {
+		let n = typeof e == "string" ? e : e.name, r = o(n);
+		return r ? typeof e == "string" ? /* @__PURE__ */ g(r, {}, `${n}-${t}`) : /* @__PURE__ */ g(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
 	};
-	return /* @__PURE__ */ m(i, {
-		value: s,
-		children: /* @__PURE__ */ m(be, { children: /* @__PURE__ */ m("div", {
-			className: W["bsy-lexical__toolbar"],
+	return /* @__PURE__ */ g(u, {
+		value: f,
+		children: /* @__PURE__ */ g(we, { children: /* @__PURE__ */ g("div", {
+			ref: c,
+			className: w(U["bsy-lexical__toolbar"], l && U["bsy-lexical__toolbar--floating"]),
 			style: {
-				...o,
-				...n
+				...d,
+				...p,
+				...h
 			},
-			children: t.map((e, n) => /* @__PURE__ */ h("div", {
-				className: W["bsy-lexical__toolbar-group"],
+			children: t.map((e, n) => /* @__PURE__ */ _("div", {
+				className: U["bsy-lexical__toolbar-group"],
 				"data-group": e.key,
-				children: [e.buttons.map((e, t) => c(e, t)), n < t.length - 1 && /* @__PURE__ */ m("div", { className: W["bsy-lexical__toolbar-divider"] })]
+				children: [e.buttons.map((e, t) => v(e, t)), n < t.length - 1 && /* @__PURE__ */ g("div", { className: U["bsy-lexical__toolbar-divider"] })]
 			}, e.key + n))
 		}) })
 	});
+}, W = {
+	"bsy-lexical-editor": "_bsy-lexical-editor_jbc8k_1",
+	"bsy-lexical-editor--floating": "_bsy-lexical-editor--floating_jbc8k_7",
+	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_jbc8k_10",
+	"bsy-lexical-editor__content-editable--with-length-badge": "_bsy-lexical-editor__content-editable--with-length-badge_jbc8k_17",
+	"bsy-lexical-editor__length-badge": "_bsy-lexical-editor__length-badge_jbc8k_20",
+	"bsy-lexical-editor__length-badge--exceeded": "_bsy-lexical-editor__length-badge--exceeded_jbc8k_36"
 }, G = {
-	"bsy-lexical-editor": "_bsy-lexical-editor_tsu2x_1",
-	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_tsu2x_7",
-	"bsy-lexical-editor__content-editable--with-length-badge": "_bsy-lexical-editor__content-editable--with-length-badge_tsu2x_14",
-	"bsy-lexical-editor__length-badge": "_bsy-lexical-editor__length-badge_tsu2x_17",
-	"bsy-lexical-editor__length-badge--exceeded": "_bsy-lexical-editor__length-badge--exceeded_tsu2x_33"
-}, K = {
 	imageWrapper: "_imageWrapper_y06h3_1",
 	selected: "_selected_y06h3_8",
 	resizing: "_resizing_y06h3_12",
@@ -136,16 +161,16 @@ var be = (e) => {
 	topRight: "_topRight_y06h3_49",
 	bottomLeft: "_bottomLeft_y06h3_54",
 	bottomRight: "_bottomRight_y06h3_59"
-}, Se = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
-	let [a] = L(), [o, s] = x(!1), [c, l] = x(null), u = b(null), [d, f] = x({
+}, Ee = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
+	let [a] = L(), [o, s] = C(!1), [c, l] = C(null), u = S(null), [d, f] = C({
 		width: n || void 0,
 		height: r || void 0
-	}), y = _(() => {
+	}), p = y(() => {
 		n && r && f({
 			width: n,
 			height: r
 		});
-	}, [n, r]), C = _((e, t) => {
+	}, [n, r]), m = y((e, t) => {
 		if (e.preventDefault(), e.stopPropagation(), !u.current) return;
 		let n = d.width || u.current.offsetWidth, r = d.height || u.current.offsetHeight, i = n / r;
 		(!d.width || !d.height) && f({
@@ -160,7 +185,7 @@ var be = (e) => {
 			aspectRatio: i,
 			direction: t
 		});
-	}, [d]), w = _((e) => {
+	}, [d]), x = y((e) => {
 		if (!c?.isResizing) return;
 		let t = e.clientX - c.startX, n;
 		switch (c.direction) {
@@ -183,10 +208,10 @@ var be = (e) => {
 			width: n,
 			height: r
 		});
-	}, [c]), T = _(() => {
+	}, [c]), T = y(() => {
 		c?.isResizing && (a.update(() => {
-			let e = k(i);
-			Ce(e) && e.setWidthAndHeight(d.width, d.height);
+			let e = A(i);
+			De(e) && e.setWidthAndHeight(d.width, d.height);
 		}), l(null));
 	}, [
 		a,
@@ -194,71 +219,71 @@ var be = (e) => {
 		d,
 		c
 	]);
-	g.useEffect(() => {
-		if (c?.isResizing) return document.addEventListener("mousemove", w), document.addEventListener("mouseup", T), () => {
-			document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", T);
+	v.useEffect(() => {
+		if (c?.isResizing) return document.addEventListener("mousemove", x), document.addEventListener("mouseup", T), () => {
+			document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", T);
 		};
 	}, [
 		c,
-		w,
+		x,
 		T
 	]);
-	let E = _(() => {
+	let E = y(() => {
 		s(!0);
 	}, []);
-	return v(() => a.registerUpdateListener(({ editorState: e }) => {
+	return b(() => a.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = j();
-			N(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
+			let e = N();
+			F(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
 		});
 	}), [
 		a,
 		i,
 		o
-	]), v(() => {
+	]), b(() => {
 		let e = (e) => {
 			o && u.current && !u.current.contains(e.target) && s(!1);
 		};
 		if (o) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [o]), /* @__PURE__ */ h("div", {
-		className: S(K.imageWrapper, {
-			[K.selected]: o,
-			[K.resizing]: c?.isResizing
+	}, [o]), /* @__PURE__ */ _("div", {
+		className: w(G.imageWrapper, {
+			[G.selected]: o,
+			[G.resizing]: c?.isResizing
 		}),
-		children: [/* @__PURE__ */ m("img", {
+		children: [/* @__PURE__ */ g("img", {
 			ref: u,
 			src: e,
 			alt: t,
-			className: K.image,
+			className: G.image,
 			style: {
 				width: d.width,
 				height: d.height
 			},
-			onLoad: y,
+			onLoad: p,
 			onClick: E,
 			draggable: !1
-		}), o && /* @__PURE__ */ h(p, { children: [
-			/* @__PURE__ */ m("div", {
-				className: S(K.resizeHandle, K.bottomRight),
-				onMouseDown: (e) => C(e, "bottom-right")
+		}), o && /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g("div", {
+				className: w(G.resizeHandle, G.bottomRight),
+				onMouseDown: (e) => m(e, "bottom-right")
 			}),
-			/* @__PURE__ */ m("div", {
-				className: S(K.resizeHandle, K.bottomLeft),
-				onMouseDown: (e) => C(e, "bottom-left")
+			/* @__PURE__ */ g("div", {
+				className: w(G.resizeHandle, G.bottomLeft),
+				onMouseDown: (e) => m(e, "bottom-left")
 			}),
-			/* @__PURE__ */ m("div", {
-				className: S(K.resizeHandle, K.topRight),
-				onMouseDown: (e) => C(e, "top-right")
+			/* @__PURE__ */ g("div", {
+				className: w(G.resizeHandle, G.topRight),
+				onMouseDown: (e) => m(e, "top-right")
 			}),
-			/* @__PURE__ */ m("div", {
-				className: S(K.resizeHandle, K.topLeft),
-				onMouseDown: (e) => C(e, "top-left")
+			/* @__PURE__ */ g("div", {
+				className: w(G.resizeHandle, G.topLeft),
+				onMouseDown: (e) => m(e, "top-left")
 			})
 		] })]
 	});
-}, q = class e extends ue {
+}, K = class e extends ue {
 	static getType() {
 		return "image";
 	}
@@ -304,7 +329,7 @@ var be = (e) => {
 		n.__width = e, n.__height = t;
 	}
 	decorate() {
-		return /* @__PURE__ */ m(Se, {
+		return /* @__PURE__ */ g(Ee, {
 			src: this.__src,
 			altText: this.__altText,
 			width: this.__width,
@@ -314,13 +339,13 @@ var be = (e) => {
 	}
 	static importDOM() {
 		return { img: () => ({
-			conversion: we,
+			conversion: Oe,
 			priority: 0
 		}) };
 	}
 	static importJSON(e) {
 		let { src: t, altText: n, width: r, height: i } = e;
-		return J({
+		return q({
 			src: t,
 			altText: n,
 			width: r,
@@ -341,13 +366,13 @@ var be = (e) => {
 		return !0;
 	}
 };
-function J({ src: e, altText: t, width: n, height: r, key: i }) {
-	return new q(e, t, n, r, i);
+function q({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new K(e, t, n, r, i);
 }
-function Ce(e) {
-	return e instanceof q;
+function De(e) {
+	return e instanceof K;
 }
-function we(e) {
+function Oe(e) {
 	if (e instanceof HTMLImageElement) {
 		let { src: t, alt: n, style: r } = e, i, a;
 		if (r.width) {
@@ -358,7 +383,7 @@ function we(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: q({
 			src: t,
 			altText: n,
 			width: i,
@@ -369,23 +394,23 @@ function we(e) {
 }
 //#endregion
 //#region src/components/Editor/plugins/ImagePlugin.tsx
-function Te() {
+function ke() {
 	let [e] = L();
-	return v(() => e.registerCommand(o, (e) => (M([J(e)]), !0), ce), [e]), null;
+	return b(() => e.registerCommand(s, (e) => (P([q(e)]), !0), ce), [e]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/EnterKeyPlugin.tsx
-function Ee() {
-	let [e] = L(), t = b(0);
-	return v(() => e.registerCommand(P, (n) => {
+function Ae() {
+	let [e] = L(), t = S(0);
+	return b(() => e.registerCommand(de, (n) => {
 		let r = Date.now(), i = r - t.current;
 		return t.current = r, i < 250 && i > 0 ? (e.update(() => {
-			let e = j();
-			if (N(e)) {
+			let e = N();
+			if (F(e)) {
 				let t = e.anchor.getNode().getTopLevelElement();
 				if (t && t.getTextContent().trim() === "") {
-					let n = O();
-					fe(e, {
+					let n = k();
+					z(e, {
 						"background-color": "",
 						color: "",
 						"font-size": "",
@@ -402,34 +427,34 @@ function Ee() {
 }
 //#endregion
 //#region src/components/Editor/plugins/MaxLengthPlugin.tsx
-function De({ maxLength: e, onMaxLengthExceed: t }) {
-	let [n] = L(), r = b(t);
-	return r.current = t, v(() => {
+function je({ maxLength: e, onMaxLengthExceed: t }) {
+	let [n] = L(), r = S(t);
+	return r.current = t, b(() => {
 		let t = null;
-		return n.registerNodeTransform(F, (i) => {
+		return n.registerNodeTransform(fe, (i) => {
 			let a = i.getTextContentSize();
 			if (a <= e) return;
-			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = j();
+			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = N();
 			if (s === e && t !== o) {
-				t = o, V(n, o), r.current?.();
+				t = o, me(n, o), r.current?.();
 				return;
 			}
-			if (N(l) && l.isCollapsed()) {
-				z(n, l.anchor, c), r.current?.();
+			if (F(l) && l.isCollapsed()) {
+				B(n, l.anchor, c), r.current?.();
 				return;
 			}
 			i.selectEnd();
-			let u = j();
-			N(u) && (z(n, u.anchor, c), r.current?.());
+			let u = N();
+			F(u) && (B(n, u.anchor, c), r.current?.());
 		});
 	}, [n, e]), null;
 }
 //#endregion
 //#region src/components/Editor/LengthBadge.tsx
-var Y = ({ current: e, maxLength: t }) => {
+var J = ({ current: e, maxLength: t }) => {
 	let n = e > t;
-	return /* @__PURE__ */ h("div", {
-		className: S(G["bsy-lexical-editor__length-badge"], n && G["bsy-lexical-editor__length-badge--exceeded"]),
+	return /* @__PURE__ */ _("div", {
+		className: w(W["bsy-lexical-editor__length-badge"], n && W["bsy-lexical-editor__length-badge--exceeded"]),
 		"aria-live": "polite",
 		children: [
 			e,
@@ -438,22 +463,22 @@ var Y = ({ current: e, maxLength: t }) => {
 		]
 	});
 };
-Y.displayName = "BsyLexicalEditorLengthBadge";
+J.displayName = "BsyLexicalEditorLengthBadge";
 //#endregion
 //#region src/components/Editor/utils/textLength.ts
-function Oe(e) {
+function Y(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function ke(e, t) {
-	let n = A(), r = n.getTextContentSize();
+function Me(e, t) {
+	let n = M(), r = n.getTextContentSize();
 	if (r <= t) return !1;
 	let i = r - t;
 	n.selectEnd();
-	let a = j();
-	return N(a) ? z(e, a.anchor, i) : Ae(i), !0;
+	let a = N();
+	return F(a) ? B(e, a.anchor, i) : Ne(i), !0;
 }
-function Ae(e) {
-	let t = e, n = A().getAllTextNodes();
+function Ne(e) {
+	let t = e, n = M().getAllTextNodes();
 	for (let e = n.length - 1; e >= 0 && t > 0; e--) {
 		let r = n[e], i = r.getTextContent();
 		i.length !== 0 && (i.length <= t ? (t -= i.length, r.remove()) : (r.setTextContent(i.slice(0, i.length - t)), t = 0));
@@ -462,15 +487,16 @@ function Ae(e) {
 //#endregion
 //#region src/components/Editor/EditorCore.tsx
 var X = (e) => {
-	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = L(), l = b(null), u = b(null), d = b(o);
-	d.current = o;
-	let f = Oe(a) ? a : void 0, [p, g] = x(0), C = y(() => ({
-		containerRef: l,
-		getPopupContainer: () => l.current || document.body
-	}), []), D = _((e) => {
+	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = L(), c = S(null), u = S(null), d = S(null), f = S(o);
+	f.current = o;
+	let p = Y(a) ? a : void 0, [m, h] = C(0), v = r?.mode === "floating", T = x(() => ({
+		containerRef: c,
+		toolbarRef: u,
+		getPopupContainer: () => v && u.current ? u.current : c.current || document.body
+	}), [v]), O = y((e) => {
 		e.read(() => {
-			let t = A().getTextContent(), r = ne(s, null), i = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
-			u.current = i, f !== void 0 && g(t.length), n({
+			let t = M().getTextContent(), r = re(s, null), i = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
+			d.current = i, p !== void 0 && h(t.length), n({
 				text: t,
 				html: i
 			}, e);
@@ -478,62 +504,64 @@ var X = (e) => {
 	}, [
 		n,
 		s,
-		f
+		p
 	]);
-	v(() => {
-		f !== void 0 && s.getEditorState().read(() => {
-			g(A().getTextContentSize());
+	b(() => {
+		p !== void 0 && s.getEditorState().read(() => {
+			h(M().getTextContentSize());
 		}, { editor: s });
-	}, [s, f]), v(() => {
-		if (e.value !== void 0 && e.value !== u.current) {
+	}, [s, p]), b(() => {
+		if (e.value !== void 0 && e.value !== d.current) {
 			let t = !1;
 			s.update(() => {
-				A().clear(), e.value && e.value.trim() && (M(re(s, new DOMParser().parseFromString(e.value, "text/html"))), f !== void 0 && (t = ke(s, f)));
-			}), t && d.current?.();
+				M().clear(), e.value && e.value.trim() && (P(ie(s, new DOMParser().parseFromString(e.value, "text/html"))), p !== void 0 && (t = Me(s, p)));
+			}), t && f.current?.();
 		}
 	}, [
 		e.value,
 		s,
-		f
+		p
 	]);
-	let O = r?.config?.length ? r?.config : [], k = ge();
-	return /* @__PURE__ */ m(c.Provider, {
-		value: C,
-		children: /* @__PURE__ */ h("div", {
-			ref: l,
-			className: G["bsy-lexical-editor"],
+	let k = r?.config?.length ? r?.config : [], A = ve();
+	return /* @__PURE__ */ g(l.Provider, {
+		value: T,
+		children: /* @__PURE__ */ _("div", {
+			ref: c,
+			className: w(W["bsy-lexical-editor"], v && W["bsy-lexical-editor--floating"]),
 			onClick: (e) => {
 				let t = s.getRootElement(), n = e.target;
 				!t || !n || !t.contains(n) || s.isEditable() || s.setEditable(!0);
 			},
 			children: [
-				O.length > 0 && /* @__PURE__ */ m(xe, {
-					config: O,
+				k.length > 0 && /* @__PURE__ */ g(Te, {
+					config: k,
 					theme: i?.toolbar,
-					style: r?.style
+					style: r?.style,
+					mode: r?.mode,
+					floating: r?.floating
 				}),
-				/* @__PURE__ */ m(w, {
-					contentEditable: /* @__PURE__ */ m(T, {
-						className: S(G["bsy-lexical-editor__content-editable"], f !== void 0 && G["bsy-lexical-editor__content-editable--with-length-badge"]),
+				/* @__PURE__ */ g(E, {
+					contentEditable: /* @__PURE__ */ g(ee, {
+						className: w(W["bsy-lexical-editor__content-editable"], p !== void 0 && W["bsy-lexical-editor__content-editable--with-length-badge"]),
 						style: {
 							height: t,
-							cursor: k ? "auto" : "text"
+							cursor: A ? "auto" : "text"
 						}
 					}),
-					ErrorBoundary: te
+					ErrorBoundary: D
 				}),
-				/* @__PURE__ */ m(_e, {}),
-				/* @__PURE__ */ m(Te, {}),
-				/* @__PURE__ */ m(Ee, {}),
-				f !== void 0 && /* @__PURE__ */ m(De, {
-					maxLength: f,
+				/* @__PURE__ */ g(ye, {}),
+				/* @__PURE__ */ g(ke, {}),
+				/* @__PURE__ */ g(Ae, {}),
+				p !== void 0 && /* @__PURE__ */ g(je, {
+					maxLength: p,
 					onMaxLengthExceed: o
 				}),
-				/* @__PURE__ */ m(E, {}),
-				/* @__PURE__ */ m(ee, { onChange: D }),
-				f !== void 0 && /* @__PURE__ */ m(Y, {
-					current: p,
-					maxLength: f
+				/* @__PURE__ */ g(te, {}),
+				/* @__PURE__ */ g(ne, { onChange: O }),
+				p !== void 0 && /* @__PURE__ */ g(J, {
+					current: m,
+					maxLength: p
 				})
 			]
 		})
@@ -583,14 +611,14 @@ var Z = class e extends I {
 		};
 	}
 	static importJSON(e) {
-		return je().updateFromJSON(e);
+		return Pe().updateFromJSON(e);
 	}
 	isSimpleText() {
 		return this.__type === "extended-text" && this.__mode === 0;
 	}
 };
-function je(e = "") {
-	return D(new Z(e));
+function Pe(e = "") {
+	return O(new Z(e));
 }
 function Q(e) {
 	return (t) => {
@@ -623,8 +651,8 @@ function Q(e) {
 //#region src/components/Editor/Editor.tsx
 var $ = (e) => {
 	let { autoFocus: t = !1 } = e;
-	return /* @__PURE__ */ m(C, {
-		initialConfig: y(() => ({
+	return /* @__PURE__ */ g(T, {
+		initialConfig: x(() => ({
 			namespace: "bsyLexicalEditor",
 			onError: (e) => {
 				console.error("Lexical error", e);
@@ -639,9 +667,9 @@ var $ = (e) => {
 				link: "editor-link"
 			},
 			nodes: [
-				he,
-				me,
-				q,
+				_e,
+				ge,
+				K,
 				Z,
 				{
 					replace: I,
@@ -650,9 +678,9 @@ var $ = (e) => {
 				}
 			]
 		}), [t]),
-		children: /* @__PURE__ */ m(X, { ...e })
+		children: /* @__PURE__ */ g(X, { ...e })
 	});
 };
 $.displayName = "BsyLexicalEditor";
 //#endregion
-export { ie as $getRoot, n as BaseButton, $ as default, s as listRegisteredToolbarButtons, r as registerToolbarButton, t as unregisterToolbarButton, de as useLexicalComposerContext };
+export { j as $getRoot, a as BaseButton, $ as default, c as listRegisteredToolbarButtons, i as registerToolbarButton, t as unregisterToolbarButton, pe as useLexicalComposerContext };