@baishuyun/ui-base 6.12.0 → 6.13.0

package/dist/Editor/Buttons-CMkFTv6y.js

@@ -1,1016 +0,0 @@
-import { t as e } from "../Icon/Icon-oQ_uBooE.js";
-import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
-import { t as r } from "../Modal/Modal-17rLsxN4.js";
-import { t as i } from "../ColorPicker/ColorPicker-Buku806Y.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-DBzTOuRy.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-CuL1Qq25.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 M from "clsx";
-import { AnimatePresence as N, motion as P } from "motion/react";
-import { FloatingPortal as re } from "@floating-ui/react";
-import { $createParagraphNode as F, $createTextNode as ie, $getRoot as ae, $getSelection as I, $isElementNode as oe, $isRangeSelection as L, $isTextNode as se, $setSelection as ce, CAN_REDO_COMMAND as le, CAN_UNDO_COMMAND as ue, COMMAND_PRIORITY_CRITICAL as R, FORMAT_ELEMENT_COMMAND as de, FORMAT_TEXT_COMMAND as z, INDENT_CONTENT_COMMAND as fe, OUTDENT_CONTENT_COMMAND as pe, REDO_COMMAND as me, UNDO_COMMAND as he, createCommand as ge, mergeRegister as _e } from "lexical";
-import { useLexicalComposerContext as B } from "@lexical/react/LexicalComposerContext";
-import { $patchStyleText as V, $setBlocksType as H } from "@lexical/selection";
-import { $createLinkNode as U, $toggleLink as ve, TOGGLE_LINK_COMMAND as ye } from "@lexical/link";
-import { INSERT_ORDERED_LIST_COMMAND as be, INSERT_UNORDERED_LIST_COMMAND as xe, REMOVE_LIST_COMMAND as Se } from "@lexical/list";
-import { $createCodeNode as Ce } from "@lexical/code-core";
-import { INSERT_TABLE_COMMAND as we } from "@lexical/table";
-import { $createHeadingNode as Te } from "@lexical/rich-text";
-//#region src/components/Editor/ToolbarPlugin/toolbarPlugin.module.scss
-var W = {
-	"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"
-}, Ee = x(null), G = "plaintext", De = "github-light", Oe = [
-	{
-		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"
-	}
-], ke = h(Oe, "id"), Ae = (e) => e && ke[e] ? e : G, je = x(null), K = () => {
-	let e = w(je);
-	if (!e) throw Error("useHistoryStateContext must be used within HistoryStateProvider");
-	return e;
-}, Me = ({ children: e }) => {
-	let [t] = B(), [n, r] = D({
-		canUndo: !1,
-		canRedo: !1
-	});
-	return T(() => _e(t.registerCommand(ue, (e) => (r((t) => t.canUndo === e ? t : {
-		...t,
-		canUndo: e
-	}), !1), R), t.registerCommand(le, (e) => (r((t) => t.canRedo === e ? t : {
-		...t,
-		canRedo: e
-	}), !1), R)), [t]), /* @__PURE__ */ v(je.Provider, {
-		value: n,
-		children: e
-	});
-}, Ne = x({ iconSize: 14 }), Pe = Ne.Provider, q = () => w(Ne), Fe = {
-	"lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_10xg7_1",
-	"lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_10xg7_20"
-}, J = (t) => {
-	let { icon: n, tooltip: r, onClick: i, disabled: a = !1, active: o = !1, size: s } = t, { iconSize: c } = q(), l = s ?? c;
-	return /* @__PURE__ */ v("button", {
-		className: M(Fe["lexical-editor__toolbar-button"], { [Fe["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
-		})
-	});
-}, Y = () => {
-	let e = w(Ee);
-	if (!e) throw Error("useTextFormatsContext must be used within TextFormatsProvider");
-	return e;
-}, Ie = () => {
-	let [e] = B(), t = Y(), { t: n } = a(), r = t.bold;
-	return /* @__PURE__ */ v(J, {
-		icon: "bold",
-		tooltip: n("editor.bold"),
-		active: r,
-		onClick: () => {
-			e.dispatchCommand(z, "bold");
-		}
-	});
-}, Le = () => {
-	let [e] = B(), t = Y(), { t: n } = a(), r = t.underline;
-	return /* @__PURE__ */ v(J, {
-		icon: "underline",
-		tooltip: n("editor.underline"),
-		active: r,
-		onClick: () => {
-			e.dispatchCommand(z, "underline");
-		}
-	});
-}, Re = () => {
-	let [e] = B(), t = Y(), { t: n } = a(), r = t.italic;
-	return /* @__PURE__ */ v(J, {
-		icon: "italic",
-		tooltip: n("editor.italic"),
-		active: r,
-		onClick: () => {
-			e.dispatchCommand(z, "italic");
-		}
-	});
-}, ze = () => {
-	let [e] = B(), { t } = a(), { fontSize: n, headingTag: r } = Y(), i = ne(() => d.map((e) => ({
-		key: e.value,
-		label: e.label
-	})), []), o = C((t) => {
-		let n = t.key;
-		e.update(() => {
-			let e = I();
-			L(e) && V(e, { "font-size": n });
-		});
-	}, [e]);
-	return r ? /* @__PURE__ */ v(J, {
-		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(J, {
-				icon: "fontsize",
-				tooltip: t("editor.fontSize"),
-				active: !1
-			})
-		})
-	});
-}, Be = () => {
-	let [e] = B(), t = Y(), { t: n } = a(), r = C((t) => {
-		e.update(() => {
-			let e = I();
-			L(e) && V(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(J, {
-				icon: "fontcolor",
-				tooltip: n("editor.fontColor"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-}, Ve = () => {
-	let [e] = B(), t = Y(), { t: n } = a(), r = C((t) => {
-		e.update(() => {
-			let e = I();
-			L(e) && V(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(J, {
-				icon: "fill",
-				tooltip: n("editor.fill"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-}, He = () => {
-	let [e] = B(), { align: t } = Y(), { 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(de, 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(J, {
-				icon: c,
-				tooltip: n("editor.alignment"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/Editor/ToolbarPlugin/Buttons/LinkButton.tsx
-function Ue(e) {
-	return e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "";
-}
-var We = () => {
-	let [e] = B(), { link: t } = Y(), { 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 = Ue(c);
-		e.setEditable(!0), e.update(() => {
-			let e = f ? {
-				target: "_blank",
-				rel: "noopener noreferrer",
-				title: c
-			} : { title: c }, n = g.current;
-			n !== null && ce(n);
-			let r = I();
-			if (L(r)) {
-				let n = u || c, i = r.getTextContent();
-				if (!r.isCollapsed() && n === i) ve(t, e);
-				else {
-					let i = r.anchor.getNode(), a = se(i) ? i : null, o = r.style || r.getNodes().find(se)?.getStyle() || a?.getStyle() || "", s = r.format || a?.getFormat() || 0, c = U(t, e), l = ie(n);
-					l.setFormat(s), l.setStyle(o), c.append(l), r.insertNodes([c]);
-				}
-			} else {
-				let n = U(t, e);
-				n.append(ie(u || c));
-				let r = ae(), i = r.getLastChild();
-				if (oe(i) && i.isEmpty()) i.append(n);
-				else {
-					let e = F();
-					e.append(n), r.append(e);
-				}
-			}
-		}), g.current = null, l(""), d(""), b(!1);
-	}, S = C(() => {
-		let n = "";
-		e.getEditorState().read(() => {
-			let e = I();
-			g.current = e ? e.clone() : null, L(e) && !e.isCollapsed() && (n = e.getTextContent());
-		}), e.setEditable(!1), e.update(() => {
-			ce(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(J, {
-			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")
-					})]
-				})]
-			})] })
-		})
-	] });
-}, Ge = () => {
-	let [e] = B(), { link: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "cancellink",
-		tooltip: n("cancelLink"),
-		onClick: () => {
-			t && e.dispatchCommand(ye, null);
-		}
-	});
-}, X = {
-	"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"
-}, Ke = 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: X["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)
-			})
-		})
-	})] });
-});
-Ke.displayName = "LinkInput";
-//#endregion
-//#region src/components/Editor/utils/formatTruncatedFilename.ts
-var qe = "......", Je = (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}${qe}${s}${o}`, u = (e) => n(e) <= t;
-	if (!u(l(""))) {
-		let t = `${qe}${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
-	};
-}, Ye = {
-	duration: .2,
-	ease: [
-		.4,
-		0,
-		.2,
-		1
-	]
-}, Xe = ({ 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 = Je(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: X["picture-modal__preview-filename"],
-		title: i ? e : void 0,
-		children: n
-	});
-}, Ze = (e) => new Promise((t, n) => {
-	let r = new FileReader();
-	r.onload = () => t(r.result), r.onerror = () => n(r.error), r.readAsDataURL(e);
-}), Qe = 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 Ze(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: X["picture-modal__ops"],
-				children: [/* @__PURE__ */ v("div", {
-					className: X["picture-modal__content-title"],
-					"data-title": f("editor.imageSizeNote"),
-					children: f("editor.uploadImage")
-				}), /* @__PURE__ */ y("div", {
-					className: `${X["picture-modal__upload-area"]} ${r ? X["picture-modal__upload-area--dragging"] : ""}`,
-					onClick: _,
-					children: [/* @__PURE__ */ v(e, { name: "upload" }), /* @__PURE__ */ v("span", {
-						className: X["picture-modal__upload-text"],
-						children: f("editor.clickOrDragToUpload")
-					})]
-				})]
-			}),
-			o.length > 0 ? /* @__PURE__ */ v("div", {
-				className: X["picture-modal__preview-list"],
-				children: /* @__PURE__ */ v(N, {
-					mode: "popLayout",
-					children: o.map((t) => /* @__PURE__ */ y(P.div, {
-						layout: "position",
-						className: X["picture-modal__preview"],
-						initial: {
-							opacity: 0,
-							y: 12
-						},
-						animate: {
-							opacity: 1,
-							y: 0
-						},
-						exit: {
-							opacity: 0,
-							y: -8
-						},
-						transition: Ye,
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: X["picture-modal__preview-image"],
-								children: /* @__PURE__ */ v("img", {
-									src: t.url,
-									alt: f("editor.previewImage")
-								})
-							}),
-							/* @__PURE__ */ y("div", {
-								className: X["picture-modal__preview-info"],
-								children: [/* @__PURE__ */ v(Xe, { name: t.file.name }), /* @__PURE__ */ v("div", {
-									className: X["picture-modal__preview-size"],
-									children: p(t.file.size)
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: X["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
-		]
-	});
-});
-Qe.displayName = "UploadImage";
-//#endregion
-//#region src/components/Editor/commands/ImageCommands.ts
-var Z = ge("INSERT_INLINE_IMAGE_COMMAND"), $e = () => {
-	let { t } = a(), [n] = B(), [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(Z, {
-					src: e.src,
-					altText: e.fileName
-				});
-			});
-			else if (s.current) {
-				let e = await s.current.getValue();
-				n.dispatchCommand(Z, {
-					src: e,
-					altText: e
-				});
-			}
-			o(!1);
-		} catch (e) {
-			j.error(e instanceof Error ? e.message : t("editor.operationFailed"));
-		}
-	}, m = {
-		upload: /* @__PURE__ */ v(Qe, { ref: l }),
-		url: /* @__PURE__ */ v(Ke, { ref: s })
-	};
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(J, {
-		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: X["picture-modal__container"],
-			children: [/* @__PURE__ */ v("div", {
-				className: X["picture-modal__sidebar"],
-				children: /* @__PURE__ */ v("ul", {
-					className: X["picture-modal__menu-list"],
-					children: u.map((e) => /* @__PURE__ */ y("li", {
-						className: `${X["picture-modal__menu-item"]} ${d === e.key ? X["picture-modal__menu-item--active"] : ""}`,
-						onClick: () => f(e.key),
-						children: [/* @__PURE__ */ v("span", {
-							className: X["picture-modal__menu-icon"],
-							children: e.icon
-						}), /* @__PURE__ */ v("span", { children: e.title })]
-					}, e.title))
-				})
-			}), /* @__PURE__ */ v(c, {
-				className: X["picture-modal__content"],
-				contentClassName: X["picture-modal__content-body"],
-				children: m[d]
-			})]
-		}), /* @__PURE__ */ y("div", {
-			className: X["picture-modal__footer"],
-			children: [/* @__PURE__ */ v(O, {
-				onClick: () => o(!1),
-				children: t("cancel")
-			}), /* @__PURE__ */ v(O, {
-				type: "primary",
-				onClick: p,
-				children: t("confirm")
-			})]
-		})]
-	})] });
-}, et = () => {
-	let [e] = B(), { canUndo: t } = K(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "chexiao",
-		tooltip: n("editor.undo"),
-		disabled: !t,
-		onClick: () => {
-			e.dispatchCommand(he, void 0);
-		}
-	});
-}, tt = () => {
-	let [e] = B(), { canRedo: t } = K(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "fanhui",
-		tooltip: n("editor.redo"),
-		disabled: !t,
-		onClick: () => e.dispatchCommand(me, void 0)
-	});
-}, nt = () => {
-	let [e] = B(), { strikethrough: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "shanchuxian",
-		tooltip: n("editor.strikethrough"),
-		active: t,
-		onClick: () => e.dispatchCommand(z, "strikethrough")
-	});
-}, rt = () => {
-	let [e] = B(), { superscript: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "shangbiao",
-		tooltip: n("editor.superscript"),
-		active: t,
-		onClick: () => e.dispatchCommand(z, "superscript")
-	});
-}, it = () => {
-	let [e] = B(), { subscript: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "xiabiao",
-		tooltip: n("editor.subscript"),
-		active: t,
-		onClick: () => e.dispatchCommand(z, "subscript")
-	});
-}, at = () => {
-	let [e] = B(), { t } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "zengjiasuojin",
-		tooltip: t("editor.indent"),
-		onClick: () => e.dispatchCommand(fe, void 0)
-	});
-}, ot = () => {
-	let [e] = B(), { canOutdent: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "jianshaosuojin",
-		tooltip: n("editor.outdent"),
-		disabled: !t,
-		onClick: () => e.dispatchCommand(pe, void 0)
-	});
-}, st = () => {
-	let [e] = B(), { listType: t } = Y(), { t: n } = a(), r = t === "bullet";
-	return /* @__PURE__ */ v(J, {
-		icon: "xuhaoliebiao",
-		tooltip: n("editor.bulletList"),
-		active: r,
-		onClick: () => {
-			e.dispatchCommand(r ? Se : xe, void 0);
-		}
-	});
-}, ct = () => {
-	let [e] = B(), { listType: t } = Y(), { t: n } = a(), r = t === "number";
-	return /* @__PURE__ */ v(J, {
-		icon: "bianhaoliebiao",
-		tooltip: n("editor.numberList"),
-		active: r,
-		onClick: () => {
-			e.dispatchCommand(r ? Se : be, void 0);
-		}
-	});
-}, lt = () => {
-	let [e] = B(), { isCodeBlock: t } = Y(), { t: n } = a();
-	return /* @__PURE__ */ v(J, {
-		icon: "daima",
-		tooltip: n("editor.codeBlock"),
-		active: t,
-		onClick: () => {
-			e.update(() => {
-				H(I(), () => t ? F() : Ce(G));
-			});
-		}
-	});
-}, Q = {
-	"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"
-}, ut = g(1, 11), dt = () => {
-	let [e] = B(), { isInTable: r } = Y(), { 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(J, {
-		icon: "charubiaoge",
-		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(J, {
-			icon: "charubiaoge",
-			tooltip: i("editor.table")
-		})
-	}), /* @__PURE__ */ v(re, { children: /* @__PURE__ */ v(N, { children: c ? /* @__PURE__ */ v(n, {
-		zIndex: s,
-		children: /* @__PURE__ */ v(P.div, {
-			ref: m.setFloating,
-			...b(),
-			style: {
-				...h,
-				zIndex: s
-			},
-			...o,
-			children: /* @__PURE__ */ y("div", {
-				className: Q["bsy-lexical__table-picker"],
-				onMouseDown: (e) => e.preventDefault(),
-				onMouseLeave: () => f({
-					rows: 0,
-					cols: 0
-				}),
-				children: [/* @__PURE__ */ v("div", {
-					className: Q["bsy-lexical__table-picker-grid"],
-					children: ut.map((t) => ut.map((n) => /* @__PURE__ */ v("button", {
-						type: "button",
-						className: M(Q["bsy-lexical__table-picker-cell"], d.rows >= t && d.cols >= n && Q["bsy-lexical__table-picker-cell--active"]),
-						onMouseEnter: () => f({
-							rows: t,
-							cols: n
-						}),
-						onClick: () => {
-							e.dispatchCommand(we, {
-								rows: String(t),
-								columns: String(n),
-								includeHeaders: !1
-							}), p();
-						}
-					}, `${t}-${n}`)))
-				}), /* @__PURE__ */ y("div", {
-					className: Q["bsy-lexical__table-picker-label"],
-					children: [
-						d.rows,
-						" × ",
-						d.cols
-					]
-				})]
-			})
-		}, "bsy-lexical-table-picker")
-	}) : null }) })] });
-}, ft = x(null), pt = () => {
-	let e = w(ft);
-	if (!e) throw Error("useSourceMode must be used within SourceModeProvider");
-	return e;
-}, mt = () => {
-	let { t: e } = a(), { isSourceMode: t, toggleSourceMode: n } = pt();
-	return /* @__PURE__ */ v(J, {
-		icon: "yuanmamoshi",
-		tooltip: e("editor.sourceMode"),
-		active: t,
-		onClick: n
-	});
-}, ht = () => {
-	let [t] = B(), { headingTag: n, isInTable: r } = Y(), { t: i } = a(), { iconSize: o } = q(), 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(() => {
-			H(I(), () => n === "paragraph" ? F() : Te(n));
-		});
-	}, [t]), f = /* @__PURE__ */ v("div", {
-		className: W["bsy-lexical__toolbar-select"],
-		style: { width: 58 },
-		children: /* @__PURE__ */ v(J, {
-			icon: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
-				className: W["bsy-lexical__toolbar-select-label"],
-				children: l
-			}), /* @__PURE__ */ v(e, {
-				name: "arrow-down",
-				size: o,
-				className: W["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(), gt = (e, t) => {
-	if (!e) throw Error("registerToolbarButton: name is required");
-	$.set(e, t);
-}, _t = (e) => {
-	$.delete(e);
-}, vt = (e) => $.get(e), yt = () => Array.from($.keys()), bt = {
-	undo: et,
-	redo: tt,
-	bold: Ie,
-	underline: Le,
-	italic: Re,
-	strikethrough: nt,
-	superscript: rt,
-	subscript: it,
-	heading: ht,
-	fontSize: ze,
-	fontColor: Be,
-	fill: Ve,
-	bullet: st,
-	number: ct,
-	outdent: ot,
-	indent: at,
-	align: He,
-	link: We,
-	unLink: Ge,
-	picture: $e,
-	code: lt,
-	table: dt,
-	source: mt
-};
-Object.entries(bt).forEach(([e, t]) => {
-	gt(e, t);
-});
-//#endregion
-export { G as _, _t as a, W as b, Z as c, Pe as d, q as f, ke as g, Oe as h, gt as i, Y as l, De as m, vt as n, ft as o, Me as p, yt as r, pt as s, bt as t, J as u, Ae as v, Ee as y };