@unicom-cloud/ui 0.8.141 → 0.8.143

package/rich-text/RichText.js

@@ -1,27 +1,23 @@
-/* 2026-01-13 17:11:44 */
-import { jsxs as D, jsx as N, Fragment as fe } from "react/jsx-runtime";
-import ue from "lodash/defaultsDeep";
-import { forwardRef as pe, useContext as U, useRef as x, useEffect as G, useImperativeHandle as de } from "react";
+/* 2026-01-19 17:02:09 */
+import { jsxs as B, jsx as N, Fragment as ue } from "react/jsx-runtime";
+import fe from "lodash/defaultsDeep";
+import { forwardRef as de, useContext as U, useRef as x, useEffect as D, useImperativeHandle as pe } from "react";
 import ge from "../config-provider/ConfigProvider.js";
 import { FormContext as he, FormItemContext as Ee } from "../form/context.js";
-import { useSetState as be, useFullscreen as Ce } from "@unicom-cloud/ui-common/hooks";
-import "../utils/responsiveObserve.js";
-import "@unicom-cloud/ui-common/hooks/use-force-update";
+import be from "@unicom-cloud/ui-common/hooks/use-fullscreen";
+import Ce from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Ne from "@unicom-cloud/ui-common/hooks/use-set-state";
+import Se from "../input/Input.js";
+import Re from "../modal/Modal.js";
+import G from "@unicom-cloud/ui-common/utils/className";
+import { getBodyContainer as xe } from "@unicom-cloud/ui-common/utils/dom";
 import { isFunction as _ } 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 Ne } from "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
-import Se from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Re from "../input/Input.js";
-import xe from "../modal/Modal.js";
-import w from "@unicom-cloud/ui-common/utils/className";
 import { merge as ye } from "@unicom-cloud/ui-common/utils/lodash";
 import { HYPHEN as ve } from "@unicom-cloud/utils/constant/string";
 import "@unicom-cloud/ui-common/utils/string";
 import { RICH_TEXT_CLASS_NAME_PREFIX as H } from "./constant.js";
 import "./lib/index.js";
-import { AlignAttributorName as B } from "./lib/formats/align.js";
+import { AlignAttributorName as w } from "./lib/formats/align.js";
 import { DirectionAttributorName as X } from "./lib/formats/direction.js";
 import j from "./lib/formats/emoji.js";
 import Fe from "./lib/formats/formula.js";
