@baishuyun/ui-base 2.3.3 → 2.4.1

package/dist/Editor/{Buttons-ClWtl3G-.js → Buttons-CsKKYGbV.js}

@@ -1,80 +1,83 @@
-import { t as e } from "../Icon/Icon-DXmPqVzg.js";
-import { t } from "../vendors/useLocale-BfT0V1j4.js";
-import { t as n } from "../vendors/clsx-DNOE4Gl8.js";
-import { t as r } from "../Modal/Modal-BO1s8pJe.js";
-import { t as i } from "../ColorPicker/ColorPicker-Bh4KTHxh.js";
-import { t as a } from "../CheckBox/CheckBox-q2vu7qf7.js";
-import { t as o } from "../DropDown/DropDown-BEzloRRM.js";
-import { A as s, E as c, F as l, I as u, P as d, T as f, g as p, i as m, j as h, k as g, n as _, s as v, x as y, y as ee } from "../vendors/lexical-hZliMgDv.js";
-import { FONT_SIZES as b } from "./constants/index.js";
-import { AlignCenterOutlined as x, AlignLeftOutlined as S, AlignRightOutlined as C } from "@ant-design/icons";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import D, { createContext as O, forwardRef as k, useCallback as A, useContext as j, useImperativeHandle as M, useMemo as N, useRef as P, useState as F } from "react";
-import { Button as I, Form as L, Input as R, message as z } from "antd";
-import { AnimatePresence as te, motion as B } from "motion/react";
+import { t as e } from "../Icon/Icon-CTZCSuVg.js";
+import { t } from "../vendors/useLocale-BXnqO-Ju.js";
+import { t as n } from "../Modal/Modal-DQ5bptu_.js";
+import { t as r } from "../ColorPicker/ColorPicker-C1kG_eI-.js";
+import { t as i } from "../CheckBox/CheckBox-Cz6KW9Lw.js";
+import { t as a } from "../DropDown/DropDown-BAPBTglm.js";
+import { FONT_SIZES as o } from "./constants/index.js";
+import { AlignCenterOutlined as s, AlignLeftOutlined as c, AlignRightOutlined as l } from "@ant-design/icons";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import p, { createContext as m, forwardRef as h, useCallback as g, useContext as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";
+import S from "clsx";
+import { Button as C, Form as w, Input as T, message as E } from "antd";
+import { AnimatePresence as D, motion as O } from "motion/react";
+import { $createParagraphNode as k, $createTextNode as ee, $getRoot as te, $getSelection as A, $isElementNode as j, $isRangeSelection as M, FORMAT_ELEMENT_COMMAND as ne, FORMAT_TEXT_COMMAND as N, createCommand as P } from "lexical";
+import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
+import { $patchStyleText as I } from "@lexical/selection";
+import { $createLinkNode as L, $toggleLink as R, TOGGLE_LINK_COMMAND as z } from "@lexical/link";
 //#region src/components/Editor/ToolbarPlugin/context/TextFormatsContext.tsx
-var V = O(null), H = {
+var B = m(null), V = {
 	"lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_1y192_1",
 	"lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_1y192_7"
-}, U = (t) => {
-	let { icon: r, tooltip: i, onClick: a, disabled: o = !1, active: s = !1, size: c = 14 } = t;
-	return /* @__PURE__ */ T("button", {
-		className: n(H["lexical-editor__toolbar-button"], { [H["lexical-editor__toolbar-button-active"]]: s }),
+}, H = (t) => {
+	let { icon: n, tooltip: r, onClick: i, disabled: a = !1, active: o = !1, size: s = 14 } = t;
+	return /* @__PURE__ */ d("button", {
+		className: S(V["lexical-editor__toolbar-button"], { [V["lexical-editor__toolbar-button-active"]]: o }),
 		type: "button",
-		onClick: a,
-		disabled: o,
-		title: i,
-		children: D.isValidElement(r) ? r : /* @__PURE__ */ T(e, {
-			name: r,
-			size: c
+		onClick: i,
+		disabled: a,
+		title: r,
+		children: p.isValidElement(n) ? n : /* @__PURE__ */ d(e, {
+			name: n,
+			size: s
 		})
 	});
-}, W = () => {
-	let e = j(V);
+}, U = () => {
+	let e = _(B);
 	if (!e) throw Error("useTextFormatsContext must be used within TextFormatsProvider");
 	return e;
-}, ne = () => {
-	let [e] = u(), n = W(), { t: r } = t(), i = n.bold;
-	return /* @__PURE__ */ T(U, {
+}, W = () => {
+	let [e] = F(), n = U(), { t: r } = t(), i = n.bold;
+	return /* @__PURE__ */ d(H, {
 		icon: "bold",
 		tooltip: r("editor.bold"),
 		active: i,
 		onClick: () => {
-			e.dispatchCommand(h, "bold");
+			e.dispatchCommand(N, "bold");
 		}
 	});
 }, re = () => {
-	let [e] = u(), n = W(), { t: r } = t(), i = n.underline;
-	return /* @__PURE__ */ T(U, {
+	let [e] = F(), n = U(), { t: r } = t(), i = n.underline;
+	return /* @__PURE__ */ d(H, {
 		icon: "underline",
 		tooltip: r("editor.underline"),
 		active: i,
 		onClick: () => {
-			e.dispatchCommand(h, "underline");
+			e.dispatchCommand(N, "underline");
 		}
 	});
 }, ie = () => {
-	let [e] = u(), n = W(), { t: r } = t(), i = n.italic;
-	return /* @__PURE__ */ T(U, {
+	let [e] = F(), n = U(), { t: r } = t(), i = n.italic;
+	return /* @__PURE__ */ d(H, {
 		icon: "italic",
 		tooltip: r("editor.italic"),
 		active: i,
 		onClick: () => {
-			e.dispatchCommand(h, "italic");
+			e.dispatchCommand(N, "italic");
 		}
 	});
 }, ae = () => {
-	let [e] = u(), t = W();
-	return /* @__PURE__ */ T(o, {
-		menus: N(() => b.map((e) => ({
+	let [e] = F(), t = U();
+	return /* @__PURE__ */ d(a, {
+		menus: y(() => o.map((e) => ({
 			key: e.value,
 			label: e.label
 		})), []),
-		onClick: A((t) => {
+		onClick: g((t) => {
 			let n = t.key;
 			e.update(() => {
-				let e = y();
-				f(e) && p(e, { "font-size": n });
+				let e = A();
+				M(e) && I(e, { "font-size": n });
 			});
 		}, [e]),
 		activeKey: [t.fontSize],
@@ -83,104 +86,104 @@ var V = O(null), H = {
 			width: "60px",
 			minWidth: "60px"
 		},
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "dropdown__trigger inline-flex",
-			children: /* @__PURE__ */ T(U, {
+			children: /* @__PURE__ */ d(H, {
 				icon: "fontsize",
 				tooltip: "字号",
 				active: !1
 			})
 		})
 	});
-}, G = O(null), K = () => {
-	let e = j(G);
+}, G = m(null), K = () => {
+	let e = _(G);
 	if (!e) throw Error("useEditorContainer must be used within EditorContainerProvider");
 	return e;
 }, oe = () => {
-	let [e] = u(), n = W(), { t: r } = t(), { getPopupContainer: a } = K(), o = A((t) => {
+	let [e] = F(), n = U(), { t: i } = t(), { getPopupContainer: a } = K(), o = g((t) => {
 		e.update(() => {
-			let e = y();
-			f(e) && p(e, { color: t });
+			let e = A();
+			M(e) && I(e, { color: t });
 		});
 	}, [e]);
-	return /* @__PURE__ */ T(i, {
+	return /* @__PURE__ */ d(r, {
 		value: n.fontColor,
 		onChange: o,
 		placement: "bottom-start",
 		getPopupContainer: a,
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "trigger-picker inline-flex",
-			children: /* @__PURE__ */ T(U, {
+			children: /* @__PURE__ */ d(H, {
 				icon: "fontcolor",
-				tooltip: r("editor.fontColor"),
+				tooltip: i("editor.fontColor"),
 				onClick: () => {},
 				active: !1
 			})
 		})
 	});
 }, se = () => {
-	let [e] = u(), n = W(), { t: r } = t(), { getPopupContainer: a } = K(), o = A((t) => {
+	let [e] = F(), n = U(), { t: i } = t(), { getPopupContainer: a } = K(), o = g((t) => {
 		e.update(() => {
-			let e = y();
-			f(e) && p(e, { "background-color": t });
+			let e = A();
+			M(e) && I(e, { "background-color": t });
 		});
 	}, [e]);
-	return /* @__PURE__ */ T(i, {
+	return /* @__PURE__ */ d(r, {
 		value: n.backgroundColor,
 		onChange: o,
 		placement: "bottom-start",
 		getPopupContainer: a,
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "trigger-picker inline-flex",
-			children: /* @__PURE__ */ T(U, {
+			children: /* @__PURE__ */ d(H, {
 				icon: "fill",
-				tooltip: r("editor.fill"),
+				tooltip: i("editor.fill"),
 				onClick: () => {},
 				active: !1
 			})
 		})
 	});
 }, ce = () => {
-	let [e] = u(), { align: n } = W(), { t: r } = t(), i = [
+	let [e] = F(), { align: n } = U(), { t: r } = t(), i = [
 		{
 			key: "left",
 			label: r("leftAlign"),
-			icon: /* @__PURE__ */ T(S, {})
+			icon: /* @__PURE__ */ d(c, {})
 		},
 		{
 			key: "center",
 			label: r("editor.centerAlign"),
-			icon: /* @__PURE__ */ T(x, {})
+			icon: /* @__PURE__ */ d(s, {})
 		},
 		{
 			key: "right",
 			label: r("editor.rightAlign"),
-			icon: /* @__PURE__ */ T(C, {})
+			icon: /* @__PURE__ */ d(l, {})
 		}
-	], a = A((t) => {
-		e.dispatchCommand(s, t);
-	}, [e]), c = i.map((e) => ({
+	], o = g((t) => {
+		e.dispatchCommand(ne, t);
+	}, [e]), u = i.map((e) => ({
 		key: e.key,
-		label: /* @__PURE__ */ E("div", {
+		label: /* @__PURE__ */ f("div", {
 			className: "flex items-center gap-2",
-			children: [e.icon, /* @__PURE__ */ T("span", { children: e.label })]
+			children: [e.icon, /* @__PURE__ */ d("span", { children: e.label })]
 		})
-	})), l = A((e) => {
-		a(e.key);
-	}, [a]), d = i.find((e) => e.key === n)?.icon || /* @__PURE__ */ T(S, {});
-	return /* @__PURE__ */ T(o, {
-		menus: c,
-		onClick: l,
+	})), p = g((e) => {
+		o(e.key);
+	}, [o]), m = i.find((e) => e.key === n)?.icon || /* @__PURE__ */ d(c, {});
+	return /* @__PURE__ */ d(a, {
+		menus: u,
+		onClick: p,
 		showSearch: !1,
 		activeKey: [n],
 		style: {
 			width: "110px",
 			minWidth: "110px"
 		},
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "trigger-dropdown inline-flex text-sm",
-			children: /* @__PURE__ */ T(U, {
-				icon: d,
+			children: /* @__PURE__ */ d(H, {
+				icon: m,
 				tooltip: r("editor.alignment"),
 				onClick: () => {},
 				active: !1
@@ -188,103 +191,103 @@ var V = O(null), H = {
 		})
 	});
 }, le = () => {
-	let [e] = u(), { link: n } = W(), { t: i } = t(), [o, s] = F(!1), [c, p] = F(""), [m, h] = F(""), [b, x] = F(!0), [S, C] = z.useMessage(), D = A((e) => e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "", []), O = () => {
+	let [e] = F(), { link: r } = U(), { t: a } = t(), [o, s] = x(!1), [c, l] = x(""), [p, m] = x(""), [h, _] = x(!0), [v, y] = E.useMessage(), b = g((e) => e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "", []), S = () => {
 		if (!c) {
-			S.warning(i("editor.linkAddressEmpty"));
+			v.warning(a("editor.linkAddressEmpty"));
 			return;
 		}
-		let t = D(c);
+		let t = b(c);
 		e.update(() => {
-			let e = b ? {
+			let e = h ? {
 				target: "_blank",
 				rel: "noopener noreferrer",
 				title: c
-			} : { title: c }, n = y(), r = _(t, e), i = g(m || c);
-			if (f(n)) n.isCollapsed() ? (r.append(i), n.insertNodes([r])) : v(t);
+			} : { title: c }, n = A(), r = L(t, e), i = ee(p || c);
+			if (M(n)) n.isCollapsed() ? (r.append(i), n.insertNodes([r])) : R(t);
 			else {
 				r.append(i);
-				let e = d(), t = e.getLastChild();
-				if (l(t) && t.isEmpty()) t.append(r);
+				let e = te(), t = e.getLastChild();
+				if (j(t) && t.isEmpty()) t.append(r);
 				else {
-					let t = ee();
+					let t = k();
 					t.append(r), e.append(t);
 				}
 			}
-		}), p(""), h(""), s(!1);
-	}, k = A(() => {
-		n ? (p(n.link === "javascript:void(0);" ? "" : n.link), h(n.linkText)) : (p(""), h("")), s(!0);
-	}, [n]);
-	return /* @__PURE__ */ E(w, { children: [
-		/* @__PURE__ */ T(U, {
+		}), l(""), m(""), s(!1);
+	}, w = g(() => {
+		r ? (l(r.link === "javascript:void(0);" ? "" : r.link), m(r.linkText)) : (l(""), m("")), s(!0);
+	}, [r]);
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d(H, {
 			icon: "Insertlink",
-			tooltip: i("link"),
-			onClick: k,
-			active: !!n?.link
+			tooltip: a("link"),
+			onClick: w,
+			active: !!r?.link
 		}),
-		C,
-		/* @__PURE__ */ T(r, {
-			title: i("link"),
+		y,
+		/* @__PURE__ */ d(n, {
+			title: a("link"),
 			open: o,
 			onOpenChange: s,
-			children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+			children: /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 				className: "px-[20px] pb-[60px] pt-[40px]",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center relative",
 					children: [
-						/* @__PURE__ */ T("label", {
+						/* @__PURE__ */ d("label", {
 							className: "w-[80px] shrink-0",
-							children: i("linkAddress")
+							children: a("linkAddress")
 						}),
-						/* @__PURE__ */ T(R, {
+						/* @__PURE__ */ d(T, {
 							value: c,
-							onChange: (e) => p(e.target.value),
-							placeholder: i("editor.linkTip")
+							onChange: (e) => l(e.target.value),
+							placeholder: a("editor.linkTip")
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ d("div", {
 							className: "absolute bottom-[-30px] left-[80px]",
-							children: /* @__PURE__ */ T("p", {
+							children: /* @__PURE__ */ d("p", {
 								className: "text-[#999]",
 								children: "链接可用 @表单别名，用于应用内表单跳转"
 							})
 						})
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex items-center mt-[40px]",
-					children: [/* @__PURE__ */ T("label", {
+					children: [/* @__PURE__ */ d("label", {
 						className: "w-[80px] shrink-0",
-						children: i("showContent")
-					}), /* @__PURE__ */ T(R, {
-						value: m,
-						onChange: (e) => h(e.target.value)
+						children: a("showContent")
+					}), /* @__PURE__ */ d(T, {
+						value: p,
+						onChange: (e) => m(e.target.value)
 					})]
 				})]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "py-[14px] px-[20px] flex justify-between items-center border-t-[1px] border-solid border-[#e0e0e0]",
-				children: [/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(a, {
-					checked: b,
-					onChange: (e) => x(e),
-					children: i("openInNewTab")
-				}) }), /* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(i, {
+					checked: h,
+					onChange: (e) => _(e),
+					children: a("openInNewTab")
+				}) }), /* @__PURE__ */ f("div", {
 					className: "flex gap-[15px]",
-					children: [/* @__PURE__ */ T(I, {
+					children: [/* @__PURE__ */ d(C, {
 						onClick: () => s(!1),
-						children: i("cancel")
-					}), /* @__PURE__ */ T(I, {
+						children: a("cancel")
+					}), /* @__PURE__ */ d(C, {
 						type: "primary",
-						onClick: O,
-						children: i("confirm")
+						onClick: S,
+						children: a("confirm")
 					})]
 				})]
 			})] })
 		})
 	] });
 }, ue = () => {
-	let [e] = u(), { link: n } = W(), { t: r } = t();
-	return /* @__PURE__ */ T(U, {
+	let [e] = F(), { link: n } = U(), { t: r } = t();
+	return /* @__PURE__ */ d(H, {
 		icon: "cancellink",
 		tooltip: r("cancelLink"),
 		onClick: () => {
-			n && e.dispatchCommand(m, null);
+			n && e.dispatchCommand(z, null);
 		}
 	});
 }, q = {
@@ -308,27 +311,27 @@ var V = O(null), H = {
 	"picture-modal__preview-delete": "_picture-modal__preview-delete_qyj1h_113",
 	"picture-modal__upload-text": "_picture-modal__upload-text_qyj1h_121",
 	"picture-modal__footer": "_picture-modal__footer_qyj1h_125"
-}, J = k((e, n) => {
-	let [r] = L.useForm(), [i, a] = F(""), { t: o } = t(), s = (e) => /^https?:\/\/.+/i.test(e);
-	return M(n, () => ({ getValue: async () => {
+}, J = h((e, n) => {
+	let [r] = w.useForm(), [i, a] = x(""), { t: o } = t(), s = (e) => /^https?:\/\/.+/i.test(e);
+	return v(n, () => ({ getValue: async () => {
 		try {
 			return await r.validateFields(), i;
 		} catch {
 			throw Error("URL validation failed");
 		}
-	} })), /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+	} })), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
 		className: q["picture-modal__content-title"],
 		"data-title": o("editor.imageUrlNote"),
 		children: o("editor.enterImageUrl")
-	}), /* @__PURE__ */ T(L, {
+	}), /* @__PURE__ */ d(w, {
 		form: r,
-		children: /* @__PURE__ */ T(L.Item, {
+		children: /* @__PURE__ */ d(w.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__ */ T(R, {
+			children: /* @__PURE__ */ d(T, {
 				placeholder: o("editor.pleaseEnterImageUrl"),
 				value: i,
 				onChange: (e) => a(e.target.value)
@@ -339,17 +342,17 @@ var V = O(null), H = {
 J.displayName = "LinkInput";
 //#endregion
 //#region src/components/Editor/ToolbarPlugin/Buttons/PictureButton/UploadImage.tsx
-var Y = k((n, r) => {
-	let [i, a] = F(null), [o, s] = F(!1), [c, l] = F(null), u = P(null), [d, f] = z.useMessage(), { t: p } = t(), m = (e) => (e / 1024).toFixed(1) + "kb", h = (e) => e.type.startsWith("image/") ? e.size > 1048576 ? (d.warning(p("editor.imageSizeNote")), !1) : !0 : (d.warning(p("editor.onlyImageFormatsSupported")), !1), g = (e) => {
-		h(e) && (a(URL.createObjectURL(e)), l(e));
-	}, _ = () => {
+var Y = h((n, r) => {
+	let [i, a] = x(null), [o, s] = x(!1), [c, l] = x(null), u = b(null), [p, m] = E.useMessage(), { t: h } = t(), g = (e) => (e / 1024).toFixed(1) + "kb", _ = (e) => e.type.startsWith("image/") ? e.size > 1048576 ? (p.warning(h("editor.imageSizeNote")), !1) : !0 : (p.warning(h("editor.onlyImageFormatsSupported")), !1), y = (e) => {
+		_(e) && (a(URL.createObjectURL(e)), l(e));
+	}, S = () => {
 		u.current?.click();
-	}, v = (e) => {
+	}, C = (e) => {
 		let t = e.target.files?.[0];
-		t && g(t);
+		t && y(t);
 	};
-	return M(r, () => ({ getValue: async () => {
-		if (!c) throw d.warning(p("editor.pleaseUploadImageFirst")), Error(p("editor.pleaseUploadImageFirst"));
+	return v(r, () => ({ getValue: async () => {
+		if (!c) throw p.warning(h("editor.pleaseUploadImageFirst")), Error(h("editor.pleaseUploadImageFirst"));
 		return new Promise((e, t) => {
 			let n = new FileReader();
 			n.onload = () => {
@@ -358,10 +361,10 @@ var Y = k((n, r) => {
 					fileName: c.name
 				});
 			}, n.onerror = () => {
-				t(Error(p("editor.operationFailed")));
+				t(Error(h("editor.operationFailed")));
 			}, n.readAsDataURL(c);
 		});
-	} })), /* @__PURE__ */ E("div", {
+	} })), /* @__PURE__ */ f("div", {
 		className: "h-full",
 		onDragOver: (e) => {
 			e.preventDefault(), s(!0);
@@ -372,25 +375,25 @@ var Y = k((n, r) => {
 		onDrop: (e) => {
 			e.preventDefault(), s(!1);
 			let t = e.dataTransfer.files[0];
-			t && g(t);
+			t && y(t);
 		},
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ d("div", {
 				className: q["picture-modal__content-title"],
-				"data-title": p("editor.imageSizeNote"),
-				children: p("editor.uploadImage")
+				"data-title": h("editor.imageSizeNote"),
+				children: h("editor.uploadImage")
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ f("div", {
 				className: `${q["picture-modal__upload-area"]} ${o ? q["picture-modal__upload-area--dragging"] : ""}`,
-				onClick: _,
-				children: [/* @__PURE__ */ T(e, { name: "upload" }), /* @__PURE__ */ T("span", {
+				onClick: S,
+				children: [/* @__PURE__ */ d(e, { name: "upload" }), /* @__PURE__ */ d("span", {
 					className: q["picture-modal__upload-text"],
-					children: p("editor.clickOrDragToUpload")
+					children: h("editor.clickOrDragToUpload")
 				})]
 			}),
-			/* @__PURE__ */ T(te, {
+			/* @__PURE__ */ d(D, {
 				mode: "wait",
-				children: i && c && /* @__PURE__ */ E(B.div, {
+				children: i && c && /* @__PURE__ */ f(O.div, {
 					className: q["picture-modal__preview"],
 					initial: {
 						opacity: 0,
@@ -417,7 +420,7 @@ var Y = k((n, r) => {
 						]
 					},
 					children: [
-						/* @__PURE__ */ T(B.div, {
+						/* @__PURE__ */ d(O.div, {
 							className: q["picture-modal__preview-image"],
 							initial: {
 								opacity: 0,
@@ -431,16 +434,16 @@ var Y = k((n, r) => {
 								delay: .1,
 								duration: .2
 							},
-							children: /* @__PURE__ */ T("img", {
+							children: /* @__PURE__ */ d("img", {
 								src: i,
 								style: {
 									maxWidth: "120px",
 									height: "80px"
 								},
-								alt: p("editor.previewImage")
+								alt: h("editor.previewImage")
 							})
 						}),
-						/* @__PURE__ */ E(B.div, {
+						/* @__PURE__ */ f(O.div, {
 							className: q["picture-modal__preview-info"],
 							initial: {
 								opacity: 0,
@@ -454,15 +457,15 @@ var Y = k((n, r) => {
 								delay: .15,
 								duration: .2
 							},
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: q["picture-modal__preview-filename"],
 								children: c.name
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: q["picture-modal__preview-size"],
-								children: m(c.size)
+								children: g(c.size)
 							})]
 						}),
-						/* @__PURE__ */ T(B.div, {
+						/* @__PURE__ */ d(O.div, {
 							className: q["picture-modal__preview-delete"],
 							role: "button",
 							onClick: () => {
@@ -482,38 +485,38 @@ var Y = k((n, r) => {
 							},
 							whileHover: { scale: 1.1 },
 							whileTap: { scale: .95 },
-							children: /* @__PURE__ */ T(e, { name: "delete" })
+							children: /* @__PURE__ */ d(e, { name: "delete" })
 						})
 					]
 				}, "preview")
 			}),
-			/* @__PURE__ */ T("input", {
+			/* @__PURE__ */ d("input", {
 				ref: u,
 				type: "file",
 				accept: "image/*",
 				style: { display: "none" },
-				onChange: v
+				onChange: C
 			}),
-			f
+			m
 		]
 	});
 });
 Y.displayName = "UploadImage";
 //#endregion
 //#region src/components/Editor/commands/ImageCommands.ts
-var X = c("INSERT_INLINE_IMAGE_COMMAND"), de = () => {
-	let { t: n } = t(), [i] = u(), [a, o] = F(!1), s = P(null), c = P(null), l = [{
+var X = P("INSERT_INLINE_IMAGE_COMMAND"), de = () => {
+	let { t: r } = t(), [i] = F(), [a, o] = x(!1), s = b(null), c = b(null), l = [{
 		key: "upload",
-		title: n("editor.uploadImage"),
-		icon: /* @__PURE__ */ T(e, { name: "picture" })
+		title: r("editor.uploadImage"),
+		icon: /* @__PURE__ */ d(e, { name: "picture" })
 	}, {
 		key: "url",
-		title: n("editor.imageUrl"),
-		icon: /* @__PURE__ */ T(e, { name: "Insertlink" })
-	}], [d, f] = F(l[0].key), p = () => l.findIndex((e) => e.key === d) * 40, m = async () => {
+		title: r("editor.imageUrl"),
+		icon: /* @__PURE__ */ d(e, { name: "Insertlink" })
+	}], [p, m] = x(l[0].key), h = () => l.findIndex((e) => e.key === p) * 40, g = async () => {
 		try {
 			let e = "", t = "";
-			if (d === "upload" && c.current) {
+			if (p === "upload" && c.current) {
 				let n = await c.current.getValue();
 				e = n.src, t = n.fileName;
 			} else s.current && (e = await s.current.getValue(), t = e);
@@ -522,52 +525,52 @@ var X = c("INSERT_INLINE_IMAGE_COMMAND"), de = () => {
 				altText: t
 			}), o(!1);
 		} catch (e) {
-			z.error(e instanceof Error ? e.message : n("editor.operationFailed"));
+			E.error(e instanceof Error ? e.message : r("editor.operationFailed"));
 		}
-	}, h = {
-		upload: /* @__PURE__ */ T(Y, { ref: c }),
-		url: /* @__PURE__ */ T(J, { ref: s })
+	}, _ = {
+		upload: /* @__PURE__ */ d(Y, { ref: c }),
+		url: /* @__PURE__ */ d(J, { ref: s })
 	};
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(U, {
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(H, {
 		icon: "picture",
-		tooltip: n("picture"),
+		tooltip: r("picture"),
 		onClick: () => o(!0)
-	}), /* @__PURE__ */ E(r, {
-		title: n("addPicture"),
+	}), /* @__PURE__ */ f(n, {
+		title: r("addPicture"),
 		open: a,
 		onOpenChange: o,
 		width: "620px",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: q["picture-modal__container"],
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: q["picture-modal__sidebar"],
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: q["picture-modal__slider"],
-					style: { transform: `translateY(${p()}px)` }
-				}), /* @__PURE__ */ T("ul", {
+					style: { transform: `translateY(${h()}px)` }
+				}), /* @__PURE__ */ d("ul", {
 					className: q["picture-modal__menu-list"],
-					children: l.map((e) => /* @__PURE__ */ E("li", {
-						className: `${q["picture-modal__menu-item"]} ${d === e.key ? q["picture-modal__menu-item--active"] : ""}`,
-						onClick: () => f(e.key),
-						children: [/* @__PURE__ */ T("span", {
+					children: l.map((e) => /* @__PURE__ */ f("li", {
+						className: `${q["picture-modal__menu-item"]} ${p === e.key ? q["picture-modal__menu-item--active"] : ""}`,
+						onClick: () => m(e.key),
+						children: [/* @__PURE__ */ d("span", {
 							className: q["picture-modal__menu-icon"],
 							children: e.icon
-						}), /* @__PURE__ */ T("span", { children: e.title })]
+						}), /* @__PURE__ */ d("span", { children: e.title })]
 					}, e.title))
 				})]
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ d("div", {
 				className: q["picture-modal__content"],
-				children: h[d]
+				children: _[p]
 			})]
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: q["picture-modal__footer"],
-			children: [/* @__PURE__ */ T(I, {
+			children: [/* @__PURE__ */ d(C, {
 				onClick: () => o(!1),
-				children: n("cancel")
-			}), /* @__PURE__ */ T(I, {
+				children: r("cancel")
+			}), /* @__PURE__ */ d(C, {
 				type: "primary",
-				onClick: m,
-				children: n("confirm")
+				onClick: g,
+				children: r("confirm")
 			})]
 		})]
 	})] });
@@ -577,7 +580,7 @@ var X = c("INSERT_INLINE_IMAGE_COMMAND"), de = () => {
 }, fe = (e) => {
 	Z.delete(e);
 }, pe = (e) => Z.get(e), me = () => Array.from(Z.keys()), $ = {
-	bold: ne,
+	bold: W,
 	underline: re,
 	italic: ie,
 	fontSize: ae,
@@ -592,4 +595,4 @@ Object.entries($).forEach(([e, t]) => {
 	Q(e, t);
 });
 //#endregion
-export { fe as a, U as c, Q as i, V as l, pe as n, X as o, me as r, G as s, $ as t };
+export { fe as a, H as c, Q as i, B as l, pe as n, X as o, me as r, G as s, $ as t };