@unicom-cloud/ui 0.8.133 → 0.8.134

package/rich-text/index.js

@@ -1,409 +1,442 @@
-/* 2025-12-30 17:27:22 */
-import { jsxs as H, jsx as R } from "react/jsx-runtime";
-import K from "lodash/defaultsDeep";
-import { forwardRef as Q, useContext as J, useRef as b, useEffect as P, useImperativeHandle as W } from "react";
-import Y from "../config-provider/ConfigProvider.js";
-import { useSetState as Z, useFullscreen as ee, useUpdateEffect as te } from "@unicom-cloud/ui-common/hooks";
+/* 2026-01-04 16:21:01 */
+import { jsxs as k, jsx as C, Fragment as ie } from "react/jsx-runtime";
+import le from "lodash/defaultsDeep";
+import { forwardRef as ce, useContext as ae, useRef as x, useEffect as L, useImperativeHandle as me } from "react";
+import ue from "../config-provider/ConfigProvider.js";
+import { useSetState as fe, useFullscreen as de } from "@unicom-cloud/ui-common/hooks";
 import "../utils/responsiveObserve.js";
 import "@unicom-cloud/ui-common/hooks/use-force-update";
-import { isFunction as N, isString as re } from "@unicom-cloud/ui-common/utils/is";
+import { isFunction as U, isString as pe } from "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
-import { getBodyContainer as oe } from "@unicom-cloud/ui-common/utils/dom";
+import { getBodyContainer as ge } from "@unicom-cloud/ui-common/utils/dom";
 import "lodash/merge";
-import ne from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ie from "../input/Input.js";
-import se from "../modal/Modal.js";
-import $ from "@unicom-cloud/ui-common/utils/className";
-import { merge as le } from "@unicom-cloud/ui-common/utils/lodash";
-import { RICH_TEXT_CLASS_NAME_PREFIX as k } from "./constant.js";
+import he from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Ee from "../input/Input.js";
+import be from "../modal/Modal.js";
+import D from "@unicom-cloud/ui-common/utils/className";
+import { merge as Ne } from "@unicom-cloud/ui-common/utils/lodash";
+import { RICH_TEXT_CLASS_NAME_PREFIX as F } from "./constant.js";
 import "./lib/index.js";
-import ce from "./lib/formats/image-resize/index.js";
-import ae from "./lib/formats/lineHeight.js";
-import * as Me from "./lib/parchment/index.js";
-import ue from "./Toolbar.js";
+import { AlignAttributorName as G } from "./lib/formats/align.js";
+import { DirectionAttributorName as M } from "./lib/formats/direction.js";
+import w from "./lib/formats/emoji.js";
+import Ce from "./lib/formats/formula.js";
+import X, { HrDashed as j } from "./lib/formats/hr.js";
+import v from "./lib/formats/image.js";
+import { IndentAttributorName as B } from "./lib/formats/indent.js";
+import y from "./lib/formats/link.js";
+import S from "./lib/formats/list.js";
+import T from "./lib/formats/video.js";
+import * as st from "./lib/parchment/index.js";
+import Se from "./Toolbar.js";
+import q from "./lib/delta/index.js";
 import "./lib/core.js";
 import r from "./lib/core/rich.js";
