@unicom-cloud/ui 0.8.132 → 0.8.134

package/rich-text/lib/core/rich.js

@@ -1,26 +1,99 @@
-/* 2025-12-23 17:18:07 */
-import M from "lodash/merge";
-import { isString as R, isBoolean as P, isFunction as F, isNumber as u, isObjectLike as V } from "@unicom-cloud/ui-common/utils/is";
-import { RICH_TEXT_CLASS_NAME_PREFIX as b } from "../../constant.js";
+/* 2026-01-04 16:21:01 */
+import v from "lodash/merge";
+import H from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isString as w, isBoolean as _, isFunction as $, isNumber as u, isObjectLike as j } from "@unicom-cloud/ui-common/utils/is";
+import { RICH_TEXT_CLASS_NAME_PREFIX as p } from "../../constant.js";
 import g from "../delta/index.js";
-import * as H from "../parchment/index.js";
-import _ from "./composition.js";
-import j from "./editor.js";
+import * as G from "../parchment/index.js";
+import q from "./composition.js";
+import X from "./editor.js";
 import l from "./emitter.js";
-import N from "./instances.js";
-import U from "./logger.js";
-import k from "./module.js";
-import X, { Range as $ } from "./selection.js";
-import B from "./theme.js";
-import G from "./utils/createRegistryWithFormats.js";
-import q from "./utils/scrollRectIntoView.js";
-import z from "../parchment/blot/abstract/parent.js";
-import K from "../parchment/registry.js";
-import J from "../parchment/blot/scroll.js";
-import Q from "../parchment/scope.js";
-const w = U("rich"), L = new K();
-z.uiClass = `${b}-ui`;
-class f {
+import P from "./logger.js";
+import z from "./module.js";
+import K, { Range as B } from "./selection.js";
+import F from "./theme.js";
+import W from "./utils/createRegistryWithFormats.js";
+import J from "./utils/scrollRectIntoView.js";
+import Q from "../parchment/blot/scroll.js";
+import Y from "../parchment/registry.js";
+import Z from "../parchment/scope.js";
+import x from "../parchment/blot/abstract/parent.js";
+const E = P("rich"), R = /* @__PURE__ */ new WeakMap(), V = ["selectionchange", "mousedown", "mouseup", "click"];
+function k(...n) {
+  const t = document.querySelectorAll(
+    `.${p}-container`
+  );
+  Array.from(t).forEach((e) => {
+    const s = R.get(e);
+    s && s.emitter && s.emitter.handleDOM(...n);
+  });
+}
+function tt() {
+  V.forEach((n) => {
+    document.addEventListener(n, k);
+  });
+}
+function M() {
+  V.forEach((n) => {
+    document.removeEventListener(n, k);
+  });
+}
+const L = new Y();
+x.uiClass = `${p}-ui`;
+class d {
+  constructor(t, e = {}) {
+    if (this.editorChange = (r) => {
+      r === l.events.TEXT_CHANGE && this.root.classList.toggle(
+        `${p}-blank`,
+        this.editor.isBlank()
+      );
+    }, this.scrollUpdate = (r, h) => {
+      const m = this.selection.lastRange, [c] = this.selection.getRange(), y = m && c ? { oldRange: m, newRange: c } : void 0;
+      a.call(
+        this,
+        () => this.editor.update(null, h, y),
+        r
+      );
+    }, this.scrollEmbedUpdate = (r, h) => {
+      const m = this.selection.lastRange, [c] = this.selection.getRange(), y = m && c ? { oldRange: m, newRange: c } : void 0;
+      a.call(
+        this,
+        () => {
+          const b = new g().retain(r.offset(this)).retain({ [r.statics.blotName]: h });
+          return this.editor.update(b, [], y);
+        },
+        d.sources.USER
+      );
+    }, M(), tt(), this.elements = t, this.options = et(
+      H(this.elements?.container),
+      e
+    ), this.container = this.options.container, this.container == null) {
+      E.error("Invalid Rich container", this.container);
+      return;
+    }
+    this.options.debug && d.debug(this.options.debug);
+    const s = this.container.innerHTML.trim();
+    this.container.classList.add(`${p}-container`), this.container.innerHTML = "", R.set(this.container, this), this.root = this.addContainer(`${p}-editor`), this.root.classList.add(`${p}-blank`), this.emitter = new l();
+    const i = Q.blotName, o = this.options.registry.query(i);
+    if (!o || !("blotName" in o))
+      throw new Error(
+        `Cannot initialize Rich without "${i}" blot`
+      );
+    if (this.scroll = new o(this.options.registry, this.root, {
+      emitter: this.emitter
+    }), this.editor = new X(this.scroll), this.selection = new K(this.scroll, this.emitter), this.options.readOnly || (this.composition = new q(this.scroll, this.emitter), this.theme = new this.options.theme(this, this.options), this.keyboard = this.theme.addModule("keyboard"), this.clipboard = this.theme.addModule("clipboard"), this.history = this.theme.addModule("history"), this.uploader = this.theme.addModule("uploader"), this.theme.addModule("input"), this.theme.addModule("uiNode"), this.theme.init(), this.emitter.on(l.events.EDITOR_CHANGE, this.editorChange), this.emitter.on(l.events.SCROLL_UPDATE, this.scrollUpdate), this.emitter.on(
+      l.events.SCROLL_EMBED_UPDATE,
+      this.scrollEmbedUpdate
+    )), s && this.clipboard) {
+      const r = this.clipboard.convert({
+        html: `${s}<p><br></p>`,
+        text: `
+`
+      });
+      this.setContents(r);
+    }
+    this.history && this.history.clear(), this.options.placeholder && this.root.setAttribute("data-placeholder", this.options.placeholder), this.options.readOnly && this.disable(), this.allowReadOnlyEdits = !1;
+  }
   static {
     this.DEFAULTS = {
       bounds: null,
@@ -45,80 +118,33 @@ class f {
   static {
     this.imports = {
       delta: g,
-      parchment: H,
-      "core/module": k,
-      "core/theme": B
+      parchment: G,
+      "core/module": z,
+      "core/theme": F
     };
   }
   static debug(t) {
-    t === !0 && (t = "log"), U.level(t);
+    t === !0 && (t = "log"), P.level(t);
   }
   static find(t, e = !1) {
-    return N.get(t) || L.find(t, e);
+    return R.get(t) || L.find(t, e);
   }
   static import(t) {
-    return this.imports[t] == null && w.error(`Cannot import ${t}. Are you sure it was registered?`), this.imports[t];
+    return this.imports[t] || E.error(`Cannot import ${t}. Are you sure it was registered?`), this.imports[t];
   }
   static register(...t) {
-    if (R(t[0])) {
+    if (w(t[0])) {
       const e = t[0], s = t[1], i = !!t[2];
-      this.imports[e] != null && !i && w.warn(`Overwriting ${e} with`, s), this.imports[e] = s, ["blots/", "formats/"].some((r) => e.startsWith(r)) && s && !P(s) && s.blotName !== "abstract" && L.register(s), F(s.register) && s.register(L);
+      this.imports[e] != null && !i && E.warn(`Overwriting ${e} with`, s), this.imports[e] = s, ["blots/", "formats/"].some((o) => e.startsWith(o)) && s && !_(s) && s.blotName !== "abstract" && L.register(s), $(s.register) && s.register(L);
     } else {
       const e = t[0], s = !!t[1], i = "attrName" in e ? e.attrName : e.blotName;
-      R(i) ? this.register(`formats/${i}`, e, s) : Object.entries(e).forEach(([r, o], h, d) => {
-        this.register(r, o, s);
+      w(i) ? this.register(`formats/${i}`, e, s) : Object.entries(e).forEach(([o, r], h, m) => {
+        this.register(o, r, s);
       });
     }
   }
-  constructor(t, e = {}) {
-    if (this.options = W(t, e), this.container = this.options.container, this.container == null) {
-      w.error("Invalid Rich container", t);
-      return;
-    }
-    this.options.debug && f.debug(this.options.debug);
-    const s = this.container.innerHTML.trim();
-    this.container.classList.add(`${b}-container`), this.container.innerHTML = "", N.set(this.container, this), this.root = this.addContainer(`${b}-editor`), this.root.classList.add(`${b}-blank`), this.emitter = new l();
-    const i = J.blotName, r = this.options.registry.query(i);
-    if (!r || !("blotName" in r))
-      throw new Error(
-        `Cannot initialize Rich without "${i}" blot`
-      );
-    if (this.scroll = new r(this.options.registry, this.root, {
-      emitter: this.emitter
-    }), this.editor = new j(this.scroll), this.selection = new X(this.scroll, this.emitter), this.composition = new _(this.scroll, this.emitter), this.theme = new this.options.theme(this, this.options), this.keyboard = this.theme.addModule("keyboard"), this.clipboard = this.theme.addModule("clipboard"), this.history = this.theme.addModule("history"), this.uploader = this.theme.addModule("uploader"), this.theme.addModule("input"), this.theme.addModule("uiNode"), this.theme.init(), this.emitter.on(l.events.EDITOR_CHANGE, (o) => {
-      o === l.events.TEXT_CHANGE && this.root.classList.toggle(
-        `${b}-blank`,
-        this.editor.isBlank()
-      );
-    }), this.emitter.on(l.events.SCROLL_UPDATE, (o, h) => {
-      const d = this.selection.lastRange, [c] = this.selection.getRange(), E = d && c ? { oldRange: d, newRange: c } : void 0;
-      a.call(
-        this,
-        () => this.editor.update(null, h, E),
-        o
-      );
-    }), this.emitter.on(l.events.SCROLL_EMBED_UPDATE, (o, h) => {
-      const d = this.selection.lastRange, [c] = this.selection.getRange(), E = d && c ? { oldRange: d, newRange: c } : void 0;
-      a.call(
-        this,
-        () => {
-          const p = new g().retain(o.offset(this)).retain({ [o.statics.blotName]: h });
-          return this.editor.update(p, [], E);
-        },
-        f.sources.USER
-      );
-    }), s) {
-      const o = this.clipboard.convert({
-        html: `${s}<p><br></p>`,
-        text: `
-`
-      });
-      this.setContents(o);
-    }
-    this.history.clear(), this.options.placeholder && this.root.setAttribute("data-placeholder", this.options.placeholder), this.options.readOnly && this.disable(), this.allowReadOnlyEdits = !1;
-  }
   addContainer(t, e = null, s) {
-    if (R(t)) {
+    if (w(t)) {
       const i = t;
       t = document.createElement("div"), t.classList.add(i);
     }
@@ -128,7 +154,7 @@ class f {
     this.selection.setRange(null);
   }
   deleteText(t, e, s) {
-    return [t, e, , s] = m(t, e, s), a.call(
+    return [t, e, , s] = f(t, e, s), a.call(
       this,
       () => this.editor.deleteText(t, e),
       s,
@@ -146,7 +172,7 @@ class f {
   }
   enable(t = !0) {
     this.scroll.enable(t), this.container.classList.toggle(
-      `${b}-disabled`,
+      `${p}-disabled`,
       !t
     );
   }
@@ -157,54 +183,54 @@ class f {
     return a.call(
       this,
       () => {
-        const r = this.getSelection(!0);
-        let o = new g();
-        if (r == null)
-          return o;
-        if (this.scroll.query(t, Q.BLOCK))
-          o = this.editor.formatLine(r.index, r.length, {
+        const o = this.getSelection(!0);
+        let r = new g();
+        if (o == null)
+          return r;
+        if (this.scroll.query(t, Z.BLOCK))
+          r = this.editor.formatLine(o.index, o.length, {
             [t]: e
           });
         else {
-          if (r.length === 0)
-            return this.selection.format(t, e), o;
-          o = this.editor.formatText(r.index, r.length, {
+          if (o.length === 0)
+            return this.selection.format(t, e), r;
+          r = this.editor.formatText(o.index, o.length, {
             [t]: e
           });
         }
-        return this.setSelection(r, l.sources.SILENT), o;
+        return this.setSelection(o, l.sources.SILENT), r;
       },
       s
     );
   }
-  formatLine(t, e, s, i, r) {
-    let o;
-    return [t, e, o, r] = m(
+  formatLine(t, e, s, i, o) {
+    let r;
+    return [t, e, r, o] = f(
       t,
       e,
       s,
       i,
-      r
+      o
     ), a.call(
       this,
-      () => this.editor.formatLine(t, e, o),
-      r,
+      () => this.editor.formatLine(t, e, r),
+      o,
       t,
       0
     );
   }
-  formatText(t, e, s, i, r) {
-    let o;
-    return [t, e, o, r] = m(
+  formatText(t, e, s, i, o) {
+    let r;
+    return [t, e, r, o] = f(
       t,
       e,
       s,
       i,
-      r
+      o
     ), a.call(
       this,
-      () => this.editor.formatText(t, e, o),
-      r,
+      () => this.editor.formatText(t, e, r),
+      o,
       t,
       0
     );
@@ -223,7 +249,7 @@ class f {
     };
   }
   getContents(t = 0, e = this.getLength() - t) {
-    return [t, e] = m(t, e), this.editor.getContents(t, e);
+    return [t, e] = f(t, e), this.editor.getContents(t, e);
   }
   getFormat(t = this.getSelection(!0), e = 0) {
     return u(t) ? this.editor.getFormat(t, e) : this.editor.getFormat(t.index, t.length);
@@ -250,15 +276,15 @@ class f {
     return t && this.focus(), this.update(), this.selection.getRange()[0];
   }
   getSemanticHTML(t = 0, e) {
-    return u(t) && (e = e ?? this.getLength() - t), [t, e] = m(t, e), this.editor.getHTML(t, e);
+    return u(t) && (e = e ?? this.getLength() - t), [t, e] = f(t, e), this.editor.getHTML(t, e);
   }
   getText(t = 0, e) {
-    return u(t) && (e = e ?? this.getLength() - t), [t, e] = m(t, e), this.editor.getText(t, e);
+    return u(t) && (e = e ?? this.getLength() - t), [t, e] = f(t, e), this.editor.getText(t, e);
   }
   hasFocus() {
     return this.selection.hasFocus();
   }
-  insertEmbed(t, e, s, i = f.sources.API) {
+  insertEmbed(t, e, s, i = d.sources.API) {
     return a.call(
       this,
       () => this.editor.insertEmbed(t, e, s),
@@ -266,12 +292,12 @@ class f {
       t
     );
   }
-  insertText(t, e, s, i, r) {
-    let o;
-    return [t, , o, r] = m(t, 0, s, i, r), a.call(
+  insertText(t, e, s, i, o) {
+    let r;
+    return [t, , r, o] = f(t, 0, s, i, o), a.call(
       this,
-      () => this.editor.insertText(t, e, o),
-      r,
+      () => this.editor.insertText(t, e, r),
+      o,
       t,
       e.length
     );
@@ -279,17 +305,20 @@ class f {
   isEnabled() {
     return this.scroll.isEnabled();
   }
-  off(...t) {
-    return this.emitter.off(...t);
-  }
   on(...t) {
     return this.emitter.on(...t);
   }
   once(...t) {
     return this.emitter.once(...t);
   }
+  off(...t) {
+    return this.emitter.off(...t);
+  }
+  offAll() {
+    return this.emitter.offAll();
+  }
   removeFormat(t, e, s) {
-    return [t, e, , s] = m(t, e, s), a.call(
+    return [t, e, , s] = f(t, e, s), a.call(
       this,
       () => this.editor.removeFormat(t, e),
       s,
@@ -297,7 +326,7 @@ class f {
     );
   }
   scrollRectIntoView(t, e = {}) {
-    q(this.root, t, e);
+    J(this.root, t, e);
   }
   /**
    * @deprecated Use Rich#scrollSelectionIntoView() instead.
@@ -320,14 +349,14 @@ class f {
       this,
       () => {
         t = new g(t);
-        const s = this.getLength(), i = this.editor.deleteText(0, s), r = this.editor.insertContents(0, t), o = this.editor.deleteText(this.getLength() - 1, 1);
-        return i.compose(r).compose(o);
+        const s = this.getLength(), i = this.editor.deleteText(0, s), o = this.editor.insertContents(0, t), r = this.editor.deleteText(this.getLength() - 1, 1);
+        return i.compose(o).compose(r);
       },
       e
     );
   }
   setSelection(t, e, s) {
-    t == null ? this.selection.setRange(null, e || f.sources.API) : ([t, e, , s] = m(t, e, s), this.selection.setRange(new $(Math.max(0, t), e), s), s !== l.sources.SILENT && this.scrollSelectionIntoView());
+    t == null ? this.selection.setRange(null, e || d.sources.API) : ([t, e, , s] = f(t, e, s), this.selection.setRange(new B(Math.max(0, t), e), s), s !== l.sources.SILENT && this.scrollSelectionIntoView());
   }
   setText(t, e = l.sources.API) {
     const s = new g().insert(t);
@@ -345,11 +374,22 @@ class f {
       !0
     );
   }
+  destroy() {
+    this.scroll && this.scroll.destroy(), this.editor && this.editor.destroy(), this.selection && this.selection.destroy(), this.composition && this.composition.destroy(), this.theme && this.theme.destroy(), this.keyboard && this.keyboard.destroy(), this.clipboard && this.clipboard.destroy(), this.history && this.history.destroy(), this.uploader && this.uploader.destroy(), this.options.readOnly, this.emitter.off(l.events.EDITOR_CHANGE, this.editorChange), this.emitter.off(l.events.SCROLL_UPDATE, this.scrollUpdate), this.emitter.off(
+      l.events.SCROLL_EMBED_UPDATE,
+      this.scrollEmbedUpdate
+    ), this.emitter.destroy(), this.offAll(), setTimeout(() => {
+      const t = document.querySelectorAll(
+        `.${p}-container`
+      );
+      Array.from(t).length || M();
+    }, 27), R.delete(this.container);
+  }
 }
-function O(n) {
-  return R(n) ? document.querySelector(n) : n;
+function U(n) {
+  return w(n) ? document.querySelector(n) : n;
 }
-function I(n) {
+function C(n) {
   return Object.entries(n ?? {}).reduce(
     (t, [e, s]) => ({
       ...t,
@@ -363,79 +403,79 @@ function D(n) {
     Object.entries(n).filter((t) => t[1] !== void 0)
   );
 }
-function W(n, t) {
-  const e = O(n);
+function et(n, t) {
+  const e = U(n);
   if (!e)
     throw new Error("Invalid Rich container");
-  const i = !t.theme || t.theme === f.DEFAULTS.theme ? B : f.import(`themes/${t.theme}`);
-  if (!i)
-    throw new Error(`Invalid theme ${t.theme}. Did you register it?`);
-  const { modules: r, ...o } = f.DEFAULTS, { modules: h, ...d } = i.DEFAULTS;
-  let c = I(t.modules);
+  const i = !t.theme || t.theme === d.DEFAULTS.theme ? d.import("themes/default") ?? F : d.import(`themes/${t.theme}`);
+  if (!i) throw new Error(`Invalid theme ${t.theme}. Did you register it?`);
+  const { modules: o, ...r } = d.DEFAULTS, { modules: h, ...m } = i.DEFAULTS;
+  o.clipboard = o.uploader = o.history = o.keyboard = !t.readOnly;
+  let c = C(t.modules);
   c != null && c.toolbar && c.toolbar.constructor !== Object && (c = {
     ...c,
     toolbar: { container: c.toolbar }
   });
-  const E = M(
+  const y = v(
     {},
-    I(r),
-    I(h),
+    C(o),
+    C(h),
     c
-  ), p = {
-    ...o,
-    ...D(d),
+  ), b = {
+    ...r,
+    ...D(m),
     ...D(t)
   };
   let T = t.registry;
-  return T ? t.formats && w.warn('Ignoring "formats" option because "registry" is specified') : T = t.formats ? G(t.formats, p.registry, w) : p.registry, {
-    ...p,
+  return T ? t.formats && E.warn('Ignoring "formats" option because "registry" is specified') : T = t.formats ? W(t.formats, b.registry, E) : b.registry, {
+    ...b,
     registry: T,
     container: e,
     theme: i,
-    modules: Object.entries(E).reduce(
-      (S, [y, C]) => {
-        if (!C) return S;
-        const A = f.import(`modules/${y}`);
-        return A == null ? (w.error(
-          `Cannot load ${y} module. Are you sure you registered it?`
+    modules: Object.entries(y).reduce(
+      (S, [A, I]) => {
+        if (!I) return S;
+        const O = d.import(`modules/${A}`);
+        return O == null ? (E.error(
+          `Cannot load ${A} module. Are you sure you registered it?`
         ), S) : {
           ...S,
-          [y]: M({}, A.DEFAULTS || {}, C)
+          [A]: v({}, O.DEFAULTS || {}, I)
         };
       },
       {}
     ),
-    bounds: O(p.bounds)
+    bounds: U(b.bounds)
   };
 }
 function a(n, t, e, s) {
   if (!this.isEnabled() && t === l.sources.USER && !this.allowReadOnlyEdits)
     return new g();
   let i = e == null ? null : this.getSelection();
-  const r = this.editor.delta, o = n();
-  if (i != null && (e === !0 && (e = i.index), s == null ? i = v(i, o, t) : s !== 0 && (i = v(i, e, s, t)), this.setSelection(i, l.sources.SILENT)), o.length() > 0) {
-    const h = [l.events.TEXT_CHANGE, o, r, t];
+  const o = this.editor.delta, r = n();
+  if (i != null && (e === !0 && (e = i.index), s == null ? i = N(i, r, t) : s !== 0 && (i = N(i, e, s, t)), this.setSelection(i, l.sources.SILENT)), r.length() > 0) {
+    const h = [l.events.TEXT_CHANGE, r, o, t];
     this.emitter.emit(l.events.EDITOR_CHANGE, ...h), t !== l.sources.SILENT && this.emitter.emit(...h);
   }
-  return o;
+  return r;
 }
-function m(n, t, e, s, i) {
-  let r = {};
-  return u(n.index) && u(n.length) ? u(t) ? (t = n.length, n = n.index) : (i = s, s = e, e = t, t = n.length, n = n.index) : u(t) || (i = s, s = e, e = t, t = 0), V(e) ? (r = e, i = s) : R(e) && (s != null ? r[e] = s : i = e), i = i || l.sources.API, [n, t, r, i];
+function f(n, t, e, s, i) {
+  let o = {};
+  return u(n.index) && u(n.length) ? u(t) ? (t = n.length, n = n.index) : (i = s, s = e, e = t, t = n.length, n = n.index) : u(t) || (i = s, s = e, e = t, t = 0), j(e) ? (o = e, i = s) : w(e) && (s != null ? o[e] = s : i = e), i = i || l.sources.API, [n, t, o, i];
 }
-function v(n, t, e, s) {
+function N(n, t, e, s) {
   const i = u(e) ? e : 0;
   if (n == null) return null;
-  let r, o;
-  return t && F(t.transformPosition) ? [r, o] = [n.index, n.index + n.length].map(
+  let o, r;
+  return t && $(t.transformPosition) ? [o, r] = [n.index, n.index + n.length].map(
     (h) => t.transformPosition(h, s !== l.sources.USER)
-  ) : [r, o] = [n.index, n.index + n.length].map((h) => h < t || h === t && s === l.sources.USER ? h : i >= 0 ? h + i : Math.max(t, h + i)), new $(r, o - r);
+  ) : [o, r] = [n.index, n.index + n.length].map((h) => h < t || h === t && s === l.sources.USER ? h : i >= 0 ? h + i : Math.max(t, h + i)), new B(o, r - o);
 }
 export {
-  H as Parchment,
-  $ as Range,
-  f as default,
-  W as expandConfig,
+  G as Parchment,
+  B as Range,
+  d as default,
+  et as expandConfig,
   L as globalRegistry,
-  m as overload
+  f as overload
 };