@unicom-cloud/ui 0.8.131 → 0.8.133

package/rich-text/lib/themes/pqb.js

@@ -1,119 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import m from "lodash/merge";
-import { RICH_TEXT_CLASS_NAME_PREFIX as i } from "../../constant.js";
-import n from "../core/emitter.js";
-import f from "../core/rich.js";
-import { Range as p } from "../core/selection.js";
-import h from "../formats/link.js";
-import c from "../ui/icons.js";
-import d, { BaseTooltip as k } from "./base.js";
-const g = [
-  [{ header: ["1", "2", "3", !1] }],
-  ["bold", "italic", "underline", "link"],
-  [
-    { list: "ordered" },
-    { list: "bullet" }
-    // 'li-ol',
-    // 'li-ul',
-  ],
-  ["clean"]
-];
-class x extends k {
-  constructor() {
-    super(...arguments), this.preview = this.root.querySelector(`a.${i}-preview`);
-  }
-  static {
-    this.TEMPLATE = [
-      `<a class="${i}-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>`,
-      '<input type="text" data-formula="a^2+b^2=c^2" data-link="https://xxx.com" data-video="https://xxx.com/xxx.mp4">',
-      `<a class="${i}-action"></a>`,
-      `<a class="${i}-remove"></a>`
-    ].join("");
-  }
-  listen() {
-    super.listen(), this.root.querySelector(`a.${i}-action`).addEventListener("click", (e) => {
-      this.root.classList.contains(`${i}-editing`) ? this.save() : this.edit("link", this.preview.textContent), e.preventDefault();
-    }), this.root.querySelector(`a.${i}-remove`).addEventListener("click", (e) => {
-      if (this.linkRange != null) {
-        const t = this.linkRange;
-        this.restoreFocus(), this.rich.formatText(t, "link", !1, n.sources.USER), delete this.linkRange;
-      }
-      e.preventDefault(), this.hide();
-    }), this.rich.on(n.events.SELECTION_CHANGE, (e, t, o) => {
-      if (e != null) {
-        if (e.length === 0 && o === n.sources.USER) {
-          const [s, u] = this.rich.scroll.descendant(
-            h,
-            e.index
-          );
-          if (s != null) {
-            this.linkRange = new p(e.index - u, s.length());
-            const l = h.formats(s.domNode);
-            this.preview.textContent = l, this.preview.setAttribute("href", l), this.show();
-            const a = this.rich.getBounds(this.linkRange);
-            a != null && this.position(a);
-            return;
-          }
-        } else
-          delete this.linkRange;
-        this.hide();
-      }
-    });
-  }
-  show() {
-    super.show(), this.root.removeAttribute("data-mode");
-  }
-}
-class b extends d {
-  constructor(e, t) {
-    t.modules.toolbar != null && t.modules.toolbar.container == null && (t.modules.toolbar.container = g), super(e, t);
-  }
-  extendToolbar(e) {
-    super.extendToolbar(e);
-    const t = e.container;
-    t && (this.buildButtons(t.querySelectorAll("button"), c), this.buildPickers(t.querySelectorAll("select"), c), this.tooltip = new x(this.rich, this.options.bounds), t.querySelector(`.${i}-link`) && this.rich.keyboard.addBinding(
-      { key: "k", shortKey: !0 },
-      (o, s) => {
-        e.handlers.link.call(e, !s.format.link);
-      }
-    ));
-  }
-}
-b.DEFAULTS = m({}, d.DEFAULTS, {
-  modules: {
-    toolbar: {
-      handlers: {
-        link(r) {
-          if (r) {
-            const e = this.rich.getSelection();
-            if (e == null || e.length === 0)
-              return;
-            let t = this.rich.getText(e);
-            /^\S+@\S+\.\S+$/.test(t) && t.indexOf("mailto:") !== 0 && (t = `mailto:${t}`);
-            const { tooltip: o } = this.rich.theme;
-            o.edit("link", t);
-          } else
-            this.rich.format("link", !1, f.sources.USER);
-        },
-        hr(r, e) {
-          const t = this.rich.getSelection(!0);
-          t && this.rich.insertEmbed(
-            t.index,
-            "hr",
-            r === "dashed" ? {
-              borderStyle: "dashed"
-            } : {},
-            "user"
-          );
-        },
-        fullscreen(r) {
-          const e = `${i}-fullscreen`;
-          this.rich.container.parentElement.classList.toggle(e);
-        }
-      }
-    }
-  }
-});
-export {
-  b as default
-};

