@baishuyun/ui-base 2.2.3 → 2.2.5

package/dist/Editor/{index-C0MY9j94.js → index-CCq3AgcW.js}

@@ -1,251 +1,60 @@
-import { jsx as i, jsxs as g, Fragment as V } from "react/jsx-runtime";
-import { I as D } from "../Icon/Icon-CkHAU1fA.js";
-import fe, { createContext as ge, useContext as ve, useMemo as ke, useCallback as T, useState as w, forwardRef as oe, useImperativeHandle as ae, useRef as J } from "react";
+import { jsx as r, jsxs as g, Fragment as G } from "react/jsx-runtime";
+import { I as E } from "../Icon/Icon-CBlIwtp2.js";
+import ge, { createContext as ve, useContext as ke, useMemo as ye, useCallback as A, useState as N, forwardRef as ae, useImperativeHandle as se, useRef as K } from "react";
 import { c as xe } from "../vendors/clsx-OuTLNxxd.js";
-import { o as C, l as G, P as A, _ as O, M as H, p as ye, r as Ne, t as we, v as se, x as z, u as ce, i as de, y as Q, w as W, E as X, z as Ce, A as be, b as Ie, B as Ue } from "../vendors/lexical-DdSmj_Kv.js";
-import { u as N } from "../vendors/useLocale-DgqW9M3h.js";
-import { D as ue } from "../DropDown/DropDown-BkTY-3y0.js";
-import { FONT_SIZES as Oe } from "./constants/index.js";
-import { C as pe } from "../ColorPicker/ColorPicker-049kyJn6.js";
-import { AlignLeftOutlined as ee, AlignCenterOutlined as Se, AlignRightOutlined as Le } from "@ant-design/icons";
-import { M as _e } from "../Modal/Modal-oRJ-Almn.js";
-import { message as Y, Input as K, Button as j, Form as $ } from "antd";
+import { l as ce, i as de, P as T, _ as O, y as X, w as $, E as ee, p as we, x as z, r as Ne, t as be, v as ue, o as b, u as H, M as Y, z as Ce, A as Ie, b as Ue, B as Oe } from "../vendors/lexical-DO7eMeC2.js";
+import { u as w } from "../vendors/useLocale-DgqW9M3h.js";
+import { D as pe } from "../DropDown/DropDown-DGkSeXQT.js";
+import { FONT_SIZES as Se } from "./constants/index.js";
+import { C as me } from "../ColorPicker/ColorPicker-DNIXPakN.js";
+import { AlignLeftOutlined as te, AlignCenterOutlined as Le, AlignRightOutlined as Te } from "@ant-design/icons";
+import { M as _e } from "../Modal/Modal-z3TvEXwN.js";
+import { message as Z, Input as V, Button as j, Form as J } from "antd";
 import Ae from "../CheckBox/index.js";