@@ -50,49 +46,49 @@ z, o.import("delta");
 o.import("attributors/style/size");
 o.import("formats/font");
 function He(R, K) {
-  const Q = { bordered: !0 }, { getPrefixCls: Y, renderEmpty: Ae, componentConfig: O, rtl: J } = U(Ue), W = U(he), Z = U(Ee), h = Se(
+  const Q = { bordered: !0 }, { getPrefixCls: Y, renderEmpty: Ae, componentConfig: $, rtl: J } = U(Ue), W = U(he), Z = U(Ee), b = Ce(
     R,
     Q,
-    O?.RichText
-  ), C = Y?.("rich-text"), {
+    $?.RichText
+  ), E = Y?.("rich-text"), {
     style: ee,
     className: te,
     defaultValue: oe,
     value: re,
-    readOnly: f = Z?.readOnly ?? W?.readOnly,
+    readOnly: u = Z?.readOnly ?? W?.readOnly,
     options: ne,
     bordered: se,
     placeholder: ie = "请输入富文本内容",
-    ...Oe
-  } = h, le = f ? ve : ie, T = re || oe, [m, E] = be({ modal: {} }), b = x(void 0), d = x(void 0), I = x(void 0), $ = x(void 0);
+    ...$e
+  } = b, le = u ? ve : ie, T = re || oe, [c, p] = Ne({ modal: {} }), C = x(void 0), g = x(void 0), I = x(void 0), O = x(void 0);
   function s() {
-    return $.current;
+    return O.current;
   }
-  const [ce, { enterFullscreen: $e, exitFullscreen: ke, toggleFullscreen: me }] = Ce(f ? null : b, {
+  const [ce, { enterFullscreen: Oe, exitFullscreen: ke, toggleFullscreen: me }] = be(u ? null : C, {
     onExit() {
-      _(d.current?.setIsFullscreen), d.current.setIsFullscreen(!1);
+      _(g.current?.setIsFullscreen), g.current.setIsFullscreen(!1);
     },
     onEnter() {
-      d.current.setIsFullscreen(!0);
+      g.current.setIsFullscreen(!0);
     }
   });
-  function k(c, l) {
-    const a = s();
-    if (!a) return;
-    const u = a.getSelection();
-    a.setContents(c ?? T, l), u && a.setSelection(u);
+  function k(a, l) {
+    const m = s();
+    if (!m) return;
+    const f = m.getSelection();
+    m.setContents(a ?? T, l), f && m.setSelection(f);
   }
-  function ae(...c) {
+  function ae(...a) {
     const l = s();
     if (!l) return;
-    const [a] = l.selection.getRange(), u = a == null ? {} : l.getFormat(a);
-    d.current.setFormats({ ...u });
+    const [m] = l.selection.getRange(), f = m == null ? {} : l.getFormat(m);
+    g.current.setFormats({ ...f });
   }
-  G(() => {
-    b.current;
-    let c = { readOnly: !!f };
-    f || (c = {
-      ...c,
+  D(() => {
+    C.current;
+    let a = { readOnly: !!u };
+    u || (a = {
+      ...a,
       theme: "default",
       modules: {
         // syntax: true,
@@ -138,17 +134,17 @@ function He(R, K) {
               const t = s();
               if (!t) return;
               const { align: r } = t.getFormat();
-              e === "rtl" && r == null ? t.format(B, "right", o.sources.USER) : !e && r === "right" && t.format(B, !1, o.sources.USER), t.format(X, e, o.sources.USER);
+              e === "rtl" && r == null ? t.format(w, "right", o.sources.USER) : !e && r === "right" && t.format(w, !1, o.sources.USER), t.format(X, e, o.sources.USER);
             },
             [q](e) {
               const t = s();
               if (!t) return;
-              const r = t.getSelection(), n = t.getFormat(r), p = parseInt(n.indent || "0", 10);
+              const r = t.getSelection(), n = t.getFormat(r), d = parseInt(n.indent || "0", 10);
               if (e === "+1" || e === "-1") {
-                let g = e === "+1" ? 1 : -1;
-                n.direction === "rtl" && (g *= -1), t.format(
+                let h = e === "+1" ? 1 : -1;
+                n.direction === "rtl" && (h *= -1), t.format(
                   q,
-                  p + g,
+                  d + h,
                   o.sources.USER
                 );
               }
@@ -170,16 +166,16 @@ function He(R, K) {
               s();
             },
             [y.blotName]() {
-              s() && E({ modal: { visible: !0, type: y.blotName } });
+              s() && p({ modal: { visible: !0, type: y.blotName } });
             },
             [F.blotName]() {
-              E({ modal: { visible: !0, type: F.blotName } });
+              p({ modal: { visible: !0, type: F.blotName } });
             },
             [v.blotName](e) {
               const t = s();
               if (!t) return;
               const r = t.getSelection(!0);
-              r && r.length && E({
+              r && r.length && p({
                 modal: { visible: !0, type: v.blotName, value: e }
               });
             },
@@ -251,34 +247,34 @@ function He(R, K) {
         imageResize: !0
       },
       placeholder: le
-    }), $.current = new o(
+    }), O.current = new o(
       {
-        root: b.current,
-        toolbar: d.current,
+        root: C.current,
+        toolbar: g.current,
         container: I.current
       },
-      ue(ne, c)
+      fe(ne, a)
     ), console.log("new Rich", s());
     function l(e, t, r) {
       const n = s();
       if (n && r === o.sources.USER) {
-        let p = n.isBlank() ? void 0 : n.getContents();
-        const g = h.onChangeCallback;
-        _(g) && (p = g(p) ?? p), h.onChange?.(p, e, t, r), h.onTextChange?.(e, t, r), d.current.setHistory(n.history);
+        let d = n.isBlank() ? void 0 : n.getContents();
+        const h = b.onChangeCallback;
+        _(h) && (d = h(d) ?? d), b.onChange?.(d, e, t, r), b.onTextChange?.(e, t, r), g.current.setHistory(n.history);
       }
     }
-    function a(...e) {
-      d.current.setSelection(...e), h.onSelectionChange?.(...e);
+    function m(...e) {
+      g.current.setSelection(...e), b.onSelectionChange?.(...e);
     }
-    function u(...e) {
-      ae(...e), h.onEditorChange?.(...e);
+    function f(...e) {
+      ae(...e), b.onEditorChange?.(...e);
     }
     const i = s();
-    return f || (i.on(o.events.TEXT_CHANGE, l), i.on(o.events.SELECTION_CHANGE, a), i.on(o.events.EDITOR_CHANGE, u)), i.enable(!f), () => {
-      i.off(o.events.TEXT_CHANGE, l), i.off(o.events.SELECTION_CHANGE, a), i.off(o.events.EDITOR_CHANGE, u), i.destroy();
+    return u || (i.on(o.events.TEXT_CHANGE, l), i.on(o.events.SELECTION_CHANGE, m), i.on(o.events.EDITOR_CHANGE, f)), i.enable(!u), () => {
+      i.off(o.events.TEXT_CHANGE, l), i.off(o.events.SELECTION_CHANGE, m), i.off(o.events.EDITOR_CHANGE, f), i.destroy();
     };
-  }, [f]), G(() => (k(T, _e.sources.API), () => {
-  }), [T]), de(K, () => ({
+  }, [u]), D(() => (k(T, _e.sources.API), () => {
+  }), [T]), pe(K, () => ({
     get rich() {
       return s();
     },
@@ -291,29 +287,43 @@ function He(R, K) {
       return I.current;
     },
     getRootElement() {
-      return b.current;
+      return C.current;
     }
   }));
-  function L(c) {
-    return /* @__PURE__ */ N(fe, { children: /* @__PURE__ */ D(
+  function L(a) {
+    return /* @__PURE__ */ N(ue, { children: /* @__PURE__ */ B(
       "div",
       {
-        ref: b,
+        ref: C,
         style: ee,
-        className: w(
-          C,
+        className: G(
+          E,
           te,
-          { [`${C}-rtl`]: J },
-          f && `${C}-readonly`,
-          se && `${C}-bordered`
+          { [`${E}-rtl`]: J },
+          u && `${E}-readonly`,
+          se && `${E}-bordered`,
+          c.focus && `${E}-focus`,
+          c.blur && `${E}-blur`
         ),
         children: [
-          c,
+          a,
           /* @__PURE__ */ N(
             "div",
             {
               ref: I,
-              className: w(`${C}-container`)
+              className: G(`${E}-container`),
+              onFocus: (m) => {
+                p({
+                  focus: !0,
+                  blur: !1
+                });
+              },
+              onBlur: (m) => {
+                p({
+                  focus: !1,
+                  blur: !0
+                });
+              }
             }
           )
         ]
@@ -321,10 +331,10 @@ function He(R, K) {
     ) });
   }
   let P;
-  if (f)
+  if (u)
     P = L();
   else {
-    const c = ce ? () => b.current : Ne, l = { getPopupContainer: c }, a = ye({}, O, {
+    const a = ce ? () => C.current : xe, l = { getPopupContainer: a }, m = ye({}, $, {
       ColorPicker: {
         triggerProps: {
           className: `${H}-trigger-color-picker`,
@@ -334,7 +344,7 @@ function He(R, K) {
       },
       Modal: {
         ...l,
-        getChildrenPopupContainer: c
+        getChildrenPopupContainer: a
       },
       Select: {
         triggerProps: {
@@ -353,11 +363,11 @@ function He(R, K) {
         className: `${H}-trigger`,
         ...l
       }
-    }), u = /* @__PURE__ */ D(ge, { componentConfig: a, children: [
+    }), f = /* @__PURE__ */ B(ge, { componentConfig: m, children: [
       /* @__PURE__ */ N(
         Pe,
         {
-          ref: d,
+          ref: g,
           onChange: (i) => {
             const e = s();
             if (!e) return;
@@ -367,11 +377,11 @@ function He(R, K) {
             if (_(n))
               n.call(e.theme.modules.toolbar, r);
             else if (e.scroll.query(t).prototype instanceof Te) {
-              const p = prompt(`Enter ${t}`);
-              if (!p) return;
-              const [g] = e.selection.getRange();
+              const d = prompt(`Enter ${t}`);
+              if (!d) return;
+              const [h] = e.selection.getRange();
               e.updateContents(
-                new z().retain(g.index).delete(g.length).insert({ [t]: p }),
+                new z().retain(h.index).delete(h.length).insert({ [t]: d }),
                 o.sources.USER
               );
             } else
@@ -380,59 +390,59 @@ function He(R, K) {
         }
       ),
       /* @__PURE__ */ N(
-        xe,
+        Re,
         {
           title: "输入地址",
-          visible: m.modal.visible,
+          visible: c.modal.visible,
           unmountOnExit: !0,
           onCancel: () => {
-            E({ modal: { visible: !1 } });
+            p({ modal: { visible: !1 } });
           },
           onOk: () => {
-            E({ modal: { ...m.modal, visible: !1 } });
+            p({ modal: { ...c.modal, visible: !1 } });
           },
           afterClose: () => {
             const i = s();
             if (!i) return;
             const e = i.getSelection(!0);
-            if (e && m.modal.url) {
-              if (m.modal.type === y.blotName)
+            if (e && c.modal.url) {
+              if (c.modal.type === y.blotName)
                 i.insertEmbed(
                   e.index,
                   y.blotName,
-                  m.modal.url,
+                  c.modal.url,
                   // './demo0.webp'
                   // rich.constructor.sources.USER,
                   o.sources.USER
                 ), i.setSelection(e.index + 1);
-              else if (m.modal.type === F.blotName)
-                i.format(F.blotName, m.modal.url, o.sources.USER);
-              else if (m.modal.type === v.blotName) {
+              else if (c.modal.type === F.blotName)
+                i.format(F.blotName, c.modal.url, o.sources.USER);
+              else if (c.modal.type === v.blotName) {
                 if (e == null || e.length === 0)
                   return;
-                i.format(v.blotName, m.modal.url, o.sources.USER);
+                i.format(v.blotName, c.modal.url, o.sources.USER);
               }
             }
           },
           children: /* @__PURE__ */ N(
-            Re,
+            Se,
             {
-              defaultValue: m.modal.value,
+              defaultValue: c.modal.value,
               addBefore: "URL",
               onChange: (i) => {
-                E({ modal: { ...m.modal, url: i } });
+                p({ modal: { ...c.modal, url: i } });
               }
             },
-            m.modal.visible
+            c.modal.visible
           )
         }
       )
     ] });
-    P = L(u);
+    P = L(f);
   }
   return P;
 }
-const A = pe(He);
+const A = de(He);
 Reflect.ownKeys(o).forEach((R) => {
   A[R] = o[R];
 });