package/rich-text/lib/ui/color-picker.js

@@ -1,28 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import { RICH_TEXT_CLASS_NAME_PREFIX as l } from "../../constant.js";
-import o from "./picker.js";
-class u extends o {
-  constructor(e, t) {
-    super(e), this.label.innerHTML = t, this.container.classList.add(`${l}-color-picker`), Array.from(
-      this.container.querySelectorAll(
-        `.${l}-picker-item`
-      )
-    ).slice(0, 7).forEach((r) => {
-      r.classList.add(`${l}-primary`);
-    });
-  }
-  buildItem(e) {
-    const t = super.buildItem(e);
-    return t.style.backgroundColor = e.getAttribute("value") || "", t;
-  }
-  selectItem(e, t) {
-    super.selectItem(e, t);
-    const r = this.label.querySelector(
-      `.${l}-color-label`
-    ), s = e && e.getAttribute("data-value") || "";
-    r && (r.tagName === "line" ? r.style.stroke = s : r.style.fill = s);
-  }
-}
-export {
-  u as default
-};

package/rich-text/lib/ui/icon-picker.js

@@ -1,27 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import { RICH_TEXT_CLASS_NAME_PREFIX as i } from "../../constant.js";
-import s from "./picker.js";
-class a extends s {
-  constructor(t, r) {
-    super(t), this.container.classList.add(`${i}-icon-picker`), Array.from(
-      this.container.querySelectorAll(
-        `.${i}-picker-item`
-      )
-    ).forEach((e) => {
-      e.innerHTML = r[e.getAttribute("data-value") || ""];
-    }), this.defaultItem = this.container.querySelector(
-      `.${i}-selected`
-    ), this.selectItem(this.defaultItem);
-  }
-  selectItem(t, r) {
-    super.selectItem(t, r);
-    const e = t || this.defaultItem;
-    if (e != null) {
-      if (this.label.innerHTML === e.innerHTML) return;
-      this.label.innerHTML = e.innerHTML;
-    }
-  }
-}
-export {
-  a as default
-};

package/rich-text/lib/ui/icons.js

@@ -1,100 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import r from "../assets/icons/align-center.svg.js";
-import i from "../assets/icons/align-justify.svg.js";
-import m from "../assets/icons/align-left.svg.js";
-import t from "../assets/icons/align-right.svg.js";
-import n from "../assets/icons/background.svg.js";
-import e from "../assets/icons/blockquote.svg.js";
-import c from "../assets/icons/bold.svg.js";
-import f from "../assets/icons/clean.svg.js";
-import o from "../assets/icons/code.svg.js";
-import p from "../assets/icons/color.svg.js";
-import l from "../assets/icons/direction-ltr.svg.js";
-import I from "../assets/icons/direction-rtl.svg.js";
-import d from "../assets/icons/divider.svg.js";
-import a from "../assets/icons/formula.svg.js";
-import u from "../assets/icons/fullscreen-exit.svg.js";
-import s from "../assets/icons/fullscreen.svg.js";
-import g from "../assets/icons/header-2.svg.js";
-import b from "../assets/icons/header-3.svg.js";
-import h from "../assets/icons/header-4.svg.js";
-import k from "../assets/icons/header-5.svg.js";
-import v from "../assets/icons/header-6.svg.js";
-import x from "../assets/icons/header.svg.js";
-import L from "../assets/icons/image.svg.js";
-import R from "../assets/icons/indent.svg.js";
-import q from "../assets/icons/italic.svg.js";
-import y from "../assets/icons/link.svg.js";
-import T from "../assets/icons/list-bullet.svg.js";
-import j from "../assets/icons/list-ordered.svg.js";
-import B from "../assets/icons/outdent.svg.js";
-import C from "../assets/icons/redo.svg.js";
-import E from "../assets/icons/strike.svg.js";
-import J from "../assets/icons/subscript.svg.js";
-import O from "../assets/icons/superscript.svg.js";
-import w from "../assets/icons/table.svg.js";
-import z from "../assets/icons/underline.svg.js";
-import A from "../assets/icons/undo.svg.js";
-import D from "../assets/icons/video.svg.js";
-const xo = {
-  align: {
-    "": m,
-    // left: alignLeftIcon,
-    center: r,
-    right: t,
-    justify: i
-  },
-  background: n,
-  blockquote: e,
-  bold: c,
-  clean: f,
-  code: o,
-  "code-block": o,
-  color: p,
-  direction: {
-    "": l,
-    // ltr: directionLeftToRightIcon,
-    rtl: I
-  },
-  formula: a,
-  header: {
-    1: x,
-    2: g,
-    3: b,
-    4: h,
-    5: k,
-    6: v
-  },
-  italic: q,
-  image: L,
-  indent: {
-    "+1": R,
-    "-1": B
-  },
-  link: y,
-  list: {
-    bullet: T,
-    // check: listCheckIcon,
-    ordered: j
-  },
-  // 'li-ol': listOrderedIcon,
-  // 'li-ul': listBulletIcon,
-  script: {
-    sub: J,
-    super: O
-  },
-  strike: E,
-  table: w,
-  underline: z,
-  video: D,
-  redo: C,
-  undo: A,
-  hr: d,
-  fullscreen: {
-    "": s,
-    exit: u
-  }
-};
-export {
-  xo as default
-};

