@baishuyun/ui-base 2.3.1 → 2.3.3

package/dist/Editor/index-D7tFsaxU.js

@@ -1,846 +0,0 @@
-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 { 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-uPJOs52x.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 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 F(e.__url, { rel: e.__rel, target: e.__target, title: e.__title }, e.__key);
-  }
-  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), be(t, e.theme.link), t;
-  }
-  updateLinkDOM(e, t, i) {
-    if (ue(t)) {
-      e && e.__url === this.__url || (t.href = this.sanitizeUrl(this.__url));
-      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, i) {
-    return this.updateLinkDOM(e, t, i), !1;
-  }
-  static importDOM() {
-    return { a: (e) => ({ conversion: Ee, priority: 1 }) };
-  }
-  static importJSON(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 = oe(e);
-    try {
-      const t = new URL(oe(e));
-      if (!Re.has(t.protocol)) return "about:blank";
-    } catch {
-      return e;
-    }
-    return e;
-  }
-  exportJSON() {
-    return { ...super.exportJSON(), rel: this.getRel(), target: this.getTarget(), title: this.getTitle(), url: this.getURL() };
-  }
-  getURL() {
-    return this.getLatest().__url;
-  }
-  setURL(e) {
-    const t = this.getWritable();
-    return t.__url = e, t;
-  }
-  getTarget() {
-    return this.getLatest().__target;
-  }
-  setTarget(e) {
-    const t = this.getWritable();
-    return t.__target = e, t;
-  }
-  getRel() {
-    return this.getLatest().__rel;
-  }
-  setRel(e) {
-    const t = this.getWritable();
-    return t.__rel = e, t;
-  }
-  getTitle() {
-    return this.getLatest().__title;
-  }
-  setTitle(e) {
-    const t = this.getWritable();
-    return t.__title = e, t;
-  }
-  insertNewAfter(e, t = !0) {
-    const i = B(this.__url, { rel: this.__rel, target: this.__target, title: this.__title });
-    return this.insertAfter(i, t), i;
-  }
-  canInsertTextBefore() {
-    return !1;
-  }
-  canInsertTextAfter() {
-    return !1;
-  }
-  canBeEmpty() {
-    return !1;
-  }
-  isInline() {
-    return !0;
-  }
-  extractWithChild(e, t, i) {
-    if (!O(t)) return !1;
-    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:");
-  }
-  isWebSiteURI() {
-    return this.__url.startsWith("https://") || this.__url.startsWith("http://");
-  }
-}
-function Ee(n) {
-  let e = null;
-  if (ue(n)) {
-    const t = n.textContent;
-    (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 B(n = "", e) {
-  return de(new F(n, e));
-}
-function L(n) {
-  return n instanceof F;
-}
-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";
-  }
-  static clone(e) {
-    return new q(e.__url, { isUnlinked: e.__isUnlinked, rel: e.__rel, target: e.__target, title: e.__title }, e.__key);
-  }
-  getIsUnlinked() {
-    return this.__isUnlinked;
-  }
-  setIsUnlinked(e) {
-    const t = this.getWritable();
-    return t.__isUnlinked = e, t;
-  }
-  createDOM(e) {
-    return this.__isUnlinked ? document.createElement("span") : super.createDOM(e);
-  }
-  updateDOM(e, t, i) {
-    return super.updateDOM(e, t, i) || e.__isUnlinked !== this.__isUnlinked;
-  }
-  static importJSON(e) {
-    return ne().updateFromJSON(e);
-  }
-  updateFromJSON(e) {
-    return super.updateFromJSON(e).setIsUnlinked(e.isUnlinked || !1);
-  }
-  static importDOM() {
-    return null;
-  }
-  exportJSON() {
-    return { ...super.exportJSON(), isUnlinked: this.__isUnlinked };
-  }
-  insertNewAfter(e, t = !0) {
-    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;
-  }
-}
-function ne(n = "", e) {
-  return de(new q(n, e));
-}
-function P(n) {
-  return n instanceof q;
-}
-const Fe = ce("TOGGLE_LINK_COMMAND");
-function re(n, e) {
-  if (n.type === "element") {
-    const t = n.getNode();
-    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 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 = $(d, ((s) => !P(s) && L(s)));
-        u && (u.insertBefore(d), u.getChildren().length === 0 && u.remove());
-      } else {
-        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 = B(n, { rel: o, target: t });
-          d.insertBefore(s), s.append(d);
-        }
-      }
-    }));
-  }
-  const c = l.extract();
-  if (n === null) return void c.forEach(((a) => {
-    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 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 = ie(c[0], L);
-    if (a !== null) return _(a);
-  }
-  (function(a) {
-    const d = T();
-    if (!O(d)) return 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 (y) {
-          const I = y.getParent();
-          I && h.focus.set(I.getKey(), y.getIndexWithinParent() + (s ? 0 : 1), "element");
-        }
-        we(ee(h));
-      }
-    }
-  })((() => {
-    let a = null;
-    for (const d of c) {
-      if (!d.isAttached()) continue;
-      const u = ie(d, L);
-      if (u) {
-        _(u);
-        continue;
-      }
-      if (z(d)) {
-        if (!d.isInline()) continue;
-        if (L(d)) {
-          if (!(P(d) || a !== null && a.getParentOrThrow().isParentOf(d))) {
-            _(d), a = d;
-            continue;
-          }
-          for (const v of d.getChildren()) d.insertBefore(v);
-          d.remove();
-          continue;
-        }
-      }
-      const s = d.getPreviousSibling();
-      L(s) && s.is(a) ? s.append(d) : (a = B(n, { rel: o, target: t, title: i }), d.insertAfter(a), a.append(d));
-    }
-  }));
-}
-function ie(n, e) {
-  let t = n;
-  for (; t !== null && t.getParent() !== null && !e(t); ) t = t.getParentOrThrow();
-  return e(t) ? t : null;
-}
-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 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(l);
-    n.update(() => {
-      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 = Ue(), x = k.getLastChild();
-        if (z(x) && x.isEmpty())
-          x.append(S);
-        else {
-          const Q = Oe();
-          Q.append(S), k.append(Q);
-        }
-      }
-    }), c(""), _(""), o(!1);
-  }, M = A(() => {
-    e ? (c(e.link === "javascript:void(0);" ? "" : e.link), _(e.linkText)) : (c(""), _("")), o(!0);
-  }, [e]);
-  return /* @__PURE__ */ g(G, { children: [
-    /* @__PURE__ */ r(
-      C,
-      {
-        icon: "Insertlink",
-        tooltip: t("link"),
-        onClick: M,
-        active: !!(e != null && e.link)
-      }
-    ),
-    s,
-    /* @__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__ */ r("label", { className: "w-[80px] shrink-0", children: t("linkAddress") }),
-          /* @__PURE__ */ r(
-            V,
-            {
-              value: l,
-              onChange: (h) => c(h.target.value),
-              placeholder: t("editor.linkTip")
-            }
-          ),
-          /* @__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__ */ 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__ */ r("div", { children: /* @__PURE__ */ r(Ae, { checked: a, onChange: (h) => d(h), children: t("openInNewTab") }) }),
-        /* @__PURE__ */ g("div", { className: "flex gap-[15px]", children: [
-          /* @__PURE__ */ r(j, { onClick: () => o(!1), children: t("cancel") }),
-          /* @__PURE__ */ r(j, { type: "primary", onClick: y, children: t("confirm") })
-        ] })
-      ] })
-    ] }) })
-  ] });
-}, Ge = () => {
-  const [n] = b(), { link: e } = U(), { t } = w(), i = () => {
-    e && n.dispatchCommand(Fe, null);
-  };
-  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",
-  "picture-modal__menu-list": "_picture-modal__menu-list_qyj1h_9",
-  "picture-modal__menu-item": "_picture-modal__menu-item_qyj1h_14",
-  "picture-modal__slider": "_picture-modal__slider_qyj1h_24",
-  "picture-modal__content": "_picture-modal__content_qyj1h_35",
-  "picture-modal__content-title": "_picture-modal__content-title_qyj1h_51",
-  "picture-modal__upload-area": "_picture-modal__upload-area_qyj1h_62",
-  "picture-modal__upload-area--dragging": "_picture-modal__upload-area--dragging_qyj1h_77",
-  "picture-modal__preview": "_picture-modal__preview_qyj1h_83",
-  "picture-modal__preview-image": "_picture-modal__preview-image_qyj1h_92",
-  "picture-modal__preview-info": "_picture-modal__preview-info_qyj1h_99",
-  "picture-modal__preview-filename": "_picture-modal__preview-filename_qyj1h_103",
-  "picture-modal__preview-size": "_picture-modal__preview-size_qyj1h_109",
-  "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"
-}, 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(), i;
-      } catch {
-        throw new Error("URL validation failed");
-      }
-    }
-  })), /* @__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: l("editor.pleaseEnterImageUrl") },
-          {
-            validator: (m, _) => !_ || c(_) ? Promise.resolve() : Promise.reject(new Error(l("editor.pleaseEnterValidImageUrl")))
-          }
-        ],
-        children: /* @__PURE__ */ r(
-          V,
-          {
-            placeholder: l("editor.pleaseEnterImageUrl"),
-            value: i,
-            onChange: (m) => o(m.target.value)
-          }
-        )
-      }
-    ) })
-  ] });
-});
-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);
-      i(k), m(p);
-    }
-  }, M = () => {
-    var p;
-    (p = _.current) == null || p.click();
-  }, h = (p) => {
-    var x;
-    const k = (x = p.target.files) == null ? void 0 : x[0];
-    k && y(k);
-  }, I = (p) => {
-    p.preventDefault(), l(!0);
-  }, R = (p) => {
-    p.preventDefault(), l(!1);
-  }, S = (p) => {
-    p.preventDefault(), l(!1);
-    const k = p.dataTransfer.files[0];
-    k && y(k);
-  };
-  return se(e, () => ({
-    getValue: async () => {
-      if (!c)
-        throw a.warning(u("editor.pleaseUploadImageFirst")), new Error(u("editor.pleaseUploadImageFirst"));
-      return new Promise((p, k) => {
-        const x = new FileReader();
-        x.onload = () => {
-          p({
-            src: x.result,
-            fileName: c.name
-          });
-        }, x.onerror = () => {
-          k(new Error(u("editor.operationFailed")));
-        }, x.readAsDataURL(c);
-      });
-    }
-  })), /* @__PURE__ */ g(
-    "div",
-    {
-      className: "h-full",
-      onDragOver: I,
-      onDragLeave: R,
-      onDrop: S,
-      children: [
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: f["picture-modal__content-title"],
-            "data-title": u("editor.imageSizeNote"),
-            children: u("editor.uploadImage")
-          }
-        ),
-        /* @__PURE__ */ g(
-          "div",
-          {
-            className: `${f["picture-modal__upload-area"]} ${o ? f["picture-modal__upload-area--dragging"] : ""}`,
-            onClick: M,
-            children: [
-              /* @__PURE__ */ r(E, { name: "upload" }),
-              /* @__PURE__ */ r("span", { className: f["picture-modal__upload-text"], children: u("editor.clickOrDragToUpload") })
-            ]
-          }
-        ),
-        /* @__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 },
-            animate: { opacity: 1, y: 0, scale: 1 },
-            exit: { opacity: 0, y: -10, scale: 0.95 },
-            transition: {
-              duration: 0.3,
-              ease: [0.4, 0, 0.2, 1]
-            },
-            children: [
-              /* @__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__ */ r(
-                    "img",
-                    {
-                      src: t,
-                      style: { maxWidth: "120px", height: "80px" },
-                      alt: u("editor.previewImage")
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ g(
-                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__ */ 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__ */ r(
-                D.div,
-                {
-                  className: f["picture-modal__preview-delete"],
-                  role: "button",
-                  onClick: () => {
-                    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__ */ r(E, { name: "delete" })
-                }
-              )
-            ]
-          },
-          "preview"
-        ) }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: _,
-            type: "file",
-            accept: "image/*",
-            style: { display: "none" },
-            onChange: h
-          }
-        ),
-        d
-      ]
-    }
-  );
-});
-fe.displayName = "UploadImage";
-const He = ce(
-  "INSERT_INLINE_IMAGE_COMMAND"
-), 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__ */ r(E, { name: "picture" })
-    },
-    {
-      key: "url",
-      title: n("editor.imageUrl"),
-      icon: /* @__PURE__ */ r(E, { name: "Insertlink" })
-    }
-  ], [m, _] = N(c[0].key), a = () => c.findIndex((v) => v.key === m) * 40, d = async () => {
-    try {
-      let s = "", v = "";
-      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
-      }), i(!1);
-    } catch (s) {
-      Z.error(s instanceof Error ? s.message : n("editor.operationFailed"));
-    }
-  }, u = {
-    upload: /* @__PURE__ */ r(fe, { ref: l }),
-    url: /* @__PURE__ */ r(he, { ref: o })
-  };
-  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__ */ r(
-            "div",
-            {
-              className: f["picture-modal__slider"],
-              style: {
-                transform: `translateY(${a()}px)`
-              }
-            }
-          ),
-          /* @__PURE__ */ r("ul", { className: f["picture-modal__menu-list"], children: c.map((s) => /* @__PURE__ */ g(
-            "li",
-            {
-              className: `${f["picture-modal__menu-item"]} ${m === s.key ? f["picture-modal__menu-item--active"] : ""}`,
-              onClick: () => _(s.key),
-              children: [
-                /* @__PURE__ */ r("span", { className: f["picture-modal__menu-icon"], children: s.icon }),
-                /* @__PURE__ */ r("span", { children: s.title })
-              ]
-            },
-            s.title
-          )) })
-        ] }),
-        /* @__PURE__ */ r("div", { className: f["picture-modal__content"], children: u[m] })
-      ] }),
-      /* @__PURE__ */ g("div", { className: f["picture-modal__footer"], children: [
-        /* @__PURE__ */ r(j, { onClick: () => i(!1), children: n("cancel") }),
-        /* @__PURE__ */ r(j, { type: "primary", onClick: d, children: n("confirm") })
-      ] })
-    ] })
-  ] });
-}, 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 {
-  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,
-  Ze as r,
-  mt as u,
-  De as v
-};