-import { AnimatePresence as Te, motion as E } from "motion/react";
-const te = {
-  "lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_1y192_1",
-  "lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_1y192_7"
-}, b = (n) => {
-  const { icon: e, tooltip: t, onClick: r, disabled: l = !1, active: o = !1, size: c = 14 } = n;
-  return /* @__PURE__ */ i(
-    "button",
-    {
-      className: xe(te["lexical-editor__toolbar-button"], {
-        [te["lexical-editor__toolbar-button-active"]]: o
-      }),
-      type: "button",
-      onClick: r,
-      disabled: l,
-      title: t,
-      children: fe.isValidElement(e) ? e : /* @__PURE__ */ i(D, { name: e, size: c })
-    }
-  );
-}, Me = ge(null), U = () => {
-  const n = ve(Me);
-  if (!n)
-    throw new Error("useTextFormatsContext must be used within TextFormatsProvider");
-  return n;
-}, Re = () => {
-  const [n] = C(), e = U(), { t } = N(), r = e.bold, l = () => {
-    n.dispatchCommand(G, "bold");
-  };
-  return /* @__PURE__ */ i(b, { icon: "bold", tooltip: t("editor.bold"), active: r, onClick: l });
-}, Fe = () => {
-  const [n] = C(), e = U(), { t } = N(), r = e.underline, l = () => {
-    n.dispatchCommand(G, "underline");
-  };
-  return /* @__PURE__ */ i(
-    b,
-    {
-      icon: "underline",
-      tooltip: t("editor.underline"),
-      active: r,
-      onClick: l
-    }
-  );
-}, De = () => {
-  const [n] = C(), e = U(), { t } = N(), r = e.italic, l = () => {
-    n.dispatchCommand(G, "italic");
-  };
-  return /* @__PURE__ */ i(
-    b,
-    {
-      icon: "italic",
-      tooltip: t("editor.italic"),
-      active: r,
-      onClick: l
-    }
-  );
-}, Be = () => {
-  const [n] = C(), e = U(), t = ke(() => Oe.map((l) => ({
-    key: l.value,
-    label: l.label
-  })), []), r = T(
-    (l) => {
-      const o = l.key;
-      n.update(() => {
-        const c = A();
-        O(c) && H(c, {
-          "font-size": o
-        });
-      });
-    },
-    [n]
-  );
-  return /* @__PURE__ */ i(
-    ue,
-    {
-      menus: t,
-      onClick: r,
-      activeKey: [e.fontSize],
-      showSearch: !1,
-      style: {
-        width: "60px",
-        minWidth: "60px"
-      },
-      children: /* @__PURE__ */ i("div", { className: "dropdown__trigger inline-flex", children: /* @__PURE__ */ i(b, { icon: "fontsize", tooltip: "字号", active: !1 }) })
-    }
-  );
-}, Ee = () => {
-  const [n] = C(), e = U(), { t } = N(), r = T(
-    (l) => {
-      n.update(() => {
-        const o = A();
-        O(o) && H(o, {
-          color: l
-        });
-      });
-    },
-    [n]
-  );
-  return /* @__PURE__ */ i(
-    pe,
-    {
-      value: e.fontColor,
-      onChange: r,
-      placement: "bottom-start",
-      children: /* @__PURE__ */ i("div", { className: "trigger-picker inline-flex", children: /* @__PURE__ */ i(
-        b,
-        {
-          icon: "fontcolor",
-          tooltip: t("editor.fontColor"),
-          onClick: () => {
-          },
-          active: !1
-        }
-      ) })
-    }
-  );
-}, Pe = () => {
-  const [n] = C(), e = U(), { t } = N(), r = T(
-    (l) => {
-      n.update(() => {
-        const o = A();
-        O(o) && H(o, {
-          "background-color": l
-        });
-      });
-    },
-    [n]
-  );
-  return /* @__PURE__ */ i(
-    pe,
-    {
-      value: e.backgroundColor,
-      onChange: r,
-      placement: "bottom-start",
-      children: /* @__PURE__ */ i("div", { className: "trigger-picker inline-flex", children: /* @__PURE__ */ i(b, { icon: "fill", tooltip: t("editor.fill"), onClick: () => {
-      }, active: !1 }) })
-    }
-  );
-}, je = () => {
-  var m;
-  const [n] = C(), { align: e } = U(), { t } = N(), r = [
-    {
-      key: "left",
-      label: t("leftAlign"),
-      icon: /* @__PURE__ */ i(ee, {})
-    },
-    {
-      key: "center",
-      label: t("editor.centerAlign"),
-      icon: /* @__PURE__ */ i(Se, {})
-    },
-    {
-      key: "right",
-      label: t("editor.rightAlign"),
-      icon: /* @__PURE__ */ i(Le, {})
-    }
-  ], l = T(
-    (a) => {
-      n.dispatchCommand(ye, a);
-    },
-    [n]
-  ), o = r.map((a) => ({
-    key: a.key,
-    label: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
-      a.icon,
-      /* @__PURE__ */ i("span", { children: a.label })
-    ] })
-  })), c = T(
-    (a) => {
-      l(a.key);
-    },
-    [l]
-  ), _ = ((m = r.find((a) => a.key === e)) == null ? void 0 : m.icon) || /* @__PURE__ */ i(ee, {});
-  return /* @__PURE__ */ i(
-    ue,
-    {
-      menus: o,
-      onClick: c,
-      showSearch: !1,
-      activeKey: [e],
-      style: { width: "110px", minWidth: "110px" },
-      children: /* @__PURE__ */ i("div", { className: "trigger-dropdown inline-flex text-sm", children: /* @__PURE__ */ i(
-        b,
-        {
-          icon: _,
-          tooltip: t("editor.alignment"),
-          onClick: () => {
-          },
-          active: !1
-        }
-      ) })
-    }
-  );
-}, ze = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "sms:", "tel:"]);
-class B extends Ne {
+import { AnimatePresence as Me, motion as D } from "motion/react";
+const Be = ve(null), Re = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "sms:", "tel:"]);
+class F extends Ne {
   static getType() {
     return "link";
   }
   static clone(e) {
-    return new B(e.__url, { rel: e.__rel, target: e.__target, title: e.__title }, e.__key);
+    return new F(e.__url, { rel: e.__rel, target: e.__target, title: e.__title }, e.__key);
   }
-  constructor(e = "", t = {}, r) {
-    super(r);
-    const { target: l = null, rel: o = null, title: c = null } = t;
-    this.__url = e, this.__target = l, this.__rel = o, this.__title = c;
+  constructor(e = "", t = {}, i) {
+    super(i);
+    const { target: o = null, rel: l = null, title: c = null } = t;
+    this.__url = e, this.__target = o, this.__rel = l, this.__title = c;
   }
   createDOM(e) {
     const t = document.createElement("a");
-    return this.updateLinkDOM(null, t, e), we(t, e.theme.link), t;
+    return this.updateLinkDOM(null, t, e), be(t, e.theme.link), t;
   }
-  updateLinkDOM(e, t, r) {
-    if (se(t)) {
+  updateLinkDOM(e, t, i) {
+    if (ue(t)) {
       e && e.__url === this.__url || (t.href = this.sanitizeUrl(this.__url));
-      for (const l of ["target", "rel", "title"]) {
-        const o = `__${l}`, c = this[o];
-        e && e[o] === c || (c ? t[l] = c : t.removeAttribute(l));
+      for (const o of ["target", "rel", "title"]) {
+        const l = `__${o}`, c = this[l];
+        e && e[l] === c || (c ? t[o] = c : t.removeAttribute(o));
       }
     }
   }
-  updateDOM(e, t, r) {
-    return this.updateLinkDOM(e, t, r), !1;
+  updateDOM(e, t, i) {
+    return this.updateLinkDOM(e, t, i), !1;
   }
   static importDOM() {
-    return { a: (e) => ({ conversion: qe, priority: 1 }) };
+    return { a: (e) => ({ conversion: Ee, priority: 1 }) };
   }
   static importJSON(e) {
-    return R().updateFromJSON(e);
+    return B().updateFromJSON(e);
   }
   updateFromJSON(e) {
     return super.updateFromJSON(e).setURL(e.url).setRel(e.rel || null).setTarget(e.target || null).setTitle(e.title || null);
   }
   sanitizeUrl(e) {
-    e = le(e);
+    e = oe(e);
     try {
-      const t = new URL(le(e));
-      if (!ze.has(t.protocol)) return "about:blank";
+      const t = new URL(oe(e));
+      if (!Re.has(t.protocol)) return "about:blank";
     } catch {
       return e;
     }
@@ -283,8 +92,8 @@ class B extends Ne {
     return t.__title = e, t;
   }
   insertNewAfter(e, t = !0) {
-    const r = R(this.__url, { rel: this.__rel, target: this.__target, title: this.__title });
-    return this.insertAfter(r, t), r;
+    const i = B(this.__url, { rel: this.__rel, target: this.__target, title: this.__title });
+    return this.insertAfter(i, t), i;
   }
   canInsertTextBefore() {
     return !1;
@@ -298,10 +107,10 @@ class B extends Ne {
   isInline() {
     return !0;
   }
-  extractWithChild(e, t, r) {
+  extractWithChild(e, t, i) {
     if (!O(t)) return !1;
-    const l = t.anchor.getNode(), o = t.focus.getNode();
-    return this.isParentOf(l) && this.isParentOf(o) && t.getTextContent().length > 0;
+    const o = t.anchor.getNode(), l = t.focus.getNode();
+    return this.isParentOf(o) && this.isParentOf(l) && t.getTextContent().length > 0;
   }
   isEmailURI() {
     return this.__url.startsWith("mailto:");
@@ -310,23 +119,23 @@ class B extends Ne {
     return this.__url.startsWith("https://") || this.__url.startsWith("http://");
   }
 }
-function qe(n) {
+function Ee(n) {
   let e = null;
-  if (se(n)) {
+  if (ue(n)) {
     const t = n.textContent;
-    (t !== null && t !== "" || n.children.length > 0) && (e = R(n.getAttribute("href") || "", { rel: n.getAttribute("rel"), target: n.getAttribute("target"), title: n.getAttribute("title") }));
+    (t !== null && t !== "" || n.children.length > 0) && (e = B(n.getAttribute("href") || "", { rel: n.getAttribute("rel"), target: n.getAttribute("target"), title: n.getAttribute("title") }));
   }
   return { node: e };
 }
-function R(n = "", e) {
-  return de(new B(n, e));
+function B(n = "", e) {
+  return de(new F(n, e));
 }
 function L(n) {
-  return n instanceof B;
+  return n instanceof F;
 }
-class q extends B {
-  constructor(e = "", t = {}, r) {
-    super(e, t, r), this.__isUnlinked = t.isUnlinked !== void 0 && t.isUnlinked !== null && t.isUnlinked;
+class q extends F {
+  constructor(e = "", t = {}, i) {
+    super(e, t, i), this.__isUnlinked = t.isUnlinked !== void 0 && t.isUnlinked !== null && t.isUnlinked;
   }
   static getType() {
     return "autolink";
@@ -344,8 +153,8 @@ class q extends B {
   createDOM(e) {
     return this.__isUnlinked ? document.createElement("span") : super.createDOM(e);
   }
-  updateDOM(e, t, r) {
-    return super.updateDOM(e, t, r) || e.__isUnlinked !== this.__isUnlinked;
+  updateDOM(e, t, i) {
+    return super.updateDOM(e, t, i) || e.__isUnlinked !== this.__isUnlinked;
   }
   static importJSON(e) {
     return ne().updateFromJSON(e);
@@ -360,10 +169,10 @@ class q extends B {
     return { ...super.exportJSON(), isUnlinked: this.__isUnlinked };
   }
   insertNewAfter(e, t = !0) {
-    const r = this.getParentOrThrow().insertNewAfter(e, t);
-    if (z(r)) {
-      const l = ne(this.__url, { isUnlinked: this.__isUnlinked, rel: this.__rel, target: this.__target, title: this.__title });
-      return r.append(l), l;
+    const i = this.getParentOrThrow().insertNewAfter(e, t);
+    if (z(i)) {
+      const o = ne(this.__url, { isUnlinked: this.__isUnlinked, rel: this.__rel, target: this.__target, title: this.__title });
+      return i.append(o), o;
     }
     return null;
   }
@@ -374,87 +183,87 @@ function ne(n = "", e) {
 function P(n) {
   return n instanceof q;
 }
-const We = ce("TOGGLE_LINK_COMMAND");
-function ie(n, e) {
+const Fe = ce("TOGGLE_LINK_COMMAND");
+function re(n, e) {
   if (n.type === "element") {
     const t = n.getNode();
-    return z(t) || (function(r, ...l) {
-      const o = new URL("https://lexical.dev/docs/error"), c = new URLSearchParams();
-      c.append("code", r);
-      for (const _ of l) c.append("v", _);
-      throw o.search = c.toString(), Error(`Minified Lexical error #${r}; visit ${o.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
+    return z(t) || (function(i, ...o) {
+      const l = new URL("https://lexical.dev/docs/error"), c = new URLSearchParams();
+      c.append("code", i);
+      for (const m of o) c.append("v", m);
+      throw l.search = c.toString(), Error(`Minified Lexical error #${i}; visit ${l.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
     })(252), t.getChildren()[n.offset + e] || null;
   }
   return null;
 }
-function $e(n, e = {}) {
-  const { target: t, title: r } = e, l = e.rel === void 0 ? "noreferrer" : e.rel, o = A();
-  if (o === null || !O(o) && !Q(o)) return;
-  if (Q(o)) {
-    const a = o.getNodes();
+function De(n, e = {}) {
+  const { target: t, title: i } = e, o = e.rel === void 0 ? "noreferrer" : e.rel, l = T();
+  if (l === null || !O(l) && !X(l)) return;
+  if (X(l)) {
+    const a = l.getNodes();
     return a.length === 0 ? void 0 : void a.forEach(((d) => {
       if (n === null) {
-        const u = W(d, ((s) => !P(s) && L(s)));
+        const u = $(d, ((s) => !P(s) && L(s)));
         u && (u.insertBefore(d), u.getChildren().length === 0 && u.remove());
       } else {
-        const u = W(d, ((s) => !P(s) && L(s)));
-        if (u) u.setURL(n), t !== void 0 && u.setTarget(t), l !== void 0 && u.setRel(l);
+        const u = $(d, ((s) => !P(s) && L(s)));
+        if (u) u.setURL(n), t !== void 0 && u.setTarget(t), o !== void 0 && u.setRel(o);
         else {
-          const s = R(n, { rel: l, target: t });
+          const s = B(n, { rel: o, target: t });
           d.insertBefore(s), s.append(d);
         }
       }
     }));
   }
-  const c = o.extract();
+  const c = l.extract();
   if (n === null) return void c.forEach(((a) => {
-    const d = W(a, ((u) => !P(u) && L(u)));
+    const d = $(a, ((u) => !P(u) && L(u)));
     if (d) {
       const u = d.getChildren();
       for (let s = 0; s < u.length; s++) d.insertBefore(u[s]);
       d.remove();
     }
   }));
-  const _ = /* @__PURE__ */ new Set(), m = (a) => {
-    _.has(a.getKey()) || (_.add(a.getKey()), a.setURL(n), t !== void 0 && a.setTarget(t), l !== void 0 && a.setRel(l), r !== void 0 && a.setTitle(r));
+  const m = /* @__PURE__ */ new Set(), _ = (a) => {
+    m.has(a.getKey()) || (m.add(a.getKey()), a.setURL(n), t !== void 0 && a.setTarget(t), o !== void 0 && a.setRel(o), i !== void 0 && a.setTitle(i));
   };
   if (c.length === 1) {
-    const a = re(c[0], L);
-    if (a !== null) return m(a);
+    const a = ie(c[0], L);
+    if (a !== null) return _(a);
   }
   (function(a) {
-    const d = A();
+    const d = T();
     if (!O(d)) return a();
-    const u = X(d), s = u.isBackward(), v = ie(u.anchor, s ? -1 : 0), x = ie(u.focus, s ? 0 : -1);
-    if (a(), v || x) {
-      const M = A();
+    const u = ee(d), s = u.isBackward(), v = re(u.anchor, s ? -1 : 0), y = re(u.focus, s ? 0 : -1);
+    if (a(), v || y) {
+      const M = T();
       if (O(M)) {
         const h = M.clone();
         if (v) {
           const I = v.getParent();
           I && h.anchor.set(I.getKey(), v.getIndexWithinParent() + (s ? 1 : 0), "element");
         }
-        if (x) {
-          const I = x.getParent();
-          I && h.focus.set(I.getKey(), x.getIndexWithinParent() + (s ? 0 : 1), "element");
+        if (y) {
+          const I = y.getParent();
+          I && h.focus.set(I.getKey(), y.getIndexWithinParent() + (s ? 0 : 1), "element");
         }
-        Ce(X(h));
+        we(ee(h));
       }
     }
   })((() => {
     let a = null;
     for (const d of c) {
       if (!d.isAttached()) continue;
-      const u = re(d, L);
+      const u = ie(d, L);
       if (u) {
-        m(u);
+        _(u);
         continue;
       }
       if (z(d)) {
         if (!d.isInline()) continue;
         if (L(d)) {
           if (!(P(d) || a !== null && a.getParentOrThrow().isParentOf(d))) {
-            m(d), a = d;
+            _(d), a = d;
             continue;
           }
           for (const v of d.getChildren()) d.insertBefore(v);
@@ -463,47 +272,238 @@ function $e(n, e = {}) {
         }
       }
       const s = d.getPreviousSibling();
-      L(s) && s.is(a) ? s.append(d) : (a = R(n, { rel: l, target: t, title: r }), d.insertAfter(a), a.append(d));
+      L(s) && s.is(a) ? s.append(d) : (a = B(n, { rel: o, target: t, title: i }), d.insertAfter(a), a.append(d));
     }
   }));
 }
-function re(n, e) {
+function ie(n, e) {
   let t = n;
   for (; t !== null && t.getParent() !== null && !e(t); ) t = t.getParentOrThrow();
   return e(t) ? t : null;
 }
-const Je = /^\+?[0-9\s()-]{5,}$/;
-function le(n) {
-  return n.match(/^[a-z][a-z0-9+.-]*:/i) || n.match(/^[/#.]/) ? n : n.includes("@") ? `mailto:${n}` : Je.test(n) ? `tel:${n}` : `https://${n}`;
+const Pe = /^\+?[0-9\s()-]{5,}$/;
+function oe(n) {
+  return n.match(/^[a-z][a-z0-9+.-]*:/i) || n.match(/^[/#.]/) ? n : n.includes("@") ? `mailto:${n}` : Pe.test(n) ? `tel:${n}` : `https://${n}`;
 }
-const Ke = () => {
-  const [n] = C(), { link: e } = U(), { t } = N(), [r, l] = w(!1), [o, c] = w(""), [_, m] = w(""), [a, d] = w(!0), [u, s] = Y.useMessage(), v = T((h) => h ? h.startsWith("@") ? "javascript:void(0);" : h.match(/^https?:\/\//) ? h : `http://${h}` : "", []), x = () => {
-    if (!o) {
+const le = {
+  "lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_1y192_1",
+  "lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_1y192_7"
+}, C = (n) => {
+  const { icon: e, tooltip: t, onClick: i, disabled: o = !1, active: l = !1, size: c = 14 } = n;
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      className: xe(le["lexical-editor__toolbar-button"], {
+        [le["lexical-editor__toolbar-button-active"]]: l
+      }),
+      type: "button",
+      onClick: i,
+      disabled: o,
+      title: t,
+      children: ge.isValidElement(e) ? e : /* @__PURE__ */ r(E, { name: e, size: c })
+    }
+  );
+}, U = () => {
+  const n = ke(Be);
+  if (!n)
+    throw new Error("useTextFormatsContext must be used within TextFormatsProvider");
+  return n;
+}, je = () => {
+  const [n] = b(), e = U(), { t } = w(), i = e.bold, o = () => {
+    n.dispatchCommand(H, "bold");
+  };
+  return /* @__PURE__ */ r(C, { icon: "bold", tooltip: t("editor.bold"), active: i, onClick: o });
+}, ze = () => {
+  const [n] = b(), e = U(), { t } = w(), i = e.underline, o = () => {
+    n.dispatchCommand(H, "underline");
+  };
+  return /* @__PURE__ */ r(
+    C,
+    {
+      icon: "underline",
+      tooltip: t("editor.underline"),
+      active: i,
+      onClick: o
+    }
+  );
+}, qe = () => {
+  const [n] = b(), e = U(), { t } = w(), i = e.italic, o = () => {
+    n.dispatchCommand(H, "italic");
+  };
+  return /* @__PURE__ */ r(
+    C,
+    {
+      icon: "italic",
+      tooltip: t("editor.italic"),
+      active: i,
+      onClick: o
+    }
+  );
+}, We = () => {
+  const [n] = b(), e = U(), t = ye(() => Se.map((o) => ({
+    key: o.value,
+    label: o.label
+  })), []), i = A(
+    (o) => {
+      const l = o.key;
+      n.update(() => {
+        const c = T();
+        O(c) && Y(c, {
+          "font-size": l
+        });
+      });
+    },
+    [n]
+  );
+  return /* @__PURE__ */ r(
+    pe,
+    {
+      menus: t,
+      onClick: i,
+      activeKey: [e.fontSize],
+      showSearch: !1,
+      style: {
+        width: "60px",
+        minWidth: "60px"
+      },
+      children: /* @__PURE__ */ r("div", { className: "dropdown__trigger inline-flex", children: /* @__PURE__ */ r(C, { icon: "fontsize", tooltip: "字号", active: !1 }) })
+    }
+  );
+}, $e = () => {
+  const [n] = b(), e = U(), { t } = w(), i = A(
+    (o) => {
+      n.update(() => {
+        const l = T();
+        O(l) && Y(l, {
+          color: o
+        });
+      });
+    },
+    [n]
+  );
+  return /* @__PURE__ */ r(
+    me,
+    {
+      value: e.fontColor,
+      onChange: i,
+      placement: "bottom-start",
+      children: /* @__PURE__ */ r("div", { className: "trigger-picker inline-flex", children: /* @__PURE__ */ r(
+        C,
+        {
+          icon: "fontcolor",
+          tooltip: t("editor.fontColor"),
+          onClick: () => {
+          },
+          active: !1
+        }
+      ) })
+    }
+  );
+}, Je = () => {
+  const [n] = b(), e = U(), { t } = w(), i = A(
+    (o) => {
+      n.update(() => {
+        const l = T();
+        O(l) && Y(l, {
+          "background-color": o
+        });
+      });
+    },
+    [n]
+  );
+  return /* @__PURE__ */ r(
+    me,
+    {
+      value: e.backgroundColor,
+      onChange: i,
+      placement: "bottom-start",
+      children: /* @__PURE__ */ r("div", { className: "trigger-picker inline-flex", children: /* @__PURE__ */ r(C, { icon: "fill", tooltip: t("editor.fill"), onClick: () => {
+      }, active: !1 }) })
+    }
+  );
+}, Ke = () => {
+  var _;
+  const [n] = b(), { align: e } = U(), { t } = w(), i = [
+    {
+      key: "left",
+      label: t("leftAlign"),
+      icon: /* @__PURE__ */ r(te, {})
+    },
+    {
+      key: "center",
+      label: t("editor.centerAlign"),
+      icon: /* @__PURE__ */ r(Le, {})
+    },
+    {
+      key: "right",
+      label: t("editor.rightAlign"),
+      icon: /* @__PURE__ */ r(Te, {})
+    }
+  ], o = A(
+    (a) => {
+      n.dispatchCommand(Ce, a);
+    },
+    [n]
+  ), l = i.map((a) => ({
+    key: a.key,
+    label: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+      a.icon,
+      /* @__PURE__ */ r("span", { children: a.label })
+    ] })
+  })), c = A(
+    (a) => {
+      o(a.key);
+    },
+    [o]
+  ), m = ((_ = i.find((a) => a.key === e)) == null ? void 0 : _.icon) || /* @__PURE__ */ r(te, {});
+  return /* @__PURE__ */ r(
+    pe,
+    {
+      menus: l,
+      onClick: c,
+      showSearch: !1,
+      activeKey: [e],
+      style: { width: "110px", minWidth: "110px" },
+      children: /* @__PURE__ */ r("div", { className: "trigger-dropdown inline-flex text-sm", children: /* @__PURE__ */ r(
+        C,
+        {
+          icon: m,
+          tooltip: t("editor.alignment"),
+          onClick: () => {
+          },
+          active: !1
+        }
+      ) })
+    }
+  );
+}, Ve = () => {
+  const [n] = b(), { link: e } = U(), { t } = w(), [i, o] = N(!1), [l, c] = N(""), [m, _] = N(""), [a, d] = N(!0), [u, s] = Z.useMessage(), v = A((h) => h ? h.startsWith("@") ? "javascript:void(0);" : h.match(/^https?:\/\//) ? h : `http://${h}` : "", []), y = () => {
+    if (!l) {
       u.warning(t("editor.linkAddressEmpty"));
       return;
     }
-    const h = v(o);
+    const h = v(l);
     n.update(() => {
-      const I = a ? { target: "_blank", rel: "noopener noreferrer", title: o } : { title: o }, F = A(), S = R(h, I), p = be(_ || o);
-      if (O(F))
-        F.isCollapsed() ? (S.append(p), F.insertNodes([S])) : $e(h);
+      const I = a ? { target: "_blank", rel: "noopener noreferrer", title: l } : { title: l }, R = T(), S = B(h, I), p = Ie(m || l);
+      if (O(R))
+        R.isCollapsed() ? (S.append(p), R.insertNodes([S])) : De(h);
       else {
         S.append(p);
-        const k = Ie(), y = k.getLastChild();
-        if (z(y) && y.isEmpty())
-          y.append(S);
+        const k = Ue(), x = k.getLastChild();
+        if (z(x) && x.isEmpty())
+          x.append(S);
         else {
-          const Z = Ue();
-          Z.append(S), k.append(Z);
+          const Q = Oe();
+          Q.append(S), k.append(Q);
         }
       }
-    }), c(""), m(""), l(!1);
-  }, M = T(() => {
-    e ? (c(e.link === "javascript:void(0);" ? "" : e.link), m(e.linkText)) : (c(""), m("")), l(!0);
+    }), c(""), _(""), o(!1);
+  }, M = A(() => {
+    e ? (c(e.link === "javascript:void(0);" ? "" : e.link), _(e.linkText)) : (c(""), _("")), o(!0);
   }, [e]);
-  return /* @__PURE__ */ g(V, { children: [
-    /* @__PURE__ */ i(
-      b,
+  return /* @__PURE__ */ g(G, { children: [
+    /* @__PURE__ */ r(
+      C,
       {
         icon: "Insertlink",
         tooltip: t("link"),
@@ -512,39 +512,39 @@ const Ke = () => {
       }
     ),
     s,
-    /* @__PURE__ */ i(_e, { title: t("link"), open: r, onOpenChange: l, children: /* @__PURE__ */ g("div", { children: [
+    /* @__PURE__ */ r(_e, { title: t("link"), open: i, onOpenChange: o, children: /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ g("div", { className: "px-[20px] pb-[60px] pt-[40px]", children: [
         /* @__PURE__ */ g("div", { className: "flex items-center relative", children: [
-          /* @__PURE__ */ i("label", { className: "w-[80px] shrink-0", children: t("linkAddress") }),
-          /* @__PURE__ */ i(
-            K,
+          /* @__PURE__ */ r("label", { className: "w-[80px] shrink-0", children: t("linkAddress") }),
+          /* @__PURE__ */ r(
+            V,
             {
-              value: o,
+              value: l,
               onChange: (h) => c(h.target.value),
               placeholder: t("editor.linkTip")
             }
           ),
-          /* @__PURE__ */ i("div", { className: "absolute bottom-[-30px] left-[80px]", children: /* @__PURE__ */ i("p", { className: "text-[#999]", children: "链接可用 @表单别名，用于应用内表单跳转" }) })
+          /* @__PURE__ */ r("div", { className: "absolute bottom-[-30px] left-[80px]", children: /* @__PURE__ */ r("p", { className: "text-[#999]", children: "链接可用 @表单别名，用于应用内表单跳转" }) })
         ] }),
         /* @__PURE__ */ g("div", { className: "flex items-center mt-[40px]", children: [
-          /* @__PURE__ */ i("label", { className: "w-[80px] shrink-0", children: t("showContent") }),
-          /* @__PURE__ */ i(K, { value: _, onChange: (h) => m(h.target.value) })
+          /* @__PURE__ */ r("label", { className: "w-[80px] shrink-0", children: t("showContent") }),
+          /* @__PURE__ */ r(V, { value: m, onChange: (h) => _(h.target.value) })
         ] })
       ] }),
       /* @__PURE__ */ g("div", { className: "py-[14px] px-[20px] flex justify-between items-center border-t-[1px] border-solid border-[#e0e0e0]", children: [
-        /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(Ae, { checked: a, onChange: (h) => d(h), children: t("openInNewTab") }) }),
+        /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Ae, { checked: a, onChange: (h) => d(h), children: t("openInNewTab") }) }),
         /* @__PURE__ */ g("div", { className: "flex gap-[15px]", children: [
-          /* @__PURE__ */ i(j, { onClick: () => l(!1), children: t("cancel") }),
-          /* @__PURE__ */ i(j, { type: "primary", onClick: x, children: t("confirm") })
+          /* @__PURE__ */ r(j, { onClick: () => o(!1), children: t("cancel") }),
+          /* @__PURE__ */ r(j, { type: "primary", onClick: y, children: t("confirm") })
         ] })
       ] })
     ] }) })
   ] });
-}, Ve = () => {
-  const [n] = C(), { link: e } = U(), { t } = N(), r = () => {
-    e && n.dispatchCommand(We, null);
+}, Ge = () => {
+  const [n] = b(), { link: e } = U(), { t } = w(), i = () => {
+    e && n.dispatchCommand(Fe, null);
   };
-  return /* @__PURE__ */ i(b, { icon: "cancellink", tooltip: t("cancelLink"), onClick: r });
+  return /* @__PURE__ */ r(C, { icon: "cancellink", tooltip: t("cancelLink"), onClick: i });
 }, f = {
   "picture-modal__container": "_picture-modal__container_qyj1h_1",
   "picture-modal__sidebar": "_picture-modal__sidebar_qyj1h_4",
@@ -563,77 +563,77 @@ const Ke = () => {
   "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"
-}, me = oe((n, e) => {
-  const [t] = $.useForm(), [r, l] = w(""), { t: o } = N(), c = (_) => /^https?:\/\/.+/i.test(_);
-  return ae(e, () => ({
+}, he = ae((n, e) => {
+  const [t] = J.useForm(), [i, o] = N(""), { t: l } = w(), c = (m) => /^https?:\/\/.+/i.test(m);
+  return se(e, () => ({
     getValue: async () => {
       try {
-        return await t.validateFields(), r;
+        return await t.validateFields(), i;
       } catch {
         throw new Error("URL validation failed");
       }
     }
-  })), /* @__PURE__ */ g(V, { children: [
-    /* @__PURE__ */ i("div", { className: f["picture-modal__content-title"], "data-title": o("editor.imageUrlNote"), children: o("editor.enterImageUrl") }),
-    /* @__PURE__ */ i($, { form: t, children: /* @__PURE__ */ i(
-      $.Item,
+  })), /* @__PURE__ */ g(G, { children: [
+    /* @__PURE__ */ r("div", { className: f["picture-modal__content-title"], "data-title": l("editor.imageUrlNote"), children: l("editor.enterImageUrl") }),
+    /* @__PURE__ */ r(J, { form: t, children: /* @__PURE__ */ r(
+      J.Item,
       {
         name: "url",
         rules: [
-          { required: !0, message: o("editor.pleaseEnterImageUrl") },
+          { required: !0, message: l("editor.pleaseEnterImageUrl") },
           {
-            validator: (_, m) => !m || c(m) ? Promise.resolve() : Promise.reject(new Error(o("editor.pleaseEnterValidImageUrl")))
+            validator: (m, _) => !_ || c(_) ? Promise.resolve() : Promise.reject(new Error(l("editor.pleaseEnterValidImageUrl")))
           }
         ],
-        children: /* @__PURE__ */ i(
-          K,
+        children: /* @__PURE__ */ r(
+          V,
           {
-            placeholder: o("editor.pleaseEnterImageUrl"),
-            value: r,
-            onChange: (_) => l(_.target.value)
+            placeholder: l("editor.pleaseEnterImageUrl"),
+            value: i,
+            onChange: (m) => o(m.target.value)
           }
         )
       }
     ) })
   ] });
 });
-me.displayName = "LinkInput";
-const he = oe((n, e) => {
-  const [t, r] = w(null), [l, o] = w(!1), [c, _] = w(null), m = J(null), [a, d] = Y.useMessage(), { t: u } = N(), s = (p) => (p / 1024).toFixed(1) + "kb", v = (p) => p.type.startsWith("image/") ? p.size > 1048576 ? (a.warning(u("editor.imageSizeNote")), !1) : !0 : (a.warning(u("editor.onlyImageFormatsSupported")), !1), x = (p) => {
+he.displayName = "LinkInput";
+const fe = ae((n, e) => {
+  const [t, i] = N(null), [o, l] = N(!1), [c, m] = N(null), _ = K(null), [a, d] = Z.useMessage(), { t: u } = w(), s = (p) => (p / 1024).toFixed(1) + "kb", v = (p) => p.type.startsWith("image/") ? p.size > 1048576 ? (a.warning(u("editor.imageSizeNote")), !1) : !0 : (a.warning(u("editor.onlyImageFormatsSupported")), !1), y = (p) => {
     if (v(p)) {
       const k = URL.createObjectURL(p);
-      r(k), _(p);
+      i(k), m(p);
     }
   }, M = () => {
     var p;
-    (p = m.current) == null || p.click();
+    (p = _.current) == null || p.click();
   }, h = (p) => {
-    var y;
-    const k = (y = p.target.files) == null ? void 0 : y[0];
-    k && x(k);
+    var x;
+    const k = (x = p.target.files) == null ? void 0 : x[0];
+    k && y(k);
   }, I = (p) => {
-    p.preventDefault(), o(!0);
-  }, F = (p) => {
-    p.preventDefault(), o(!1);
+    p.preventDefault(), l(!0);
+  }, R = (p) => {
+    p.preventDefault(), l(!1);
   }, S = (p) => {
-    p.preventDefault(), o(!1);
+    p.preventDefault(), l(!1);
     const k = p.dataTransfer.files[0];
-    k && x(k);
+    k && y(k);
   };
-  return ae(e, () => ({
+  return se(e, () => ({
     getValue: async () => {
       if (!c)
         throw a.warning(u("editor.pleaseUploadImageFirst")), new Error(u("editor.pleaseUploadImageFirst"));
       return new Promise((p, k) => {
-        const y = new FileReader();
-        y.onload = () => {
+        const x = new FileReader();
+        x.onload = () => {
           p({
-            src: y.result,
+            src: x.result,
             fileName: c.name
           });
-        }, y.onerror = () => {
+        }, x.onerror = () => {
           k(new Error(u("editor.operationFailed")));
-        }, y.readAsDataURL(c);
+        }, x.readAsDataURL(c);
       });
     }
   })), /* @__PURE__ */ g(
@@ -641,10 +641,10 @@ const he = oe((n, e) => {
     {
       className: "h-full",
       onDragOver: I,
-      onDragLeave: F,
+      onDragLeave: R,
       onDrop: S,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "div",
           {
             className: f["picture-modal__content-title"],
@@ -655,16 +655,16 @@ const he = oe((n, e) => {
         /* @__PURE__ */ g(
           "div",
           {
-            className: `${f["picture-modal__upload-area"]} ${l ? f["picture-modal__upload-area--dragging"] : ""}`,
+            className: `${f["picture-modal__upload-area"]} ${o ? f["picture-modal__upload-area--dragging"] : ""}`,
             onClick: M,
             children: [
-              /* @__PURE__ */ i(D, { name: "upload" }),
-              /* @__PURE__ */ i("span", { className: f["picture-modal__upload-text"], children: u("editor.clickOrDragToUpload") })
+              /* @__PURE__ */ r(E, { name: "upload" }),
+              /* @__PURE__ */ r("span", { className: f["picture-modal__upload-text"], children: u("editor.clickOrDragToUpload") })
             ]
           }
         ),
-        /* @__PURE__ */ i(Te, { mode: "wait", children: t && c && /* @__PURE__ */ g(
-          E.div,
+        /* @__PURE__ */ r(Me, { mode: "wait", children: t && c && /* @__PURE__ */ g(
+          D.div,
           {
             className: f["picture-modal__preview"],
             initial: { opacity: 0, y: 20, scale: 0.95 },
@@ -675,14 +675,14 @@ const he = oe((n, e) => {
               ease: [0.4, 0, 0.2, 1]
             },
             children: [
-              /* @__PURE__ */ i(
-                E.div,
+              /* @__PURE__ */ r(
+                D.div,
                 {
                   className: f["picture-modal__preview-image"],
                   initial: { opacity: 0, scale: 0.8 },
                   animate: { opacity: 1, scale: 1 },
                   transition: { delay: 0.1, duration: 0.2 },
-                  children: /* @__PURE__ */ i(
+                  children: /* @__PURE__ */ r(
                     "img",
                     {
                       src: t,
@@ -693,42 +693,42 @@ const he = oe((n, e) => {
                 }
               ),
               /* @__PURE__ */ g(
-                E.div,
+                D.div,
                 {
                   className: f["picture-modal__preview-info"],
                   initial: { opacity: 0, x: 20 },
                   animate: { opacity: 1, x: 0 },
                   transition: { delay: 0.15, duration: 0.2 },
                   children: [
-                    /* @__PURE__ */ i("div", { className: f["picture-modal__preview-filename"], children: c.name }),
-                    /* @__PURE__ */ i("div", { className: f["picture-modal__preview-size"], children: s(c.size) })
+                    /* @__PURE__ */ r("div", { className: f["picture-modal__preview-filename"], children: c.name }),
+                    /* @__PURE__ */ r("div", { className: f["picture-modal__preview-size"], children: s(c.size) })
                   ]
                 }
               ),
-              /* @__PURE__ */ i(
-                E.div,
+              /* @__PURE__ */ r(
+                D.div,
                 {
                   className: f["picture-modal__preview-delete"],
                   role: "button",
                   onClick: () => {
-                    r(null), _(null);
+                    i(null), m(null);
                   },
                   initial: { opacity: 0, scale: 0.8 },
                   animate: { opacity: 1, scale: 1 },
                   transition: { delay: 0.2, duration: 0.2 },
                   whileHover: { scale: 1.1 },
                   whileTap: { scale: 0.95 },
-                  children: /* @__PURE__ */ i(D, { name: "delete" })
+                  children: /* @__PURE__ */ r(E, { name: "delete" })
                 }
               )
             ]
           },
           "preview"
         ) }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "input",
           {
-            ref: m,
+            ref: _,
             type: "file",
             accept: "image/*",
             style: { display: "none" },
@@ -740,45 +740,45 @@ const he = oe((n, e) => {
     }
   );
 });
-he.displayName = "UploadImage";
-const Ge = ce(
+fe.displayName = "UploadImage";
+const He = ce(
   "INSERT_INLINE_IMAGE_COMMAND"
-), He = () => {
-  const { t: n } = N(), [e] = C(), [t, r] = w(!1), l = J(null), o = J(null), c = [
+), Ye = () => {
+  const { t: n } = w(), [e] = b(), [t, i] = N(!1), o = K(null), l = K(null), c = [
     {
       key: "upload",
       title: n("editor.uploadImage"),
-      icon: /* @__PURE__ */ i(D, { name: "picture" })
+      icon: /* @__PURE__ */ r(E, { name: "picture" })
     },
     {
       key: "url",
       title: n("editor.imageUrl"),
-      icon: /* @__PURE__ */ i(D, { name: "Insertlink" })
+      icon: /* @__PURE__ */ r(E, { name: "Insertlink" })
     }
-  ], [_, m] = w(c[0].key), a = () => c.findIndex((v) => v.key === _) * 40, d = async () => {
+  ], [m, _] = N(c[0].key), a = () => c.findIndex((v) => v.key === m) * 40, d = async () => {
     try {
       let s = "", v = "";
-      if (_ === "upload" && o.current) {
-        const x = await o.current.getValue();
-        s = x.src, v = x.fileName;
-      } else l.current && (s = await l.current.getValue(), v = s);
-      e.dispatchCommand(Ge, {
+      if (m === "upload" && l.current) {
+        const y = await l.current.getValue();
+        s = y.src, v = y.fileName;
+      } else o.current && (s = await o.current.getValue(), v = s);
+      e.dispatchCommand(He, {
         src: s,
         altText: v
-      }), r(!1);
+      }), i(!1);
     } catch (s) {
-      Y.error(s instanceof Error ? s.message : n("editor.operationFailed"));
+      Z.error(s instanceof Error ? s.message : n("editor.operationFailed"));
     }
   }, u = {
-    upload: /* @__PURE__ */ i(he, { ref: o }),
-    url: /* @__PURE__ */ i(me, { ref: l })
+    upload: /* @__PURE__ */ r(fe, { ref: l }),
+    url: /* @__PURE__ */ r(he, { ref: o })
   };
-  return /* @__PURE__ */ g(V, { children: [
-    /* @__PURE__ */ i(b, { icon: "picture", tooltip: n("picture"), onClick: () => r(!0) }),
-    /* @__PURE__ */ g(_e, { title: n("addPicture"), open: t, onOpenChange: r, width: "620px", children: [
+  return /* @__PURE__ */ g(G, { children: [
+    /* @__PURE__ */ r(C, { icon: "picture", tooltip: n("picture"), onClick: () => i(!0) }),
+    /* @__PURE__ */ g(_e, { title: n("addPicture"), open: t, onOpenChange: i, width: "620px", children: [
       /* @__PURE__ */ g("div", { className: f["picture-modal__container"], children: [
         /* @__PURE__ */ g("div", { className: f["picture-modal__sidebar"], children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ r(
             "div",
             {
               className: f["picture-modal__slider"],
@@ -787,46 +787,60 @@ const Ge = ce(
               }
             }
           ),
-          /* @__PURE__ */ i("ul", { className: f["picture-modal__menu-list"], children: c.map((s) => /* @__PURE__ */ g(
+          /* @__PURE__ */ r("ul", { className: f["picture-modal__menu-list"], children: c.map((s) => /* @__PURE__ */ g(
             "li",
             {
-              className: `${f["picture-modal__menu-item"]} ${_ === s.key ? f["picture-modal__menu-item--active"] : ""}`,
-              onClick: () => m(s.key),
+              className: `${f["picture-modal__menu-item"]} ${m === s.key ? f["picture-modal__menu-item--active"] : ""}`,
+              onClick: () => _(s.key),
               children: [
-                /* @__PURE__ */ i("span", { className: f["picture-modal__menu-icon"], children: s.icon }),
-                /* @__PURE__ */ i("span", { children: s.title })
+                /* @__PURE__ */ r("span", { className: f["picture-modal__menu-icon"], children: s.icon }),
+                /* @__PURE__ */ r("span", { children: s.title })
               ]
             },
             s.title
           )) })
         ] }),
-        /* @__PURE__ */ i("div", { className: f["picture-modal__content"], children: u[_] })
+        /* @__PURE__ */ r("div", { className: f["picture-modal__content"], children: u[m] })
       ] }),
       /* @__PURE__ */ g("div", { className: f["picture-modal__footer"], children: [
-        /* @__PURE__ */ i(j, { onClick: () => r(!1), children: n("cancel") }),
-        /* @__PURE__ */ i(j, { type: "primary", onClick: d, children: n("confirm") })
+        /* @__PURE__ */ r(j, { onClick: () => i(!1), children: n("cancel") }),
+        /* @__PURE__ */ r(j, { type: "primary", onClick: d, children: n("confirm") })
       ] })
     ] })
   ] });
-}, dt = {
-  bold: Re,
-  underline: Fe,
-  italic: De,
-  fontSize: Be,
-  fontColor: Ee,
-  fill: Pe,
-  align: je,
-  link: Ke,
-  unLink: Ve,
-  picture: He
+}, W = /* @__PURE__ */ new Map(), Ze = (n, e) => {
+  if (!n)
+    throw new Error("registerToolbarButton: name is required");
+  W.set(n, e);
+}, mt = (n) => {
+  W.delete(n);
+}, _t = (n) => W.get(n), ht = () => Array.from(W.keys()), Qe = {
+  bold: je,
+  underline: ze,
+  italic: qe,
+  fontSize: We,
+  fontColor: $e,
+  fill: Je,
+  align: Ke,
+  link: Ve,
+  unLink: Ge,
+  picture: Ye
 };
+Object.entries(Qe).forEach(([n, e]) => {
+  Ze(n, e);
+});
 export {
-  dt as B,
-  Ge as I,
-  Me as T,
-  B as g,
-  We as k,
+  C as B,
+  He as I,
+  Be as T,
+  F as a,
+  Qe as b,
+  _t as g,
+  Fe as k,
+  ht as l,
   q as m,
   L as p,
-  $e as v
+  Ze as r,
+  mt as u,
+  De as v
 };