package/rich-text/lib/ui/picker.js

@@ -1,101 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import { RICH_TEXT_CLASS_NAME_PREFIX as s } from "../../constant.js";
-import o from "../assets/icons/dropdown.svg.js";
-let n = 0;
-function r(a, e) {
-  a.setAttribute(
-    e,
-    `${a.getAttribute(e) !== "true"}`
-  );
-}
-class u {
-  constructor(e) {
-    this.select = e, this.container = document.createElement("span"), this.buildPicker(), this.select.style.display = "none", this.select.parentNode.insertBefore(this.container, this.select), this.label.addEventListener("mousedown", () => {
-      this.togglePicker();
-    }), this.label.addEventListener("keydown", (t) => {
-      switch (t.key) {
-        case "Enter":
-          this.togglePicker();
-          break;
-        case "Escape":
-          this.escape(), t.preventDefault();
-          break;
-      }
-    }), this.select.addEventListener("change", this.update.bind(this));
-  }
-  togglePicker() {
-    if (this.container.classList.toggle(`${s}-expanded`), r(this.label, "aria-expanded"), r(this.options, "aria-hidden"), this.container.classList.contains(
-      `${s}-expanded`
-    )) {
-      const e = this.label.getBoundingClientRect();
-      this.options.style.top = `${e.top + (this.label.offsetHeight ?? e.height)}px`, this.options.style.left = `${e.left}px`;
-    }
-  }
-  buildItem(e) {
-    const t = document.createElement("span");
-    t.tabIndex = 0, t.setAttribute("role", "button"), t.classList.add(`${s}-picker-item`);
-    const i = e.getAttribute("value");
-    return i && t.setAttribute("data-value", i), e.textContent && t.setAttribute("data-label", e.textContent), t.addEventListener("click", () => {
-      this.selectItem(t, !0);
-    }), t.addEventListener("keydown", (l) => {
-      switch (l.key) {
-        case "Enter":
-          this.selectItem(t, !0), l.preventDefault();
-          break;
-        case "Escape":
-          this.escape(), l.preventDefault();
-          break;
-      }
-    }), t;
-  }
-  buildLabel() {
-    const e = document.createElement("span");
-    return e.classList.add(`${s}-picker-label`), e.innerHTML = o, e.tabIndex = 0, e.setAttribute("role", "button"), e.setAttribute("aria-expanded", "false"), this.container.appendChild(e), e;
-  }
-  buildOptions() {
-    const e = document.createElement("span");
-    e.classList.add(
-      `${s}-picker-options`
-    ), e.setAttribute("aria-hidden", "true"), e.tabIndex = -1, e.id = `${s}-picker-options-${n}`, n += 1, this.label.setAttribute("aria-controls", e.id), this.options = e, Array.from(this.select.options).forEach((t) => {
-      const i = this.buildItem(t);
-      e.appendChild(i), t.selected === !0 && this.selectItem(i);
-    }), this.container.appendChild(e);
-  }
-  buildPicker() {
-    Array.from(this.select.attributes).forEach((e) => {
-      this.container.setAttribute(e.name, e.value);
-    }), this.container.classList.add(`${s}-picker`), this.label = this.buildLabel(), this.buildOptions();
-  }
-  escape() {
-    this.close(), setTimeout(() => this.label.focus(), 1);
-  }
-  close() {
-    this.container.classList.remove(`${s}-expanded`), this.label.setAttribute("aria-expanded", "false"), this.options.setAttribute("aria-hidden", "true");
-  }
-  selectItem(e, t = !1) {
-    const i = this.container.querySelector(
-      `.${s}-selected`
-    );
-    e !== i && (i?.classList.remove(`${s}-selected`), e != null && (e.classList.add(`${s}-selected`), this.select.selectedIndex = Array.from(e.parentNode.children).indexOf(
-      e
-    ), e.hasAttribute("data-value") ? this.label.setAttribute("data-value", e.getAttribute("data-value")) : this.label.removeAttribute("data-value"), e.hasAttribute("data-label") ? this.label.setAttribute("data-label", e.getAttribute("data-label")) : this.label.removeAttribute("data-label"), t && (this.select.dispatchEvent(new Event("change")), this.close())));
-  }
-  update() {
-    let e;
-    if (this.select.selectedIndex > -1) {
-      const c = this.container.querySelector(
-        `.${s}-picker-options`
-      ).children[this.select.selectedIndex];
-      e = this.select.options[this.select.selectedIndex], this.selectItem(c);
-    } else
-      this.selectItem(null);
-    const t = e != null && e !== this.select.querySelector("option[selected]");
-    this.label.classList.toggle(
-      `${s}-active`,
-      t
-    );
-  }
-}
-export {
-  u as default
-};

