@baishuyun/ui-base 6.10.1 → 6.11.0

package/dist/Editor/Buttons-BBioCubp.js

@@ -0,0 +1,1148 @@
+import { t as e } from "../Icon/Icon-BBDcb-yw.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../Modal/Modal-Cb7Msq26.js";
+import { t as i } from "../ColorPicker/ColorPicker-DVwg07Gs.js";
+import { t as a } from "../vendors/useLocale-FGYsRWSe.js";
+import { n as o } from "../vendors/animations-rwUbyoT0.js";
+import { t as s } from "../CheckBox/CheckBox-nBm0u6zX.js";
+import { t as c } from "../ScrollBar/ScrollBar-N2pOLv-8.js";
+import { t as l } from "../vendors/useFloatingPortal-CmVJbuRm.js";
+import { t as u } from "../DropDown/DropDown-DWf5yf4l.js";
+import { FONT_SIZES as d } from "./constants/index.js";
+import { AlignCenterOutlined as f, AlignLeftOutlined as p, AlignRightOutlined as m } from "@ant-design/icons";
+import { keyBy as h, range as g } from "lodash-es";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import b, { createContext as x, forwardRef as S, useCallback as C, useContext as w, useEffect as T, useImperativeHandle as ee, useLayoutEffect as te, useMemo as ne, useRef as E, useState as D } from "react";
+import { Button as O, Form as k, Input as A, message as j } from "antd";
+import re from "clsx";
+import { AnimatePresence as M, motion as ie } from "motion/react";
+import { FloatingPortal as ae } from "@floating-ui/react";
+import { $createParagraphNode as N, $createTextNode as oe, $getRoot as se, $getSelection as P, $isElementNode as ce, $isRangeSelection as F, $isTextNode as le, $setSelection as ue, CAN_REDO_COMMAND as de, CAN_UNDO_COMMAND as fe, COMMAND_PRIORITY_CRITICAL as pe, FORMAT_ELEMENT_COMMAND as me, FORMAT_TEXT_COMMAND as I, INDENT_CONTENT_COMMAND as he, OUTDENT_CONTENT_COMMAND as ge, REDO_COMMAND as _e, UNDO_COMMAND as ve, createCommand as ye, mergeRegister as be } from "lexical";
+import { useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
+import { $patchStyleText as R, $setBlocksType as xe } from "@lexical/selection";
+import { $createLinkNode as Se, $toggleLink as Ce, TOGGLE_LINK_COMMAND as we } from "@lexical/link";
+import { INSERT_ORDERED_LIST_COMMAND as Te, INSERT_UNORDERED_LIST_COMMAND as Ee, REMOVE_LIST_COMMAND as De } from "@lexical/list";
+import { $createCodeNode as Oe } from "@lexical/code-core";
+import { INSERT_TABLE_COMMAND as ke } from "@lexical/table";
+import { $createHeadingNode as Ae } from "@lexical/rich-text";
+//#region src/components/Editor/ToolbarPlugin/toolbarPlugin.module.scss
+var z = {
+	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_4va97_1",
+	"bsy-lexical__toolbar--floating": "_bsy-lexical__toolbar--floating_4va97_12",
+	"bsy-lexical__toolbar-item": "_bsy-lexical__toolbar-item_4va97_18",
+	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_4va97_24",
+	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_4va97_30",
+	"bsy-lexical__toolbar-select": "_bsy-lexical__toolbar-select_4va97_37",
+	"bsy-lexical__toolbar-select-label": "_bsy-lexical__toolbar-select-label_4va97_55",
+	"bsy-lexical__toolbar-select-arrow": "_bsy-lexical__toolbar-select-arrow_4va97_66"
+}, B = x(null), V = "plaintext", je = "github-light", H = [
+	{
+		id: "plaintext",
+		label: "Plain text"
+	},
+	{
+		id: "css",
+		label: "CSS"
+	},
+	{
+		id: "html",
+		label: "HTML"
+	},
+	{
+		id: "xml",
+		label: "XML"
+	},
+	{
+		id: "javascript",
+		label: "JavaScript"
+	},
+	{
+		id: "typescript",
+		label: "TypeScript"
+	},
+	{
+		id: "jsx",
+		label: "JSX"
+	},
+	{
+		id: "go",
+		label: "Go"
+	},
+	{
+		id: "php",
+		label: "PHP"
+	},
+	{
+		id: "c",
+		label: "C"
+	},
+	{
+		id: "python",
+		label: "Python"
+	},
+	{
+		id: "java",
+		label: "Java"
+	},
+	{
+		id: "cpp",
+		label: "C++"
+	},
+	{
+		id: "csharp",
+		label: "C#"
+	},
+	{
+		id: "vb",
+		label: "Visual Basic"
+	},
+	{
+		id: "sql",
+		label: "SQL"
+	},
+	{
+		id: "ruby",
+		label: "Ruby"
+	},
+	{
+		id: "swift",
+		label: "Swift"
+	},
+	{
+		id: "bash",
+		label: "Bash"
+	},
+	{
+		id: "lua",
+		label: "Lua"
+	},
+	{
+		id: "markdown",
+		label: "Markdown"
+	}
+], U = h(H, "id"), Me = (e) => e && U[e] ? e : V, W = x(null), Ne = () => {
+	let e = w(W);
+	if (!e) throw Error("useHistoryStateContext must be used within HistoryStateProvider");
+	return e;
+}, Pe = ({ children: e }) => {
+	let [t] = L(), [n, r] = D({
+		canUndo: !1,
+		canRedo: !1
+	});
+	return T(() => be(t.registerCommand(fe, (e) => (r((t) => t.canUndo === e ? t : {
+		...t,
+		canUndo: e
+	}), !1), pe), t.registerCommand(de, (e) => (r((t) => t.canRedo === e ? t : {
+		...t,
+		canRedo: e
+	}), !1), pe)), [t]), /* @__PURE__ */ v(W.Provider, {
+		value: n,
+		children: e
+	});
+}, Fe = x({ iconSize: 14 }), Ie = Fe.Provider, G = () => w(Fe), Le = {
+	"lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_10xg7_1",
+	"lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_10xg7_20"
+}, K = (t) => {
+	let { icon: n, tooltip: r, onClick: i, disabled: a = !1, active: o = !1, size: s } = t, { iconSize: c } = G(), l = s ?? c;
+	return /* @__PURE__ */ v("button", {
+		className: re(Le["lexical-editor__toolbar-button"], { [Le["lexical-editor__toolbar-button-active"]]: o }),
+		type: "button",
+		onClick: i,
+		onMouseDown: (e) => e.preventDefault(),
+		disabled: a,
+		title: r,
+		children: b.isValidElement(n) ? n : /* @__PURE__ */ v(e, {
+			name: n,
+			size: l
+		})
+	});
+}, q = () => {
+	let e = w(B);
+	if (!e) throw Error("useTextFormatsContext must be used within TextFormatsProvider");
+	return e;
+}, Re = () => {
+	let [e] = L(), t = q(), { t: n } = a(), r = t.bold;
+	return /* @__PURE__ */ v(K, {
+		icon: "bold",
+		tooltip: n("editor.bold"),
+		active: r,
+		onClick: () => {
+			e.dispatchCommand(I, "bold");
+		}
+	});
+}, ze = () => {
+	let [e] = L(), t = q(), { t: n } = a(), r = t.underline;
+	return /* @__PURE__ */ v(K, {
+		icon: "underline",
+		tooltip: n("editor.underline"),
+		active: r,
+		onClick: () => {
+			e.dispatchCommand(I, "underline");
+		}
+	});
+}, Be = () => {
+	let [e] = L(), t = q(), { t: n } = a(), r = t.italic;
+	return /* @__PURE__ */ v(K, {
+		icon: "italic",
+		tooltip: n("editor.italic"),
+		active: r,
+		onClick: () => {
+			e.dispatchCommand(I, "italic");
+		}
+	});
+}, Ve = () => {
+	let [e] = L(), { t } = a(), { fontSize: n, headingTag: r } = q(), i = ne(() => d.map((e) => ({
+		key: e.value,
+		label: e.label
+	})), []), o = C((t) => {
+		let n = t.key;
+		e.update(() => {
+			let e = P();
+			F(e) && R(e, { "font-size": n });
+		});
+	}, [e]);
+	return r ? /* @__PURE__ */ v(K, {
+		icon: "fontsize",
+		tooltip: t("editor.fontSize"),
+		disabled: !0
+	}) : /* @__PURE__ */ v(u, {
+		menus: i,
+		onClick: o,
+		activeKey: [n],
+		showSearch: !1,
+		style: {
+			width: "60px",
+			minWidth: "60px"
+		},
+		children: /* @__PURE__ */ v("div", {
+			className: "dropdown__trigger inline-flex",
+			children: /* @__PURE__ */ v(K, {
+				icon: "fontsize",
+				tooltip: t("editor.fontSize"),
+				active: !1
+			})
+		})
+	});
+}, He = () => {
+	let [e] = L(), t = q(), { t: n } = a(), r = C((t) => {
+		e.update(() => {
+			let e = P();
+			F(e) && R(e, { color: t });
+		});
+	}, [e]);
+	return /* @__PURE__ */ v(i, {
+		value: t.fontColor,
+		onChange: r,
+		placement: "bottom-start",
+		presetColors: "basic",
+		children: /* @__PURE__ */ v("div", {
+			className: "trigger-picker inline-flex",
+			children: /* @__PURE__ */ v(K, {
+				icon: "fontcolor",
+				tooltip: n("editor.fontColor"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+}, Ue = () => {
+	let [e] = L(), t = q(), { t: n } = a(), r = C((t) => {
+		e.update(() => {
+			let e = P();
+			F(e) && R(e, { "background-color": t });
+		});
+	}, [e]);
+	return /* @__PURE__ */ v(i, {
+		value: t.backgroundColor,
+		onChange: r,
+		placement: "bottom-start",
+		presetColors: "basic",
+		children: /* @__PURE__ */ v("div", {
+			className: "trigger-picker inline-flex",
+			children: /* @__PURE__ */ v(K, {
+				icon: "fill",
+				tooltip: n("editor.fill"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+}, We = () => {
+	let [e] = L(), { align: t } = q(), { t: n } = a(), r = [
+		{
+			key: "left",
+			label: n("leftAlign"),
+			icon: /* @__PURE__ */ v(p, {})
+		},
+		{
+			key: "center",
+			label: n("editor.centerAlign"),
+			icon: /* @__PURE__ */ v(f, {})
+		},
+		{
+			key: "right",
+			label: n("editor.rightAlign"),
+			icon: /* @__PURE__ */ v(m, {})
+		}
+	], i = C((t) => {
+		e.dispatchCommand(me, t);
+	}, [e]), o = r.map((e) => ({
+		key: e.key,
+		label: /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-2",
+			children: [e.icon, /* @__PURE__ */ v("span", { children: e.label })]
+		})
+	})), s = C((e) => {
+		i(e.key);
+	}, [i]), c = r.find((e) => e.key === t)?.icon || /* @__PURE__ */ v(p, {});
+	return /* @__PURE__ */ v(u, {
+		menus: o,
+		onClick: s,
+		showSearch: !1,
+		activeKey: [t],
+		style: {
+			width: "110px",
+			minWidth: "110px"
+		},
+		children: /* @__PURE__ */ v("div", {
+			className: "trigger-dropdown inline-flex text-sm",
+			children: /* @__PURE__ */ v(K, {
+				icon: c,
+				tooltip: n("editor.alignment"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/Editor/ToolbarPlugin/Buttons/LinkButton.tsx
+function Ge(e) {
+	return e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "";
+}
+var Ke = () => {
+	let [e] = L(), { link: t } = q(), { t: n } = a(), [i, o] = D(!1), [c, l] = D(""), [u, d] = D(""), [f, p] = D(!0), [m, h] = j.useMessage(), g = E(null), b = C((t) => {
+		o(t), t || e.setEditable(!0);
+	}, [e]), x = () => {
+		if (!c) {
+			m.warning(n("editor.linkAddressEmpty"));
+			return;
+		}
+		let t = Ge(c);
+		e.setEditable(!0), e.update(() => {
+			let e = f ? {
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: c
+			} : { title: c }, n = g.current;
+			n !== null && ue(n);
+			let r = P();
+			if (F(r)) {
+				let n = u || c, i = r.getTextContent();
+				if (!r.isCollapsed() && n === i) Ce(t, e);
+				else {
+					let i = r.anchor.getNode(), a = le(i) ? i : null, o = r.style || r.getNodes().find(le)?.getStyle() || a?.getStyle() || "", s = r.format || a?.getFormat() || 0, c = Se(t, e), l = oe(n);
+					l.setFormat(s), l.setStyle(o), c.append(l), r.insertNodes([c]);
+				}
+			} else {
+				let n = Se(t, e);
+				n.append(oe(u || c));
+				let r = se(), i = r.getLastChild();
+				if (ce(i) && i.isEmpty()) i.append(n);
+				else {
+					let e = N();
+					e.append(n), r.append(e);
+				}
+			}
+		}), g.current = null, l(""), d(""), b(!1);
+	}, S = C(() => {
+		let n = "";
+		e.getEditorState().read(() => {
+			let e = P();
+			g.current = e ? e.clone() : null, F(e) && !e.isCollapsed() && (n = e.getTextContent());
+		}), e.setEditable(!1), e.update(() => {
+			ue(null);
+		}), window.getSelection()?.removeAllRanges(), e.getRootElement()?.blur(), t ? (l(t.link === "javascript:void(0);" ? "" : t.link ?? ""), d(t.linkText ?? "")) : (l(""), d(n)), o(!0);
+	}, [t, e]);
+	return /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(K, {
+			icon: "Insertlink",
+			tooltip: n("link"),
+			onClick: S,
+			active: !!t?.link
+		}),
+		h,
+		/* @__PURE__ */ v(r, {
+			title: n("link"),
+			open: i,
+			onOpenChange: b,
+			children: /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+				className: "px-[20px] pb-[60px] pt-[40px]",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center relative",
+					children: [
+						/* @__PURE__ */ v("label", {
+							className: "w-[80px] shrink-0",
+							children: n("linkAddress")
+						}),
+						/* @__PURE__ */ v(A, {
+							value: c,
+							onChange: (e) => l(e.target.value),
+							placeholder: n("editor.linkTip")
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "absolute bottom-[-30px] left-[80px]",
+							children: /* @__PURE__ */ v("p", {
+								className: "text-[#999]",
+								children: n("editor.linkAliasTip")
+							})
+						})
+					]
+				}), /* @__PURE__ */ y("div", {
+					className: "flex items-center mt-[40px]",
+					children: [/* @__PURE__ */ v("label", {
+						className: "w-[80px] shrink-0",
+						children: n("showContent")
+					}), /* @__PURE__ */ v(A, {
+						value: u,
+						onChange: (e) => d(e.target.value)
+					})]
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "py-[14px] px-[20px] flex justify-between items-center border-t-[1px] border-solid border-[#e0e0e0]",
+				children: [/* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(s, {
+					checked: f,
+					onChange: (e) => p(e),
+					children: n("openInNewTab")
+				}) }), /* @__PURE__ */ y("div", {
+					className: "flex gap-[15px]",
+					children: [/* @__PURE__ */ v(O, {
+						onClick: () => b(!1),
+						children: n("cancel")
+					}), /* @__PURE__ */ v(O, {
+						type: "primary",
+						onClick: x,
+						children: n("confirm")
+					})]
+				})]
+			})] })
+		})
+	] });
+}, qe = () => {
+	let [e] = L(), { link: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: "cancellink",
+		tooltip: n("cancelLink"),
+		onClick: () => {
+			t && e.dispatchCommand(we, null);
+		}
+	});
+}, J = {
+	"picture-modal__container": "_picture-modal__container_oo6vo_1",
+	"picture-modal__sidebar": "_picture-modal__sidebar_oo6vo_4",
+	"picture-modal__menu-list": "_picture-modal__menu-list_oo6vo_8",
+	"picture-modal__menu-item": "_picture-modal__menu-item_oo6vo_13",
+	"picture-modal__menu-item--active": "_picture-modal__menu-item--active_oo6vo_22",
+	"picture-modal__content": "_picture-modal__content_oo6vo_25",
+	"picture-modal__content-body": "_picture-modal__content-body_oo6vo_31",
+	"picture-modal__ops": "_picture-modal__ops_oo6vo_34",
+	"picture-modal__content-title": "_picture-modal__content-title_oo6vo_42",
+	"picture-modal__upload-area": "_picture-modal__upload-area_oo6vo_53",
+	"picture-modal__upload-area--dragging": "_picture-modal__upload-area--dragging_oo6vo_69",
+	"picture-modal__preview-list": "_picture-modal__preview-list_oo6vo_75",
+	"picture-modal__preview": "_picture-modal__preview_oo6vo_75",
+	"picture-modal__preview-image": "_picture-modal__preview-image_oo6vo_89",
+	"picture-modal__preview-info": "_picture-modal__preview-info_oo6vo_102",
+	"picture-modal__preview-filename": "_picture-modal__preview-filename_oo6vo_106",
+	"picture-modal__preview-size": "_picture-modal__preview-size_oo6vo_114",
+	"picture-modal__preview-delete": "_picture-modal__preview-delete_oo6vo_118",
+	"picture-modal__upload-text": "_picture-modal__upload-text_oo6vo_126",
+	"picture-modal__footer": "_picture-modal__footer_oo6vo_130"
+}, Je = S((e, t) => {
+	let [n] = k.useForm(), [r, i] = D(""), { t: o } = a(), s = (e) => /^https?:\/\/.+/i.test(e);
+	return ee(t, () => ({ getValue: async () => {
+		try {
+			return await n.validateFields(), r;
+		} catch {
+			throw Error("URL validation failed");
+		}
+	} })), /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		className: J["picture-modal__content-title"],
+		"data-title": o("editor.imageUrlNote"),
+		children: o("editor.enterImageUrl")
+	}), /* @__PURE__ */ v(k, {
+		form: n,
+		children: /* @__PURE__ */ v(k.Item, {
+			name: "url",
+			rules: [{
+				required: !0,
+				message: o("editor.pleaseEnterImageUrl")
+			}, { validator: (e, t) => !t || s(t) ? Promise.resolve() : Promise.reject(Error(o("editor.pleaseEnterValidImageUrl"))) }],
+			children: /* @__PURE__ */ v(A, {
+				placeholder: o("editor.pleaseEnterImageUrl"),
+				value: r,
+				onChange: (e) => i(e.target.value)
+			})
+		})
+	})] });
+});
+Je.displayName = "LinkInput";
+//#endregion
+//#region src/components/Editor/utils/formatTruncatedFilename.ts
+var Ye = "......", Xe = (e, t, n) => {
+	if (t <= 0 || n(e) <= t) return {
+		display: e,
+		truncated: !1
+	};
+	let r = e.lastIndexOf("."), i = r > 0 && r < e.length - 1, a = i ? e.slice(0, r) : e, o = i ? e.slice(r) : "", s = a.slice(-2), c = a.slice(0, -2), l = (e) => `${e}${Ye}${s}${o}`, u = (e) => n(e) <= t;
+	if (!u(l(""))) {
+		let t = `${Ye}${o}`;
+		return {
+			display: u(t) ? t : e,
+			truncated: !0
+		};
+	}
+	let d = 0, f = c.length, p = 0;
+	for (; d <= f;) {
+		let e = d + f >> 1;
+		u(l(c.slice(0, e))) ? (p = e, d = e + 1) : f = e - 1;
+	}
+	return {
+		display: l(c.slice(0, p)),
+		truncated: !0
+	};
+}, Ze = {
+	duration: .2,
+	ease: [
+		.4,
+		0,
+		.2,
+		1
+	]
+}, Qe = ({ name: e }) => {
+	let t = E(null), [n, r] = D(e), [i, a] = D(!1);
+	return te(() => {
+		let n = t.current, i = document.createElement("canvas").getContext("2d");
+		if (!n || !i) return;
+		let o = () => {
+			i.font = getComputedStyle(n).font;
+			let t = Xe(e, n.clientWidth, (e) => i.measureText(e).width);
+			r(t.display), a(t.truncated);
+		};
+		o();
+		let s = new ResizeObserver(o);
+		return s.observe(n), () => s.disconnect();
+	}, [e]), /* @__PURE__ */ v("div", {
+		ref: t,
+		className: J["picture-modal__preview-filename"],
+		title: i ? e : void 0,
+		children: n
+	});
+}, $e = (e) => new Promise((t, n) => {
+	let r = new FileReader();
+	r.onload = () => t(r.result), r.onerror = () => n(r.error), r.readAsDataURL(e);
+}), et = S((t, n) => {
+	let [r, i] = D(!1), [o, s] = D([]), c = E(o);
+	c.current = o;
+	let l = E(null), [u, d] = j.useMessage(), { t: f } = a(), p = (e) => (e / 1024).toFixed(1) + "kb", m = (e) => e.type.startsWith("image/") ? e.size > 5242880 ? (u.warning(f("editor.imageSizeNote")), !1) : !0 : (u.warning(f("editor.onlyImageFormatsSupported")), !1), h = (e) => {
+		let t = 10 - c.current.length;
+		if (t <= 0) {
+			u.warning(f("editor.imageCountNote", { count: 10 }));
+			return;
+		}
+		let n = Array.from(e).filter(m), r = n.slice(0, t);
+		n.length > t && u.warning(f("editor.imageCountNote", { count: 10 })), r.length && s((e) => [...e, ...r.map((e) => ({
+			id: `${e.name}-${e.size}-${e.lastModified}-${Math.random()}`,
+			file: e,
+			url: URL.createObjectURL(e)
+		}))]);
+	}, g = (e) => {
+		s((t) => {
+			let n = t.find((t) => t.id === e);
+			return n && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
+		});
+	}, _ = () => {
+		l.current?.click();
+	}, b = (e) => {
+		e.target.files?.length && h(e.target.files), e.target.value = "";
+	};
+	return T(() => () => {
+		c.current.forEach((e) => URL.revokeObjectURL(e.url));
+	}, []), ee(n, () => ({ getValue: async () => {
+		if (!o.length) throw u.warning(f("editor.pleaseUploadImageFirst")), Error(f("editor.pleaseUploadImageFirst"));
+		try {
+			return await Promise.all(o.map(async (e) => ({
+				src: await $e(e.file),
+				fileName: e.file.name
+			})));
+		} catch {
+			throw Error(f("editor.operationFailed"));
+		}
+	} }), [
+		o,
+		u,
+		f
+	]), /* @__PURE__ */ y("div", {
+		onDragOver: (e) => {
+			e.preventDefault(), i(!0);
+		},
+		onDragLeave: (e) => {
+			e.preventDefault(), i(!1);
+		},
+		onDrop: (e) => {
+			e.preventDefault(), i(!1), e.dataTransfer.files.length && h(e.dataTransfer.files);
+		},
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: J["picture-modal__ops"],
+				children: [/* @__PURE__ */ v("div", {
+					className: J["picture-modal__content-title"],
+					"data-title": f("editor.imageSizeNote"),
+					children: f("editor.uploadImage")
+				}), /* @__PURE__ */ y("div", {
+					className: `${J["picture-modal__upload-area"]} ${r ? J["picture-modal__upload-area--dragging"] : ""}`,
+					onClick: _,
+					children: [/* @__PURE__ */ v(e, { name: "upload" }), /* @__PURE__ */ v("span", {
+						className: J["picture-modal__upload-text"],
+						children: f("editor.clickOrDragToUpload")
+					})]
+				})]
+			}),
+			o.length > 0 ? /* @__PURE__ */ v("div", {
+				className: J["picture-modal__preview-list"],
+				children: /* @__PURE__ */ v(M, {
+					mode: "popLayout",
+					children: o.map((t) => /* @__PURE__ */ y(ie.div, {
+						layout: "position",
+						className: J["picture-modal__preview"],
+						initial: {
+							opacity: 0,
+							y: 12
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							y: -8
+						},
+						transition: Ze,
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: J["picture-modal__preview-image"],
+								children: /* @__PURE__ */ v("img", {
+									src: t.url,
+									alt: f("editor.previewImage")
+								})
+							}),
+							/* @__PURE__ */ y("div", {
+								className: J["picture-modal__preview-info"],
+								children: [/* @__PURE__ */ v(Qe, { name: t.file.name }), /* @__PURE__ */ v("div", {
+									className: J["picture-modal__preview-size"],
+									children: p(t.file.size)
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: J["picture-modal__preview-delete"],
+								role: "button",
+								onClick: () => g(t.id),
+								children: /* @__PURE__ */ v(e, { name: "delete" })
+							})
+						]
+					}, t.id))
+				})
+			}) : null,
+			/* @__PURE__ */ v("input", {
+				ref: l,
+				type: "file",
+				accept: "image/*",
+				multiple: !0,
+				style: { display: "none" },
+				onChange: b
+			}),
+			d
+		]
+	});
+});
+et.displayName = "UploadImage";
+//#endregion
+//#region src/components/Editor/commands/ImageCommands.ts
+var Y = ye("INSERT_INLINE_IMAGE_COMMAND"), tt = () => {
+	let { t } = a(), [n] = L(), [i, o] = D(!1), s = E(null), l = E(null), u = [{
+		key: "upload",
+		title: t("editor.uploadImage"),
+		icon: /* @__PURE__ */ v(e, { name: "picture" })
+	}, {
+		key: "url",
+		title: t("editor.imageUrl"),
+		icon: /* @__PURE__ */ v(e, { name: "Insertlink" })
+	}], [d, f] = D(u[0].key), p = async () => {
+		try {
+			if (d === "upload" && l.current) (await l.current.getValue()).forEach((e) => {
+				n.dispatchCommand(Y, {
+					src: e.src,
+					altText: e.fileName
+				});
+			});
+			else if (s.current) {
+				let e = await s.current.getValue();
+				n.dispatchCommand(Y, {
+					src: e,
+					altText: e
+				});
+			}
+			o(!1);
+		} catch (e) {
+			j.error(e instanceof Error ? e.message : t("editor.operationFailed"));
+		}
+	}, m = {
+		upload: /* @__PURE__ */ v(et, { ref: l }),
+		url: /* @__PURE__ */ v(Je, { ref: s })
+	};
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(K, {
+		icon: "picture",
+		tooltip: t("picture"),
+		onClick: () => o(!0)
+	}), /* @__PURE__ */ y(r, {
+		title: t("addPicture"),
+		open: i,
+		onOpenChange: o,
+		width: "620px",
+		children: [/* @__PURE__ */ y("div", {
+			className: J["picture-modal__container"],
+			children: [/* @__PURE__ */ v("div", {
+				className: J["picture-modal__sidebar"],
+				children: /* @__PURE__ */ v("ul", {
+					className: J["picture-modal__menu-list"],
+					children: u.map((e) => /* @__PURE__ */ y("li", {
+						className: `${J["picture-modal__menu-item"]} ${d === e.key ? J["picture-modal__menu-item--active"] : ""}`,
+						onClick: () => f(e.key),
+						children: [/* @__PURE__ */ v("span", {
+							className: J["picture-modal__menu-icon"],
+							children: e.icon
+						}), /* @__PURE__ */ v("span", { children: e.title })]
+					}, e.title))
+				})
+			}), /* @__PURE__ */ v(c, {
+				className: J["picture-modal__content"],
+				contentClassName: J["picture-modal__content-body"],
+				children: m[d]
+			})]
+		}), /* @__PURE__ */ y("div", {
+			className: J["picture-modal__footer"],
+			children: [/* @__PURE__ */ v(O, {
+				onClick: () => o(!1),
+				children: t("cancel")
+			}), /* @__PURE__ */ v(O, {
+				type: "primary",
+				onClick: p,
+				children: t("confirm")
+			})]
+		})]
+	})] });
+}, X = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, nt = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+		/* @__PURE__ */ v("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+		/* @__PURE__ */ v("line", {
+			x1: "4",
+			x2: "20",
+			y1: "12",
+			y2: "12"
+		})
+	]
+}), rt = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [/* @__PURE__ */ v("path", { d: "M9 14 4 9l5-5" }), /* @__PURE__ */ v("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })]
+}), it = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [/* @__PURE__ */ v("path", { d: "m15 14 5-5-5-5" }), /* @__PURE__ */ v("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" })]
+}), at = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "m4 19 8-8" }),
+		/* @__PURE__ */ v("path", { d: "m12 19-8-8" }),
+		/* @__PURE__ */ v("path", { d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06" })
+	]
+}), ot = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "m4 5 8 8" }),
+		/* @__PURE__ */ v("path", { d: "m12 5-8 8" }),
+		/* @__PURE__ */ v("path", { d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
+	]
+}), st = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M21 5H11" }),
+		/* @__PURE__ */ v("path", { d: "M21 12H11" }),
+		/* @__PURE__ */ v("path", { d: "M21 19H11" }),
+		/* @__PURE__ */ v("path", { d: "m3 8 4 4-4 4" })
+	]
+}), ct = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M21 5H11" }),
+		/* @__PURE__ */ v("path", { d: "M21 12H11" }),
+		/* @__PURE__ */ v("path", { d: "M21 19H11" }),
+		/* @__PURE__ */ v("path", { d: "m7 8-4 4 4 4" })
+	]
+}), lt = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M11 5h10" }),
+		/* @__PURE__ */ v("path", { d: "M11 12h10" }),
+		/* @__PURE__ */ v("path", { d: "M11 19h10" }),
+		/* @__PURE__ */ v("path", { d: "M4 4h1v5" }),
+		/* @__PURE__ */ v("path", { d: "M4 9h2" }),
+		/* @__PURE__ */ v("path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" })
+	]
+}), ut = () => /* @__PURE__ */ y("svg", {
+	...X,
+	children: [
+		/* @__PURE__ */ v("path", { d: "M3 5h.01" }),
+		/* @__PURE__ */ v("path", { d: "M3 12h.01" }),
+		/* @__PURE__ */ v("path", { d: "M3 19h.01" }),
+		/* @__PURE__ */ v("path", { d: "M8 5h13" }),
+		/* @__PURE__ */ v("path", { d: "M8 12h13" }),
+		/* @__PURE__ */ v("path", { d: "M8 19h13" })
+	]
+}), dt = () => /* @__PURE__ */ y("svg", {
+	...X,
+	className: "lucide lucide-code-xml-icon lucide-code-xml",
+	children: [
+		/* @__PURE__ */ v("path", { d: "m18 16 4-4-4-4" }),
+		/* @__PURE__ */ v("path", { d: "m6 8-4 4 4 4" }),
+		/* @__PURE__ */ v("path", { d: "m14.5 4-5 16" })
+	]
+}), ft = () => /* @__PURE__ */ y("svg", {
+	...X,
+	className: "lucide lucide-sheet-icon lucide-sheet",
+	children: [
+		/* @__PURE__ */ v("rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			ry: "2"
+		}),
+		/* @__PURE__ */ v("line", {
+			x1: "3",
+			x2: "21",
+			y1: "9",
+			y2: "9"
+		}),
+		/* @__PURE__ */ v("line", {
+			x1: "3",
+			x2: "21",
+			y1: "15",
+			y2: "15"
+		}),
+		/* @__PURE__ */ v("line", {
+			x1: "9",
+			x2: "9",
+			y1: "9",
+			y2: "21"
+		}),
+		/* @__PURE__ */ v("line", {
+			x1: "15",
+			x2: "15",
+			y1: "9",
+			y2: "21"
+		})
+	]
+}), pt = () => /* @__PURE__ */ y("svg", {
+	...X,
+	className: "lucide lucide-file-code-corner-icon lucide-file-code-corner",
+	children: [
+		/* @__PURE__ */ v("path", { d: "M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35" }),
+		/* @__PURE__ */ v("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }),
+		/* @__PURE__ */ v("path", { d: "m5 16-3 3 3 3" }),
+		/* @__PURE__ */ v("path", { d: "m9 22 3-3-3-3" })
+	]
+}), mt = () => {
+	let [e] = L(), { canUndo: t } = Ne(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(rt, {}),
+		tooltip: n("editor.undo"),
+		disabled: !t,
+		onClick: () => {
+			e.dispatchCommand(ve, void 0);
+		}
+	});
+}, ht = () => {
+	let [e] = L(), { canRedo: t } = Ne(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(it, {}),
+		tooltip: n("editor.redo"),
+		disabled: !t,
+		onClick: () => e.dispatchCommand(_e, void 0)
+	});
+}, gt = () => {
+	let [e] = L(), { strikethrough: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(nt, {}),
+		tooltip: n("editor.strikethrough"),
+		active: t,
+		onClick: () => e.dispatchCommand(I, "strikethrough")
+	});
+}, _t = () => {
+	let [e] = L(), { superscript: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(at, {}),
+		tooltip: n("editor.superscript"),
+		active: t,
+		onClick: () => e.dispatchCommand(I, "superscript")
+	});
+}, vt = () => {
+	let [e] = L(), { subscript: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(ot, {}),
+		tooltip: n("editor.subscript"),
+		active: t,
+		onClick: () => e.dispatchCommand(I, "subscript")
+	});
+}, yt = () => {
+	let [e] = L(), { t } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(st, {}),
+		tooltip: t("editor.indent"),
+		onClick: () => e.dispatchCommand(he, void 0)
+	});
+}, bt = () => {
+	let [e] = L(), { canOutdent: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(ct, {}),
+		tooltip: n("editor.outdent"),
+		disabled: !t,
+		onClick: () => e.dispatchCommand(ge, void 0)
+	});
+}, xt = () => {
+	let [e] = L(), { listType: t } = q(), { t: n } = a(), r = t === "bullet";
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(ut, {}),
+		tooltip: n("editor.bulletList"),
+		active: r,
+		onClick: () => {
+			e.dispatchCommand(r ? De : Ee, void 0);
+		}
+	});
+}, St = () => {
+	let [e] = L(), { listType: t } = q(), { t: n } = a(), r = t === "number";
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(lt, {}),
+		tooltip: n("editor.numberList"),
+		active: r,
+		onClick: () => {
+			e.dispatchCommand(r ? De : Te, void 0);
+		}
+	});
+}, Ct = () => {
+	let [e] = L(), { isCodeBlock: t } = q(), { t: n } = a();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(dt, {}),
+		tooltip: n("editor.codeBlock"),
+		active: t,
+		onClick: () => {
+			e.update(() => {
+				xe(P(), () => t ? N() : Oe(V));
+			});
+		}
+	});
+}, Z = {
+	"bsy-lexical__table-picker": "_bsy-lexical__table-picker_mv0nn_1",
+	"bsy-lexical__table-picker-grid": "_bsy-lexical__table-picker-grid_mv0nn_9",
+	"bsy-lexical__table-picker-cell": "_bsy-lexical__table-picker-cell_mv0nn_15",
+	"bsy-lexical__table-picker-cell--active": "_bsy-lexical__table-picker-cell--active_mv0nn_24",
+	"bsy-lexical__table-picker-label": "_bsy-lexical__table-picker-label_mv0nn_28"
+}, wt = g(1, 11), Tt = () => {
+	let [e] = L(), { isInTable: r } = q(), { t: i } = a(), s = t(), [c, u] = D(!1), [d, f] = D({
+		rows: 0,
+		cols: 0
+	});
+	T(() => {
+		r && u(!1);
+	}, [r]);
+	let p = () => {
+		u(!1), f({
+			rows: 0,
+			cols: 0
+		});
+	}, { refs: m, floatingStyles: h, getReferenceProps: g, getFloatingProps: b } = l({
+		isOpen: c,
+		close: p,
+		showMask: !1,
+		zIndex: s,
+		popupMinWidth: "220px",
+		offset: {
+			x: 0,
+			y: 4
+		}
+	});
+	return r ? /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(ft, {}),
+		tooltip: i("editor.table"),
+		disabled: !0
+	}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		className: "inline-flex",
+		ref: m.setReference,
+		...g({ onClick: () => u((e) => !e) }),
+		children: /* @__PURE__ */ v(K, {
+			icon: /* @__PURE__ */ v(ft, {}),
+			tooltip: i("editor.table")
+		})
+	}), /* @__PURE__ */ v(ae, { children: /* @__PURE__ */ v(M, { children: c ? /* @__PURE__ */ v(n, {
+		zIndex: s,
+		children: /* @__PURE__ */ v(ie.div, {
+			ref: m.setFloating,
+			...b(),
+			style: {
+				...h,
+				zIndex: s
+			},
+			...o,
+			children: /* @__PURE__ */ y("div", {
+				className: Z["bsy-lexical__table-picker"],
+				onMouseDown: (e) => e.preventDefault(),
+				onMouseLeave: () => f({
+					rows: 0,
+					cols: 0
+				}),
+				children: [/* @__PURE__ */ v("div", {
+					className: Z["bsy-lexical__table-picker-grid"],
+					children: wt.map((t) => wt.map((n) => /* @__PURE__ */ v("button", {
+						type: "button",
+						className: re(Z["bsy-lexical__table-picker-cell"], d.rows >= t && d.cols >= n && Z["bsy-lexical__table-picker-cell--active"]),
+						onMouseEnter: () => f({
+							rows: t,
+							cols: n
+						}),
+						onClick: () => {
+							e.dispatchCommand(ke, {
+								rows: String(t),
+								columns: String(n),
+								includeHeaders: !1
+							}), p();
+						}
+					}, `${t}-${n}`)))
+				}), /* @__PURE__ */ y("div", {
+					className: Z["bsy-lexical__table-picker-label"],
+					children: [
+						d.rows,
+						" × ",
+						d.cols
+					]
+				})]
+			})
+		}, "bsy-lexical-table-picker")
+	}) : null }) })] });
+}, Q = x(null), Et = () => {
+	let e = w(Q);
+	if (!e) throw Error("useSourceMode must be used within SourceModeProvider");
+	return e;
+}, Dt = () => {
+	let { t: e } = a(), { isSourceMode: t, toggleSourceMode: n } = Et();
+	return /* @__PURE__ */ v(K, {
+		icon: /* @__PURE__ */ v(pt, {}),
+		tooltip: e("editor.sourceMode"),
+		active: t,
+		onClick: n
+	});
+}, Ot = () => {
+	let [t] = L(), { headingTag: n, isInTable: r } = q(), { t: i } = a(), { iconSize: o } = G(), s = n || "paragraph", c = [
+		{
+			key: "paragraph",
+			label: i("editor.paragraph")
+		},
+		{
+			key: "h1",
+			label: i("editor.heading1")
+		},
+		{
+			key: "h2",
+			label: i("editor.heading2")
+		},
+		{
+			key: "h3",
+			label: i("editor.heading3")
+		}
+	], l = c.find((e) => e.key === s)?.label, d = C((e) => {
+		let n = e.key;
+		t.update(() => {
+			xe(P(), () => n === "paragraph" ? N() : Ae(n));
+		});
+	}, [t]), f = /* @__PURE__ */ v("div", {
+		className: z["bsy-lexical__toolbar-select"],
+		style: { width: 58 },
+		children: /* @__PURE__ */ v(K, {
+			icon: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
+				className: z["bsy-lexical__toolbar-select-label"],
+				children: l
+			}), /* @__PURE__ */ v(e, {
+				name: "arrow-down",
+				size: o,
+				className: z["bsy-lexical__toolbar-select-arrow"]
+			})] }),
+			tooltip: i("editor.heading"),
+			disabled: r
+		})
+	});
+	return r ? f : /* @__PURE__ */ v(u, {
+		menus: c,
+		onClick: d,
+		showSearch: !1,
+		activeKey: [s],
+		style: {
+			width: "110px",
+			minWidth: "110px"
+		},
+		children: f
+	});
+}, $ = /* @__PURE__ */ new Map(), kt = (e, t) => {
+	if (!e) throw Error("registerToolbarButton: name is required");
+	$.set(e, t);
+}, At = (e) => {
+	$.delete(e);
+}, jt = (e) => $.get(e), Mt = () => Array.from($.keys()), Nt = {
+	undo: mt,
+	redo: ht,
+	bold: Re,
+	underline: ze,
+	italic: Be,
+	strikethrough: gt,
+	superscript: _t,
+	subscript: vt,
+	heading: Ot,
+	fontSize: Ve,
+	fontColor: He,
+	fill: Ue,
+	bullet: xt,
+	number: St,
+	outdent: bt,
+	indent: yt,
+	align: We,
+	link: Ke,
+	unLink: qe,
+	picture: tt,
+	code: Ct,
+	table: Tt,
+	source: Dt
+};
+Object.entries(Nt).forEach(([e, t]) => {
+	kt(e, t);
+});
+//#endregion
+export { V as _, At as a, z as b, Y as c, Ie as d, G as f, U as g, H as h, kt as i, q as l, je as m, jt as n, Q as o, Pe as p, Mt as r, Et as s, Nt as t, K as u, Me as v, B as y };