-import me from "../config-provider/context.js";
-import fe from "./lib/parchment/blot/embed.js";
-import de from "./lib/delta/index.js";
-import { default as We } from "./lib/core/emitter.js";
-import { default as Ze } from "./lib/core/module.js";
-import { default as tt } from "./lib/delta/OpIterator.js";
-import { default as ot } from "./lib/delta/AttributeMap.js";
-import { default as it } from "./lib/delta/Op.js";
-import { Range as lt } from "./lib/core/selection.js";
-r.import("delta");
-const ge = {}, pe = r.import("attributors/style/size"), _ = r.import("formats/font");
-_.whitelist = [
-  "serif",
-  "monospace",
-  "pingfang-sc",
-  // 苹方
-  "microsoft-yahei",
-  // 微软雅黑
-  "simhei",
-  // 黑体
-  "simsun",
-  // 宋体
-  "kaiti",
-  // 楷体
-  "fangsong"
-  // 仿宋
-];
-r.register(_, !0);
-r.register("modules/imageResize", ce);
-function he(C, A) {
-  const { getPrefixCls: D, renderEmpty: Ee, componentConfig: U, rtl: z } = J(me), m = ne(
-    C,
-    ge,
-    U?.RichText
-  ), S = D?.("rich-text"), {
-    style: G,
-    className: L,
-    defaultValue: M,
-    value: B,
-    readOnly: d,
-    options: X,
-    ...Ce
-  } = m, I = "readOnly" in m, v = B || M, [l, g] = Z({ modal: {} }), p = b(void 0), h = b(void 0), O = b(void 0), e = b(void 0), [x, { enterFullscreen: Se, exitFullscreen: Re, toggleFullscreen: j }] = ee(p), y = x ? () => p.current : oe, c = { getPopupContainer: y }, q = le({}, U, {
-    ColorPicker: {
-      triggerProps: {
-        className: `${k}-trigger-color-picker`,
-        ...c
-      }
-    },
-    Modal: {
-      ...c,
-      getChildrenPopupContainer: y
-    },
-    DatePicker: {
-      triggerProps: {
-        ...c
-      },
-      ...c
-    },
-    Dropdown: {
-      ...c
-    },
-    Drawer: {
-      ...c,
-      getChildrenPopupContainer: y
-    },
-    Select: {
-      ...c,
-      triggerProps: {
-        className: `${k}-trigger-select`,
-        ...c
-      }
-    },
-    Table: {
-      triggerProps: {
-        ...c
-      }
+import Re from "../config-provider/context.js";
+import xe from "./lib/parchment/scope.js";
+import V from "./lib/core/emitter.js";
+import ve from "./lib/parchment/blot/embed.js";
+import { default as ht } from "./lib/core/module.js";
+import { default as bt } from "./lib/delta/OpIterator.js";
+import { default as Ct } from "./lib/delta/AttributeMap.js";
+import { default as Rt } from "./lib/delta/Op.js";
+import { Range as vt } from "./lib/core/selection.js";
+q, r.import("delta");
+r.import("attributors/style/size");
+r.import("formats/font");
+function ye(R, z) {
+  const K = { bordered: !0 }, { getPrefixCls: Q, renderEmpty: Te, componentConfig: A, rtl: J } = ae(Re), h = he(
+    R,
+    K,
+    A?.RichText
+  ), N = Q?.("rich-text"), {
+    style: W,
+    className: Y,
+    defaultValue: Z,
+    value: ee,
+    readOnly: p,
+    options: te,
+    bordered: re,
+    ...Ie
+  } = h, I = ee || Z, [c, E] = fe({ modal: {} }), b = x(void 0), g = x(void 0), O = x(void 0), i = x(void 0), [oe, { enterFullscreen: Pe, exitFullscreen: Ue, toggleFullscreen: ne }] = de(p ? null : b, {
+    onExit() {
+      U(g.current?.setIsFullscreen), g.current.setIsFullscreen(!1);
     },
-    Tooltip: {
-      triggerProps: {
-        ...c
-      },
-      ...c
-    },
-    Trigger: {
-      className: `${k}-trigger`,
-      ...c
-    },
-    TreeSelect: c
+    onEnter() {
+      g.current.setIsFullscreen(!0);
+    }
   });
-  function T(s) {
-    const o = e.current.getSelection();
-    e.current.setContents(s ?? v), o && e.current.setSelection(o);
+  function H(a, n = V.sources.API) {
+    const m = i.current;
+    if (!m) return;
+    const u = m.getSelection();
+    m.setContents(a ?? I, n), u && m.setSelection(u);
   }
-  function V(...s) {
-    const o = e.current, [a] = e.current.selection.getRange(), u = a == null ? {} : o.getFormat(a);
-    h.current.setState({ ...u });
+  function se(...a) {
+    const n = i.current;
+    if (!n) return;
+    const [m] = n.selection.getRange(), u = m == null ? {} : n.getFormat(m);
+    g.current.setFormats({ ...u });
   }
-  return te(() => {
-    if (!l.modal.visible) {
-      const s = e.current, o = s.getSelection(!0);
-      if (o && l.modal.url) {
-        if (l.modal.type === "image")
-          s.insertEmbed(
-            o.index,
-            "image",
-            l.modal.url,
-            // './demo0.webp'
-            s.constructor.sources.USER
-          ), s.setSelection(o.index + 1);
-        else if (l.modal.type === "video")
-          e.current.format("video", l.modal.url, r.sources.USER);
-        else if (l.modal.type === "link") {
-          if (o == null || o.length === 0)
-            return;
-          let a = e.current.getText(o);
-          /^\S+@\S+\.\S+$/.test(a) && a.indexOf("mailto:") !== 0 && (a = `mailto:${a}`), e.current.format("link", l.modal.url, r.sources.USER);
-        }
-      }
-    }
-    return () => {
-    };
-  }, [l.modal]), P(() => (N(h.current?.setIsFullscreen) && h.current.setIsFullscreen(x), () => {
-  }), [h.current, x]), P(() => {
-    p.current;
-    let s = {
-      theme: "pqb",
+  L(() => {
+    b.current;
+    let a;
+    p ? a = { readOnly: !0 } : a = {
+      theme: "default",
+      readOnly: !1,
       modules: {
         // syntax: true,
         toolbar: {
           custom: !0,
           container: [
-            [
-              { font: [!1, ..._.whitelist] },
-              // { size: [false, 'small', 'large', 'huge'] },
-              { size: [!1, ...pe.whitelist] },
-              { "line-height": [!1, ...ae.whitelist] },
-              { header: [!1, 1, 2, 3, 4, 5, 6] }
-            ],
-            ["bold", "italic", "underline", "strike"],
-            [{ color: [] }, { background: [] }],
-            [{ script: "sub" }, { script: "super" }],
-            [
-              { align: "" },
-              { align: "center" },
-              { align: "right" },
-              { align: "justify" },
-              "blockquote",
-              "code-block"
-            ],
-            [
-              { list: "ordered" },
-              { list: "bullet" }
-              // { list: 'check' },
-              // 'li-ol',
-              // 'li-ul',
-            ],
-            [{ indent: "+1" }, { indent: "-1" }],
-            [{ direction: "rtl" }],
-            ["link", "image", "video", "formula", "table", "hr"].filter(
-              Boolean
-            ),
-            ["undo", "redo"],
-            ["clean"],
-            ["fullscreen"]
+            // [
+            //   { font: [false, ...Font.whitelist] },
+            //   // { size: [false, 'small', 'large', 'huge'] },
+            //   { size: [false, ...FontSize.whitelist] },
+            //   { 'line-height': [false, ...LineHeight.whitelist] },
+            //   { header: [false, 1, 2, 3, 4, 5, 6] },
+            // ],
+            // ['bold', 'italic', 'underline', 'strike'],
+            // [{ color: [] }, { background: [] }],
+            // [{ script: 'sub' }, { script: 'super' }],
+            // [
+            //   { align: '' },
+            //   { align: 'center' },
+            //   { align: 'right' },
+            //   { align: 'justify' },
+            //   'blockquote',
+            //   'code-block',
+            // ],
+            // [
+            //   { list: 'ordered' },
+            //   { list: 'bullet' },
+            //   // { list: 'check' },
+            //   // 'li-ol',
+            //   // 'li-ul',
+            // ],
+            // [{ indent: '+1' }, { indent: '-1' }],
+            // [{ direction: 'rtl' }],
+            // ['link', 'image', 'video', 'formula', 'table', 'hr'].filter(
+            //   Boolean,
+            // ),
+            // ['undo', 'redo'],
+            // ['clean'],
+            // ['fullscreen'],
           ],
           handlers: {
-            clean() {
-              const t = e.current.getSelection();
-              if (t != null)
-                if (t.length === 0) {
-                  const n = e.current.getFormat();
-                  Object.keys(n).forEach((i) => {
-                    e.current.scroll.query(i, Scope.INLINE) != null && e.current.format(i, !1, r.sources.USER);
-                  });
-                } else
-                  e.current.removeFormat(
-                    t.index,
-                    t.length,
-                    r.sources.USER
-                  );
-            },
-            direction(t) {
-              const { align: n } = e.current.getFormat();
-              t === "rtl" && n == null ? e.current.format("align", "right", r.sources.USER) : !t && n === "right" && e.current.format("align", !1, r.sources.USER), e.current.format("direction", t, r.sources.USER);
+            [M](e) {
+              const t = i.current;
+              if (!t) return;
+              const { align: o } = t.getFormat();
+              e === "rtl" && o == null ? t.format(G, "right", r.sources.USER) : !e && o === "right" && t.format(G, !1, r.sources.USER), t.format(M, e, r.sources.USER);
             },
-            indent(t) {
-              const n = e.current.getSelection(), i = e.current.getFormat(n), E = parseInt(i.indent || 0, 10);
-              if (t === "+1" || t === "-1") {
-                let f = t === "+1" ? 1 : -1;
-                i.direction === "rtl" && (f *= -1), e.current.format(
-                  "indent",
-                  E + f,
+            [B](e) {
+              const t = i.current;
+              if (!t) return;
+              const o = t.getSelection(), s = t.getFormat(o), f = parseInt(s.indent || 0, 10);
+              if (e === "+1" || e === "-1") {
+                let d = e === "+1" ? 1 : -1;
+                s.direction === "rtl" && (d *= -1), t.format(
+                  B,
+                  f + d,
                   r.sources.USER
                 );
               }
             },
-            list(t) {
-              const n = e.current.getSelection(), i = e.current.getFormat(n);
-              t === "check" ? i.list === "checked" || i.list === "unchecked" ? e.current.format("list", !1, r.sources.USER) : e.current.format(
-                "list",
-                "unchecked",
-                r.sources.USER
-              ) : e.current.format("list", t, r.sources.USER), e.current.format("list", t, r.sources.USER);
+            [S.blotName](e) {
+              const t = i.current;
+              if (!t) return;
+              const o = t.getSelection(), s = t.getFormat(o);
+              e === "check" ? s.list === "checked" || s.list === "unchecked" ? t.format(S.blotName, !1, r.sources.USER) : t.format(S.blotName, "unchecked", r.sources.USER) : t.format(S.blotName, e, r.sources.USER), t.format(S.blotName, e, r.sources.USER);
             },
-            // 'li-ol'(value) {
-            //   refRich.current.format('li-ol', value, Rich.sources.USER);
+            // [ListItemOl.blotName](value) {
+            //   rich.format(ListItemOl.blotName, value, Rich.sources.USER);
             // },
-            // 'li-ul'(value) {
-            //   refRich.current.format('li-ul', value, Rich.sources.USER);
+            // [ListItemUl.blotName](value) {
+            //   rich.format(ListItemUl.blotName, value, Rich.sources.USER);
             // },
-            redo() {
-              e.current.history.redo();
+            // [TableBlock.blotName]() {},
+            [Ce.blotName]() {
+              i.current;
             },
-            undo() {
-              e.current.history.undo();
-            },
-            // table() {},
-            formula() {
+            [v.blotName]() {
+              i.current && E({ modal: { visible: !0, type: v.blotName } });
             },
-            image() {
-              g({ modal: { visible: !0, type: "image" } });
+            [T.blotName]() {
+              E({ modal: { visible: !0, type: T.blotName } });
             },
-            video() {
-              g({ modal: { visible: !0, type: "video" } });
+            [y.blotName](e) {
+              const t = i.current;
+              if (!t) return;
+              const o = t.getSelection(!0);
+              o && o.length && E({
+                modal: { visible: !0, type: y.blotName, value: e }
+              });
             },
-            link(t) {
-              const n = e.current.getSelection(!0);
-              n && n.length && g({ modal: { visible: !0, type: "link", value: t } });
+            [X.blotName](e, t) {
+              const o = i.current;
+              if (!o) return;
+              const s = o.getSelection(!0);
+              s && o.insertEmbed(
+                s.index,
+                X.blotName,
+                e,
+                r.sources.USER
+              );
             },
-            hr(t, n) {
-              const i = e.current.getSelection(!0);
-              i && e.current.insertEmbed(
-                i.index,
-                "hr",
-                t === "dashed" ? {
-                  borderStyle: "dashed"
-                } : {},
-                "user"
+            [j.blotName](e, t) {
+              const o = i.current;
+              if (!o) return;
+              const s = o.getSelection(!0);
+              s && o.insertEmbed(
+                s.index,
+                j.blotName,
+                {},
+                r.sources.USER
               );
             },
-            fullscreen(t) {
-              j();
+            [w.blotName](e, t) {
+              const o = i.current;
+              if (!o) return;
+              const s = o.getSelection(!0);
+              s && (o.insertEmbed(
+                s.index,
+                w.blotName,
+                e,
+                r.sources.USER
+              ), o.setSelection(s.index + e.length));
+            },
+            redo() {
+              const e = i.current;
+              e && e.history.redo();
+            },
+            undo() {
+              const e = i.current;
+              e && e.history.undo();
+            },
+            clean() {
+              const e = i.current;
+              if (!e) return;
+              const t = e.getSelection();
+              if (t != null)
+                if (t.length === 0) {
+                  const o = e.getFormat();
+                  Object.keys(o).forEach((s) => {
+                    e.scroll.query(s, xe.INLINE) != null && e.format(s, !1, r.sources.USER);
+                  });
+                } else
+                  e.removeFormat(
+                    t.index,
+                    t.length,
+                    r.sources.USER
+                  );
+            },
+            fullscreen(e) {
+              ne();
             }
           }
         },
         history: !0,
         table: !0,
-        imageResize: {}
+        imageResize: !0
       },
       placeholder: "请输入富文本内容"
-    };
-    d && (s = { readOnly: !0 }), e.current = new r(
+    }, i.current = new r(
       {
-        root: p.current,
-        toolbar: h.current,
+        root: b.current,
+        toolbar: g.current,
         container: O.current
       },
-      K(X, s)
-    ), console.log("new Rich", e.current);
-    function o(t, n, i) {
-      if (i === "user") {
-        let E = e.current.getContents(), f = e.current.getText();
-        re(f) && (f = f.trim());
-        const w = m.onChangeCallback;
-        N(w) && (E = w(E) ?? E), m.onChange?.(
-          f ? E : void 0,
-          e,
-          e.current,
-          t,
-          n,
-          i
-        ), m.onTextChange?.(t, n, i);
+      le(te, a)
+    );
+    const n = i.current;
+    console.log("new Rich", n);
+    function m(e, t, o) {
+      if (o === r.sources.USER) {
+        let s = n.getContents(), f = n.getText();
+        pe(f) && (f = f.trim());
+        const d = h.onChangeCallback;
+        U(d) && (s = d(s) ?? s), h.onChange?.(f ? s : void 0, e, t, o), h.onTextChange?.(e, t, o);
       }
     }
-    function a(...t) {
-      m.onSelectionChange?.(...t);
+    function u(...e) {
+      g.current.setSelection(...e), h.onSelectionChange?.(...e);
     }
-    function u(...t) {
-      V(...t), m.onEditorChange?.(...t);
+    function l(...e) {
+      se(...e), h.onEditorChange?.(...e);
     }
-    return T(), d || (e.current.on(r.events.TEXT_CHANGE, o), e.current.on(r.events.SELECTION_CHANGE, a), e.current.on(r.events.EDITOR_CHANGE, u)), I && e.current.enable(!d), () => {
-      e.current.off(r.events.TEXT_CHANGE, o), e.current.off(r.events.SELECTION_CHANGE, a), e.current.off(r.events.EDITOR_CHANGE, u), e.current.destroy(), e.current = null;
+    return p || (n.on(r.events.TEXT_CHANGE, m), n.on(r.events.SELECTION_CHANGE, u), n.on(r.events.EDITOR_CHANGE, l)), n.enable(!p), () => {
+      n.off(r.events.TEXT_CHANGE, m), n.off(r.events.SELECTION_CHANGE, u), n.off(r.events.EDITOR_CHANGE, l), n.destroy();
     };
-  }, [I, d]), P(() => (T(v), () => {
-  }), [v]), W(A, () => ({
+  }, [p]), L(() => (H(I, V.sources.API), () => {
+  }), [I]), me(z, () => ({
     get rich() {
-      return e.current;
+      return i.current;
     },
     get contents() {
-      return e.current.getContents();
+      return i.current.getContents();
     },
-    setContents: T,
+    setContents: H,
     Rich: r,
     getRootElement() {
-      return p.current;
+      return b.current;
     }
-  })), /* @__PURE__ */ H(Y, { componentConfig: q, children: [
-    /* @__PURE__ */ H(
+  }));
+  function $(a) {
+    return /* @__PURE__ */ C(ie, { children: /* @__PURE__ */ k(
       "div",
       {
-        ref: p,
-        style: G,
-        className: $(
-          S,
-          L,
-          { [`${S}-rtl`]: z },
-          d && `${S}-read-only`
+        ref: b,
+        style: W,
+        className: D(
+          N,
+          Y,
+          { [`${N}-rtl`]: J },
+          p && `${N}-read-only`,
+          re && `${N}-bordered`
         ),
         children: [
-          !d && /* @__PURE__ */ R(
-            ue,
+          a,
+          /* @__PURE__ */ C(
+            "div",
             {
-              ref: h,
-              onChange: (s) => {
-                const { format: o, value: a } = s ?? {}, u = e.current;
-                u.focus();
-                const t = u.options.modules.toolbar.handlers[o];
-                if (N(t))
-                  t.call(u.theme.modules.toolbar, a);
-                else if (u.scroll.query(o).prototype instanceof fe) {
-                  const n = prompt(`Enter ${o}`);
-                  if (!n) return;
-                  const [i] = u.selection.getRange();
-                  u.updateContents(
-                    new de().retain(i.index).delete(i.length).insert({ [o]: n }),
-                    r.sources.USER
-                  );
-                } else
-                  u.format(o, a, r.sources.USER);
-              }
+              ref: O,
+              className: D(`${N}-container`)
             }
-          ),
-          /* @__PURE__ */ R("div", { ref: O, className: $(`${S}-container`) })
+          )
         ]
       }
-    ),
-    /* @__PURE__ */ R(
-      se,
-      {
-        title: "输入地址",
-        visible: l.modal.visible,
-        unmountOnExit: !0,
-        onCancel: () => {
-          g({ modal: { visible: !1 } });
+    ) });
+  }
+  let P;
+  if (p)
+    P = $();
+  else {
+    const a = oe ? () => b.current : ge, n = { getPopupContainer: a }, m = Ne({}, A, {
+      ColorPicker: {
+        triggerProps: {
+          className: `${F}-trigger-color-picker`,
+          ...n
         },
-        onOk: () => {
-          g({ modal: { ...l.modal, visible: !1 } });
+        ...n
+      },
+      Modal: {
+        ...n,
+        getChildrenPopupContainer: a
+      },
+      Select: {
+        triggerProps: {
+          className: `${F}-trigger-select`,
+          ...n
+        },
+        ...n
+      },
+      Tooltip: {
+        triggerProps: {
+          ...n
         },
-        children: /* @__PURE__ */ R(
-          ie,
-          {
-            defaultValue: l.modal.value,
-            addBefore: "URL",
-            onChange: (s) => {
-              g({ modal: { ...l.modal, url: s } });
+        ...n
+      },
+      Trigger: {
+        className: `${F}-trigger`,
+        ...n
+      }
+    }), u = /* @__PURE__ */ k(ue, { componentConfig: m, children: [
+      /* @__PURE__ */ C(
+        Se,
+        {
+          ref: g,
+          onChange: (l) => {
+            const e = i.current;
+            if (!e) return;
+            const { format: t, value: o } = l ?? {};
+            e.focus();
+            const s = e.options.modules.toolbar.handlers[t];
+            if (U(s))
+              s.call(e.theme.modules.toolbar, o);
+            else if (e.scroll.query(t).prototype instanceof ve) {
+              const f = prompt(`Enter ${t}`);
+              if (!f) return;
+              const [d] = e.selection.getRange();
+              e.updateContents(
+                new q().retain(d.index).delete(d.length).insert({ [t]: f }),
+                r.sources.USER
+              );
+            } else
+              e.format(t, o, r.sources.USER);
+          }
+        }
+      ),
+      /* @__PURE__ */ C(
+        be,
+        {
+          title: "输入地址",
+          visible: c.modal.visible,
+          unmountOnExit: !0,
+          onCancel: () => {
+            E({ modal: { visible: !1 } });
+          },
+          onOk: () => {
+            E({ modal: { ...c.modal, visible: !1 } });
+          },
+          afterClose: () => {
+            const l = i.current;
+            if (!l) return;
+            const e = l.getSelection(!0);
+            if (e && c.modal.url) {
+              if (c.modal.type === v.blotName)
+                l.insertEmbed(
+                  e.index,
+                  v.blotName,
+                  c.modal.url,
+                  // './demo0.webp'
+                  // rich.constructor.sources.USER,
+                  r.sources.USER
+                ), l.setSelection(e.index + 1);
+              else if (c.modal.type === T.blotName)
+                l.format(T.blotName, c.modal.url, r.sources.USER);
+              else if (c.modal.type === y.blotName) {
+                if (e == null || e.length === 0)
+                  return;
+                l.format(y.blotName, c.modal.url, r.sources.USER);
+              }
             }
           },
-          l.modal.visible
-        )
-      }
-    )
-  ] });
+          children: /* @__PURE__ */ C(
+            Ee,
+            {
+              defaultValue: c.modal.value,
+              addBefore: "URL",
+              onChange: (l) => {
+                E({ modal: { ...c.modal, url: l } });
+              }
+            },
+            c.modal.visible
+          )
+        }
+      )
+    ] });
+    P = $(u);
+  }
+  return P;
 }
-const F = Q(he);
-Reflect.ownKeys(r).forEach((C) => {
-  F[C] = r[C];
+const _ = ce(ye);
+Reflect.ownKeys(r).forEach((R) => {
+  _[R] = r[R];
 });
-F.displayName = "RichText";
-F.___PQB_RICH_TEXT___ = !0;
+_.displayName = "RichText";
+_.___PQB_RICH_TEXT___ = !0;
 export {
-  ot as AttributeMap,
-  de as Delta,
-  We as Emitter,
-  Ze as Module,
-  it as Op,
-  tt as OpIterator,
-  Me as Parchment,
-  lt as Range,
+  Ct as AttributeMap,
+  q as Delta,
+  V as Emitter,
+  ht as Module,
+  Rt as Op,
+  bt as OpIterator,
+  st as Parchment,
+  vt as Range,
   r as Rich,
-  F as RichText,
-  F as default
+  _ as RichText,
+  _ as default
 };