package/rich-text/lib/ui/tooltip.js

@@ -1,41 +0,0 @@
-/* 2025-12-22 10:22:04 */
-import { RICH_TEXT_CLASS_NAME_PREFIX as s } from "../../constant.js";
-const p = (l) => {
-  const { overflowY: t } = getComputedStyle(l, null);
-  return t !== "visible" && t !== "clip";
-};
-class u {
-  static {
-    this.TEMPLATE = "";
-  }
-  constructor(t, n) {
-    this.rich = t, this.root = t.addContainer(
-      `${s}-tooltip`
-    ), this.root.innerHTML = this.constructor.TEMPLATE;
-    const o = getComputedStyle(this.root).position === "fixed";
-    this.boundsContainer = document.body, o ? this.boundsContainer = document.body : this.boundsContainer = n || this.boundsContainer, p(this.rich.root) && this.rich.root.addEventListener("scroll", () => {
-      this.root.style.marginTop = `${-1 * this.rich.root.scrollTop}px`;
-    }), this.hide();
-  }
-  hide() {
-    this.root.classList.add(`${s}-hidden`);
-  }
-  position(t) {
-    const n = this.rich.container.getBoundingClientRect(), o = this.boundsContainer.getBoundingClientRect(), i = this.root.getBoundingClientRect(), r = t.left + t.width / 2 - this.root.offsetWidth / 2 + n.left, h = t.bottom + this.rich.root.scrollTop + n.top;
-    this.root.style.left = `${r}px`, this.root.style.top = `${h}px`, this.root.classList.remove(`${s}-flip`);
-    let e = 0;
-    if (i.right > o.right && (e = o.right - i.right, this.root.style.left = `${r + e}px`), i.left < o.left && (e = o.left - i.left, this.root.style.left = `${r + e}px`), i.bottom > o.bottom) {
-      const d = i.bottom - i.top, c = t.bottom - t.top + d;
-      this.root.style.top = `${h - c}px`, this.root.classList.add(`${s}-flip`);
-    }
-    return e;
-  }
-  show() {
-    this.root.classList.remove(`${s}-editing`), this.root.classList.remove(`${s}-hidden`);
-  }
-  edit(t = "link", n = null) {
-  }
-}
-export {
-  u as default
-};

package/types/masonry/demo/fresh.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/types/rich-text/lib/core/instances.d.ts

@@ -1,3 +0,0 @@
-import type Rich from '../core.js';
-declare const _default: WeakMap<Node, Rich>;
-export default _default;

package/types/rich-text/lib/modules/syntax.d.ts

