@unicom-cloud/ui 0.8.133 → 0.8.134

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

@@ -1,27 +1,27 @@
-/* 2025-12-30 17:27:22 */
-import M from "lodash/merge";
-import k from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isString as y, isBoolean as _, isFunction as F, isNumber as u, isObjectLike as j } from "@unicom-cloud/ui-common/utils/is";
-import { RICH_TEXT_CLASS_NAME_PREFIX as g } from "../../constant.js";
-import p from "../delta/index.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 G from "../parchment/index.js";
 import q from "./composition.js";
 import X from "./editor.js";
 import l from "./emitter.js";
-import U from "./logger.js";
+import P from "./logger.js";
 import z from "./module.js";
 import K, { Range as B } from "./selection.js";
-import P from "./theme.js";
+import F from "./theme.js";
 import W from "./utils/createRegistryWithFormats.js";
 import J from "./utils/scrollRectIntoView.js";
-import Q from "../parchment/blot/abstract/parent.js";
+import Q from "../parchment/blot/scroll.js";
 import Y from "../parchment/registry.js";
-import Z from "../parchment/blot/scroll.js";
-import x from "../parchment/scope.js";
-const E = U("rich"), R = /* @__PURE__ */ new WeakMap(), V = ["selectionchange", "mousedown", "mouseup", "click"];
-function H(...n) {
+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(
-    `.${g}-container`
+    `.${p}-container`
   );
   Array.from(t).forEach((e) => {
     const s = R.get(e);
@@ -30,17 +30,70 @@ function H(...n) {
 }
 function tt() {
   V.forEach((n) => {
-    document.addEventListener(n, H);
+    document.addEventListener(n, k);
   });
 }
-function N() {
+function M() {
   V.forEach((n) => {
-    document.removeEventListener(n, H);
+    document.removeEventListener(n, k);
   });
 }
 const L = new Y();
-Q.uiClass = `${g}-ui`;
-class f {
+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,
@@ -64,84 +117,34 @@ class f {
   }
   static {
     this.imports = {
-      delta: p,
+      delta: g,
       parchment: G,
       "core/module": z,
-      "core/theme": P
+      "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 R.get(t) || L.find(t, e);
   }
   static import(t) {
-    return this.imports[t] == null && E.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 (y(t[0])) {
+    if (w(t[0])) {
       const e = t[0], s = t[1], i = !!t[2];
-      this.imports[e] != null && !i && E.warn(`Overwriting ${e} with`, s), this.imports[e] = s, ["blots/", "formats/"].some((r) => e.startsWith(r)) && s && !_(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;
-      y(i) ? this.register(`formats/${i}`, e, s) : Object.entries(e).forEach(([r, o], c, d) => {
-        this.register(r, o, s);
-      });
-    }
-  }
-  constructor(t, e = {}) {
-    if (N(), tt(), this.elements = t, this.options = et(
-      k(this.elements.container),
-      e
-    ), this.container = this.options.container, this.container == null) {
-      E.error("Invalid Rich container", this.container);
-      return;
-    }
-    this.options.debug && f.debug(this.options.debug);
-    const s = this.container.innerHTML.trim();
-    this.container.classList.add(`${g}-container`), this.container.innerHTML = "", R.set(this.container, this), this.root = this.addContainer(`${g}-editor`), this.root.classList.add(`${g}-blank`), this.emitter = new l();
-    const i = Z.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 X(this.scroll), this.selection = new K(this.scroll, this.emitter), 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, (o) => {
-      o === l.events.TEXT_CHANGE && this.root.classList.toggle(
-        `${g}-blank`,
-        this.editor.isBlank()
-      );
-    }), this.emitter.on(l.events.SCROLL_UPDATE, (o, c) => {
-      const d = this.selection.lastRange, [h] = this.selection.getRange(), w = d && h ? { oldRange: d, newRange: h } : void 0;
-      a.call(
-        this,
-        () => this.editor.update(null, c, w),
-        o
-      );
-    }), this.emitter.on(l.events.SCROLL_EMBED_UPDATE, (o, c) => {
-      const d = this.selection.lastRange, [h] = this.selection.getRange(), w = d && h ? { oldRange: d, newRange: h } : void 0;
-      a.call(
-        this,
-        () => {
-          const b = new p().retain(o.offset(this)).retain({ [o.statics.blotName]: c });
-          return this.editor.update(b, [], w);
-        },
-        f.sources.USER
-      );
-    }), s) {
-      const o = this.clipboard.convert({
-        html: `${s}<p><br></p>`,
-        text: `
-`
+      w(i) ? this.register(`formats/${i}`, e, s) : Object.entries(e).forEach(([o, r], h, m) => {
+        this.register(o, r, s);
       });
-      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 (y(t)) {
+    if (w(t)) {
       const i = t;
       t = document.createElement("div"), t.classList.add(i);
     }
@@ -151,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,
@@ -169,7 +172,7 @@ class f {
   }
   enable(t = !0) {
     this.scroll.enable(t), this.container.classList.toggle(
-      `${g}-disabled`,
+      `${p}-disabled`,
       !t
     );
   }
@@ -180,54 +183,54 @@ class f {
     return a.call(
       this,
       () => {
-        const r = this.getSelection(!0);
-        let o = new p();
-        if (r == null)
-          return o;
-        if (this.scroll.query(t, x.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
     );
@@ -246,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);
@@ -273,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),
@@ -289,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
     );
@@ -302,20 +305,20 @@ class f {
   isEnabled() {
     return this.scroll.isEnabled();
   }
-  off(...t) {
-    return this.emitter.off(...t);
-  }
-  offAll() {
-    return this.emitter.offAll();
-  }
   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,
@@ -345,18 +348,18 @@ class f {
     return a.call(
       this,
       () => {
-        t = new p(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);
+        t = new g(t);
+        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 B(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 p().insert(t);
+    const s = new g().insert(t);
     return this.setContents(s, e);
   }
   update(t = l.sources.USER) {
@@ -366,24 +369,27 @@ class f {
   updateContents(t, e = l.sources.API) {
     return a.call(
       this,
-      () => (t = new p(t), this.editor.applyDelta(t)),
+      () => (t = new g(t), this.editor.applyDelta(t)),
       e,
       !0
     );
   }
   destroy() {
-    this.emitter.destroy(), this.offAll(), setTimeout(() => {
+    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(
-        `.${g}-container`
+        `.${p}-container`
       );
-      Array.from(t).length || N();
-    }, 27), R.delete(this.container), this.scroll.destroy(), this.composition.destroy(), this.theme.destroy();
+      Array.from(t).length || M();
+    }, 27), R.delete(this.container);
   }
 }
-function O(n) {
-  return y(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,
@@ -398,78 +404,78 @@ function D(n) {
   );
 }
 function et(n, t) {
-  const e = O(n);
+  const e = U(n);
   if (!e)
     throw new Error("Invalid Rich container");
-  const i = !t.theme || t.theme === f.DEFAULTS.theme ? P : 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: c, ...d } = i.DEFAULTS;
-  let h = I(t.modules);
-  h != null && h.toolbar && h.toolbar.constructor !== Object && (h = {
-    ...h,
-    toolbar: { container: h.toolbar }
+  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 w = M(
+  const y = v(
     {},
-    I(r),
-    I(c),
-    h
+    C(o),
+    C(h),
+    c
   ), b = {
-    ...o,
-    ...D(d),
+    ...r,
+    ...D(m),
     ...D(t)
   };
-  let S = t.registry;
-  return S ? t.formats && E.warn('Ignoring "formats" option because "registry" is specified') : S = t.formats ? W(t.formats, b.registry, E) : b.registry, {
+  let T = t.registry;
+  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: S,
+    registry: T,
     container: e,
     theme: i,
-    modules: Object.entries(w).reduce(
-      (T, [A, C]) => {
-        if (!C) return T;
-        const v = f.import(`modules/${A}`);
-        return v == null ? (E.error(
+    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?`
-        ), T) : {
-          ...T,
-          [A]: M({}, v.DEFAULTS || {}, C)
+        ), S) : {
+          ...S,
+          [A]: v({}, O.DEFAULTS || {}, I)
         };
       },
       {}
     ),
-    bounds: O(b.bounds)
+    bounds: U(b.bounds)
   };
 }
 function a(n, t, e, s) {
   if (!this.isEnabled() && t === l.sources.USER && !this.allowReadOnlyEdits)
-    return new p();
+    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 = $(i, o, t) : s !== 0 && (i = $(i, e, s, t)), this.setSelection(i, l.sources.SILENT)), o.length() > 0) {
-    const c = [l.events.TEXT_CHANGE, o, r, t];
-    this.emitter.emit(l.events.EDITOR_CHANGE, ...c), t !== l.sources.SILENT && this.emitter.emit(...c);
+  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), j(e) ? (r = e, i = s) : y(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 $(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(
-    (c) => t.transformPosition(c, s !== l.sources.USER)
-  ) : [r, o] = [n.index, n.index + n.length].map((c) => c < t || c === t && s === l.sources.USER ? c : i >= 0 ? c + i : Math.max(t, c + i)), new B(r, o - r);
+  let o, r;
+  return t && $(t.transformPosition) ? [o, r] = [n.index, n.index + n.length].map(
+    (h) => t.transformPosition(h, s !== l.sources.USER)
+  ) : [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 {
   G as Parchment,
   B as Range,
-  f as default,
+  d as default,
   et as expandConfig,
   L as globalRegistry,
-  m as overload
+  f as overload
 };