@unicom-cloud/ui 0.8.131 → 0.8.133

package/rich-text/index.js

@@ -1,27 +1,41 @@
-/* 2025-12-22 10:22:04 */
-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";
+/* 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";
+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 "@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 "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 "./lib/index.js";
-import q from "./lib/formats/image-resize/index.js";
-import B from "./lib/formats/lineHeight.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 "./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 = [
+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",
@@ -37,41 +51,116 @@ h.whitelist = [
   "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);
+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
+      }
+    },
+    Tooltip: {
+      triggerProps: {
+        ...c
+      },
+      ...c
+    },
+    Trigger: {
+      className: `${k}-trigger`,
+      ...c
+    },
+    TreeSelect: c
+  });
+  function T(s) {
+    const o = e.current.getSelection();
+    e.current.setContents(s ?? v), o && e.current.setSelection(o);
+  }
+  function V(...s) {
+    const o = e.current, [a] = e.current.selection.getRange(), u = a == null ? {} : o.getFormat(a);
+    h.current.setState({ ...u });
   }
-  return g(() => {
-    const n = m.current, l = n.appendChild(
-      n.ownerDocument.createElement("div")
-    ), k = i ? { readOnly: !0 } : {
+  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",
       modules: {
         // syntax: true,
-        // toolbar: refRichTextToolbarDom.current,
         toolbar: {
+          custom: !0,
           container: [
             [
-              { font: [!1, ...h.whitelist] },
+              { font: [!1, ..._.whitelist] },
               // { size: [false, 'small', 'large', 'huge'] },
-              { size: [!1, ...V.whitelist] },
-              { "line-height": [!1, ...B.whitelist] },
+              { size: [!1, ...pe.whitelist] },
+              { "line-height": [!1, ...ae.whitelist] },
               { header: [!1, 1, 2, 3, 4, 5, 6] }
             ],
             ["bold", "italic", "underline", "strike"],
@@ -94,20 +183,91 @@ function J(s, N) {
             ],
             [{ indent: "+1" }, { indent: "-1" }],
             [{ direction: "rtl" }],
-            [
-              "link",
-              "image",
-              "video",
-              !1,
-              !1,
-              "hr"
-            ].filter(Boolean),
+            ["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);
+            },
+            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,
+                  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);
+            },
+            // 'li-ol'(value) {
+            //   refRich.current.format('li-ol', value, Rich.sources.USER);
+            // },
+            // 'li-ul'(value) {
+            //   refRich.current.format('li-ul', value, Rich.sources.USER);
+            // },
+            redo() {
+              e.current.history.redo();
+            },
+            undo() {
+              e.current.history.undo();
+            },
             // table() {},
+            formula() {
+            },
+            image() {
+              g({ modal: { visible: !0, type: "image" } });
+            },
+            video() {
+              g({ modal: { visible: !0, type: "video" } });
+            },
+            link(t) {
+              const n = e.current.getSelection(!0);
+              n && n.length && g({ modal: { visible: !0, type: "link", value: t } });
+            },
+            hr(t, n) {
+              const i = e.current.getSelection(!0);
+              i && e.current.insertEmbed(
+                i.index,
+                "hr",
+                t === "dashed" ? {
+                  borderStyle: "dashed"
+                } : {},
+                "user"
+              );
+            },
+            fullscreen(t) {
+              j();
+            }
           }
         },
         history: !0,
@@ -116,77 +276,134 @@ function J(s, N) {
       },
       placeholder: "请输入富文本内容"
     };
-    e.current = new t(
-      l,
-      G(A, k)
+    d && (s = { readOnly: !0 }), e.current = new r(
+      {
+        root: p.current,
+        toolbar: h.current,
+        container: O.current
+      },
+      K(X, s)
     ), 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,
+    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,
-          o,
-          v,
-          d
-        ), r.onTextChange?.(o, v, d);
+          t,
+          n,
+          i
+        ), m.onTextChange?.(t, n, i);
       }
     }
-    function R(...o) {
-      r.onSelectionChange?.(...o);
+    function a(...t) {
+      m.onSelectionChange?.(...t);
     }
-    function T(...o) {
-      r.onEditorChange?.(...o);
+    function u(...t) {
+      V(...t), m.onEditorChange?.(...t);
     }
-    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 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;
     };
-  }, []), g(() => {
-    E && e.current.enable(!i);
-  }, [E, i]), g(() => (p(u), () => {
-  }), [u]), M(N, () => ({
+  }, [I, d]), P(() => (T(v), () => {
+  }), [v]), W(A, () => ({
     get rich() {
       return e.current;
     },
     get contents() {
       return e.current.getContents();
     },
-    setContents: p,
-    Rich: t,
+    setContents: T,
+    Rich: r,
     getRootElement() {
-      return m.current;
-    }
-  })), /* @__PURE__ */ z(
-    "div",
-    {
-      ref: m,
-      style: _,
-      className: X(
-        f,
-        w,
-        { [`${f}-rtl`]: P },
-        i && `${f}-read-only`
-      )
+      return p.current;
     }
-  );
+  })), /* @__PURE__ */ H(Y, { componentConfig: q, children: [
+    /* @__PURE__ */ H(
+      "div",
+      {
+        ref: p,
+        style: G,
+        className: $(
+          S,
+          L,
+          { [`${S}-rtl`]: z },
+          d && `${S}-read-only`
+        ),
+        children: [
+          !d && /* @__PURE__ */ R(
+            ue,
+            {
+              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);
+              }
+            }
+          ),
+          /* @__PURE__ */ R("div", { ref: O, className: $(`${S}-container`) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ R(
+      se,
+      {
+        title: "输入地址",
+        visible: l.modal.visible,
+        unmountOnExit: !0,
+        onCancel: () => {
+          g({ modal: { visible: !1 } });
+        },
+        onOk: () => {
+          g({ modal: { ...l.modal, visible: !1 } });
+        },
+        children: /* @__PURE__ */ R(
+          ie,
+          {
+            defaultValue: l.modal.value,
+            addBefore: "URL",
+            onChange: (s) => {
+              g({ modal: { ...l.modal, url: s } });
+            }
+          },
+          l.modal.visible
+        )
+      }
+    )
+  ] });
 }
-const C = D(J);
-Reflect.ownKeys(t).forEach((s) => {
-  C[s] = t[s];
+const F = Q(he);
+Reflect.ownKeys(r).forEach((C) => {
+  F[C] = r[C];
 });
-C.displayName = "RichText";
-C.__PQB_RICH_TEXT = !0;
+F.displayName = "RichText";
+F.___PQB_RICH_TEXT___ = !0;
 export {
-  Re as AttributeMap,
+  ot 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
+  We as Emitter,
+  Ze as Module,
+  it as Op,
+  tt as OpIterator,
+  Me as Parchment,
+  lt as Range,
+  r as Rich,
+  F as RichText,
+  F as default
 };

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

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import "../parchment/blot/abstract/container.js";
 import "../parchment/blot/abstract/leaf.js";
 import "../parchment/blot/abstract/parent.js";