@@ -1,50 +0,0 @@
-import Inline from '../blots/inline.js';
-import Module from '../core/module.js';
-import Rich from '../core/rich.js';
-import Delta from '../delta/index.js';
-import CodeBlock, { CodeBlockContainer } from '../formats/code.js';
-import type { Blot, ScrollBlot } from '../parchment/index.js';
-declare class CodeToken extends Inline {
-    static formats(node: Element, scroll: ScrollBlot): any;
-    constructor(scroll: ScrollBlot, domNode: Node, value: unknown);
-    format(format: string, value: unknown): void;
-    optimize(...args: unknown[]): void;
-}
-declare class SyntaxCodeBlock extends CodeBlock {
-    static create(value: unknown): HTMLElement;
-    static formats(domNode: Node): any;
-    static register(): void;
-    format(name: string, value: unknown): void;
-    replaceWith(name: string | Blot, value?: any): Blot;
-}
-declare class SyntaxCodeBlockContainer extends CodeBlockContainer {
-    forceNext?: boolean;
-    cachedText?: string | null;
-    attach(): void;
-    format(name: string, value: unknown): void;
-    formatAt(index: number, length: number, name: string, value: unknown): void;
-    highlight(highlight: (text: string, language: string) => Delta, forced?: boolean): void;
-    html(index: number, length: number): string;
-    optimize(context: Record<string, any>): void;
-}
-interface SyntaxOptions {
-    interval: number;
-    languages: {
-        key: string;
-        label: string;
-    }[];
-    hljs: any;
-}
-declare class Syntax extends Module<SyntaxOptions> {
-    static DEFAULTS: SyntaxOptions & {
-        hljs: any;
-    };
-    static register(): void;
-    languages: Record<string, true>;
-    constructor(rich: Rich, options: Partial<SyntaxOptions>);
-    initListener(): void;
-    initTimer(): void;
-    highlight(blot?: SyntaxCodeBlockContainer | null, force?: boolean): void;
-    highlightBlot(text: string, language?: string): Delta;
-}
-export { SyntaxCodeBlock as CodeBlock, CodeToken, Syntax as default };

package/types/rich-text/lib/ui/color-picker.d.ts

@@ -1,7 +0,0 @@
-import Picker from './picker.js';
-declare class ColorPicker extends Picker {
-    constructor(select: HTMLSelectElement, label: string);
-    buildItem(option: HTMLOptionElement): HTMLSpanElement;
-    selectItem(item: HTMLElement | null, trigger?: boolean): void;
-}
-export default ColorPicker;

package/types/rich-text/lib/ui/icon-picker.d.ts

@@ -1,7 +0,0 @@
-import Picker from './picker.js';
-declare class IconPicker extends Picker {
-    defaultItem: HTMLElement | null;
-    constructor(select: HTMLSelectElement, icons: Record<string, string>);
-    selectItem(target: HTMLElement | null, trigger?: boolean): void;
-}
-export default IconPicker;

package/types/rich-text/lib/ui/icons.d.ts

@@ -1,55 +0,0 @@
-declare const _default: {
-    align: {
-        '': any;
-        center: any;
-        right: any;
-        justify: any;
-    };
-    background: any;
-    blockquote: any;
-    bold: any;
-    clean: any;
-    code: any;
-    'code-block': any;
-    color: any;
-    direction: {
-        '': any;
-        rtl: any;
-    };
-    formula: any;
-    header: {
-        1: any;
-        2: any;
-        3: any;
-        4: any;
-        5: any;
-        6: any;
-    };
-    italic: any;
-    image: any;
-    indent: {
-        '+1': any;
-        '-1': any;
-    };
-    link: any;
-    list: {
-        bullet: any;
-        ordered: any;
-    };
-    script: {
-        sub: any;
-        super: any;
-    };
-    strike: any;
-    table: any;
-    underline: any;
-    video: any;
-    redo: any;
-    undo: any;
-    hr: any;
-    fullscreen: {
-        '': any;
-        exit: any;
-    };
-};
-export default _default;

package/types/rich-text/lib/ui/picker.d.ts

@@ -1,17 +0,0 @@
-declare class Picker {
-    select: HTMLSelectElement;
-    container: HTMLElement;
-    options: HTMLElement;
-    label: HTMLElement;
-    constructor(select: HTMLSelectElement);
-    togglePicker(): void;
-    buildItem(option: HTMLOptionElement): HTMLSpanElement;
-    buildLabel(): HTMLSpanElement;
-    buildOptions(): void;
-    buildPicker(): void;
-    escape(): void;
-    close(): void;
-    selectItem(item: HTMLElement | null, trigger?: boolean): void;
-    update(): void;
-}
-export default Picker;