@unicom-cloud/ui 0.8.132 → 0.8.134

package/rich-text/index.js

@@ -1,192 +1,442 @@
-/* 2025-12-23 17:18:07 */
-import { jsx as z } from "react/jsx-runtime";
-import G from "lodash/defaultsDeep";
-import { forwardRef as D, useContext as L, useRef as b, useEffect as g, useImperativeHandle as M } from "react";
-import "../config-provider/ConfigProvider.js";
-import F from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import X from "@unicom-cloud/ui-common/utils/className";
-import { isString as $, isFunction as j } from "@unicom-cloud/ui-common/utils/is";
+/* 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 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 ge } from "@unicom-cloud/ui-common/utils/dom";
+import "lodash/merge";
+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 q from "./lib/formats/image-resize/index.js";
-import B from "./lib/formats/lineHeight.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 t from "./lib/core/rich.js";
-import K from "../config-provider/context.js";
-import { default as de } from "./lib/delta/index.js";
-import { default as he } from "./lib/core/module.js";
-import { default as Ee } from "./lib/delta/OpIterator.js";
-import { default as Re } from "./lib/delta/AttributeMap.js";
-import { default as ve } from "./lib/delta/Op.js";
-import * as ue from "./lib/parchment/index.js";
-import { Range as be } from "./lib/core/selection.js";
-t.import("delta");
-const Q = {}, V = t.import("attributors/style/size"), h = t.import("formats/font");
-h.whitelist = [
-  "serif",
-  "monospace",
-  "pingfang-sc",
-  // 苹方
-  "microsoft-yahei",
-  // 微软雅黑
-  "simhei",
-  // 黑体
-  "simsun",
-  // 宋体
-  "kaiti",
-  // 楷体
-  "fangsong"
-  // 仿宋
-];
-t.register(h, !0);
-t.register("modules/imageResize", q);
-function J(s, N) {
-  const { getPrefixCls: H, renderEmpty: U, componentConfig: O, rtl: P } = L(K), r = F(
-    s,
-    Q,
-    O?.RichText
-  ), f = H?.("rich-text"), {
-    style: _,
-    className: w,
-    defaultValue: S,
-    value: I,
-    readOnly: i,
-    options: A,
-    ...W
-  } = r, E = "readOnly" in r, u = I || S, m = b(void 0), e = b(void 0);
-  function p(n) {
-    const l = e.current.getSelection();
-    e.current.setContents(n ?? u), l && e.current.setSelection(l);
+import r from "./lib/core/rich.js";
+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);
+    },
+    onEnter() {
+      g.current.setIsFullscreen(!0);
+    }
+  });
+  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 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 g(() => {
-    const n = m.current, l = n.appendChild(
-      n.ownerDocument.createElement("div")
-    ), k = i ? { readOnly: !0 } : {
-      theme: "pqb",
+  L(() => {
+    b.current;
+    let a;
+    p ? a = { readOnly: !0 } : a = {
+      theme: "default",
+      readOnly: !1,
       modules: {
         // syntax: true,
-        // toolbar: refRichTextToolbarDom.current,
         toolbar: {
+          custom: !0,
           container: [
-            [
-              { font: [!1, ...h.whitelist] },
-              // { size: [false, 'small', 'large', 'huge'] },
-              { size: [!1, ...V.whitelist] },
-              { "line-height": [!1, ...B.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",
-              !1,
-              !1,
-              "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: {
-            // table() {},
+            [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);
+            },
+            [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
+                );
+              }
+            },
+            [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);
+            },
+            // [ListItemOl.blotName](value) {
+            //   rich.format(ListItemOl.blotName, value, Rich.sources.USER);
+            // },
+            // [ListItemUl.blotName](value) {
+            //   rich.format(ListItemUl.blotName, value, Rich.sources.USER);
+            // },
+            // [TableBlock.blotName]() {},
+            [Ce.blotName]() {
+              i.current;
+            },
+            [v.blotName]() {
+              i.current && E({ modal: { visible: !0, type: v.blotName } });
+            },
+            [T.blotName]() {
+              E({ modal: { visible: !0, type: T.blotName } });
+            },
+            [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 }
+              });
+            },
+            [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
+              );
+            },
+            [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
+              );
+            },
+            [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: "请输入富文本内容"
-    };
-    e.current = new t(
-      l,
-      G(A, k)
-    ), console.log("new Rich", e.current);
-    function x(o, v, d) {
-      if (d === "user") {
-        let a = e.current.getContents(), c = e.current.getText();
-        $(c) && (c = c.trim());
-        const y = r.onChangeCallback;
-        j(y) && (a = y(a) ?? a), r.onChange?.(
-          c ? a : void 0,
-          e,
-          e.current,
-          o,
-          v,
-          d
-        ), r.onTextChange?.(o, v, d);
+    }, i.current = new r(
+      {
+        root: b.current,
+        toolbar: g.current,
+        container: O.current
+      },
+      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 R(...o) {
-      r.onSelectionChange?.(...o);
+    function u(...e) {
+      g.current.setSelection(...e), h.onSelectionChange?.(...e);
     }
-    function T(...o) {
-      r.onEditorChange?.(...o);
+    function l(...e) {
+      se(...e), h.onEditorChange?.(...e);
     }
-    return p(), i || (e.current.on(t.events.TEXT_CHANGE, x), e.current.on(t.events.SELECTION_CHANGE, R), e.current.on(t.events.EDITOR_CHANGE, T)), () => {
-      e.current.off(t.events.TEXT_CHANGE, x), e.current.off(t.events.SELECTION_CHANGE, R), e.current.off(t.events.EDITOR_CHANGE, T), e.current = null, n.innerHTML = "";
+    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();
     };
-  }, []), g(() => {
-    E && e.current.enable(!i);
-  }, [E, i]), g(() => (p(u), () => {
-  }), [u]), M(N, () => ({
+  }, [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: p,
-    Rich: t,
+    setContents: H,
+    Rich: r,
     getRootElement() {
-      return m.current;
+      return b.current;
     }
-  })), /* @__PURE__ */ z(
-    "div",
-    {
-      ref: m,
-      style: _,
-      className: X(
-        f,
-        w,
-        { [`${f}-rtl`]: P },
-        i && `${f}-read-only`
+  }));
+  function $(a) {
+    return /* @__PURE__ */ C(ie, { children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: b,
+        style: W,
+        className: D(
+          N,
+          Y,
+          { [`${N}-rtl`]: J },
+          p && `${N}-read-only`,
+          re && `${N}-bordered`
+        ),
+        children: [
+          a,
+          /* @__PURE__ */ C(
+            "div",
+            {
+              ref: O,
+              className: D(`${N}-container`)
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  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
+        },
+        ...n
+      },
+      Modal: {
+        ...n,
+        getChildrenPopupContainer: a
+      },
+      Select: {
+        triggerProps: {
+          className: `${F}-trigger-select`,
+          ...n
+        },
+        ...n
+      },
+      Tooltip: {
+        triggerProps: {
+          ...n
+        },
+        ...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);
+              }
+            }
+          },
+          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 C = D(J);
-Reflect.ownKeys(t).forEach((s) => {
-  C[s] = t[s];
+const _ = ce(ye);
+Reflect.ownKeys(r).forEach((R) => {
+  _[R] = r[R];
 });
-C.displayName = "RichText";
-C.__PQB_RICH_TEXT = !0;
+_.displayName = "RichText";
+_.___PQB_RICH_TEXT___ = !0;
 export {
-  Re as AttributeMap,
-  de as Delta,
-  he as Module,
-  ve as Op,
-  Ee as OpIterator,
-  ue as Parchment,
-  be as Range,
-  t as Rich,
-  C as default
+  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,
+  _ as RichText,
+  _ as default
 };

package/rich-text/lib/blots/block.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import { isFunction as g } from "@unicom-cloud/ui-common/utils/is";
 import d from "../delta/index.js";
 import "../parchment/blot/abstract/container.js";

package/rich-text/lib/blots/break.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";
 import "../parchment/blot/abstract/parent.js";

package/rich-text/lib/blots/container.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import t from "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";
 import "../parchment/blot/abstract/parent.js";

package/rich-text/lib/blots/cursor.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import { RICH_TEXT_CLASS_NAME_PREFIX as f } from "../../constant.js";
 import "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";

package/rich-text/lib/blots/embed.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";
 import "../parchment/blot/abstract/parent.js";

package/rich-text/lib/blots/inline.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";
 import "../parchment/blot/abstract/parent.js";