@unicom-cloud/ui 0.8.136 → 0.8.139

package/rich-text/RichText.js

@@ -0,0 +1,442 @@
+/* 2026-01-12 12:51:10 */
+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 P, useRef as x, useEffect as G, useImperativeHandle as de } 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 { isFunction as U } 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 _ } from "./constant.js";
+import "./lib/index.js";
+import { AlignAttributorName as B } 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";
+import M, { HrDashed as V } from "./lib/formats/hr.js";
+import y from "./lib/formats/image.js";
+import { IndentAttributorName as q } from "./lib/formats/indent.js";
+import v from "./lib/formats/link.js";
+import S from "./lib/formats/list.js";
+import F from "./lib/formats/video.js";
+import "./lib/parchment/blot/abstract/container.js";
+import "./lib/parchment/blot/abstract/leaf.js";
+import "./lib/parchment/blot/abstract/parent.js";
+import "./lib/parchment/blot/block.js";
+import Te from "./lib/parchment/blot/embed.js";
+import "./lib/parchment/blot/inline.js";
+import "./lib/parchment/blot/scroll.js";
+import "./lib/parchment/blot/text.js";
+import Ie from "./lib/parchment/scope.js";
+import "./lib/parchment/registry.js";
+import Pe from "./Toolbar.js";
+import z from "./lib/delta/index.js";
+import o from "./lib/core/rich.js";
+import Ue from "../config-provider/context.js";
+import _e from "./lib/core/emitter.js";
+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: A, rtl: J } = P(Ue), W = P(he), Z = P(Ee), h = Se(
+    R,
+    Q,
+    A?.RichText
+  ), C = Y?.("rich-text"), {
+    style: ee,
+    className: te,
+    defaultValue: oe,
+    value: re,
+    readOnly: f = 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), O = x(void 0), $ = x(void 0);
+  function s() {
+    return $.current;
+  }
+  const [ce, { enterFullscreen: $e, exitFullscreen: ke, toggleFullscreen: me }] = Ce(f ? null : b, {
+    onExit() {
+      U(d.current?.setIsFullscreen), d.current.setIsFullscreen(!1);
+    },
+    onEnter() {
+      d.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 ae(...c) {
+    const l = s();
+    if (!l) return;
+    const [a] = l.selection.getRange(), u = a == null ? {} : l.getFormat(a);
+    d.current.setFormats({ ...u });
+  }
+  G(() => {
+    b.current;
+    let c = { readOnly: !!f };
+    f || (c = {
+      ...c,
+      theme: "default",
+      modules: {
+        // syntax: true,
+        toolbar: {
+          custom: !0,
+          container: [
+            // [
+            //   { 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: {
+            [X](e) {
+              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);
+            },
+            [q](e) {
+              const t = s();
+              if (!t) return;
+              const r = t.getSelection(), n = t.getFormat(r), p = parseInt(n.indent || "0", 10);
+              if (e === "+1" || e === "-1") {
+                let g = e === "+1" ? 1 : -1;
+                n.direction === "rtl" && (g *= -1), t.format(
+                  q,
+                  p + g,
+                  o.sources.USER
+                );
+              }
+            },
+            [S.blotName](e) {
+              const t = s();
+              if (!t) return;
+              const r = t.getSelection(), n = t.getFormat(r);
+              e === "check" ? n.list === "checked" || n.list === "unchecked" ? t.format(S.blotName, !1, o.sources.USER) : t.format(S.blotName, "unchecked", o.sources.USER) : t.format(S.blotName, e, o.sources.USER), t.format(S.blotName, e, o.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]() {},
+            [Fe.blotName]() {
+              s();
+            },
+            [y.blotName]() {
+              s() && E({ modal: { visible: !0, type: y.blotName } });
+            },
+            [F.blotName]() {
+              E({ modal: { visible: !0, type: F.blotName } });
+            },
+            [v.blotName](e) {
+              const t = s();
+              if (!t) return;
+              const r = t.getSelection(!0);
+              r && r.length && E({
+                modal: { visible: !0, type: v.blotName, value: e }
+              });
+            },
+            [M.blotName](e, t) {
+              const r = s();
+              if (!r) return;
+              const n = r.getSelection(!0);
+              n && r.insertEmbed(
+                n.index,
+                M.blotName,
+                e,
+                o.sources.USER
+              );
+            },
+            [V.blotName](e, t) {
+              const r = s();
+              if (!r) return;
+              const n = r.getSelection(!0);
+              n && r.insertEmbed(
+                n.index,
+                V.blotName,
+                {},
+                o.sources.USER
+              );
+            },
+            [j.blotName](e, t) {
+              const r = s();
+              if (!r) return;
+              const n = r.getSelection(!0);
+              n && (r.insertEmbed(
+                n.index,
+                j.blotName,
+                e,
+                o.sources.USER
+              ), r.setSelection(n.index + e.length));
+            },
+            redo() {
+              const e = s();
+              e && e.history.redo();
+            },
+            undo() {
+              const e = s();
+              e && e.history.undo();
+            },
+            clean() {
+              const e = s();
+              if (!e) return;
+              const t = e.getSelection();
+              if (t != null)
+                if (t.length === 0) {
+                  const r = e.getFormat();
+                  Object.keys(r).forEach((n) => {
+                    e.scroll.query(n, Ie.INLINE) != null && e.format(n, !1, o.sources.USER);
+                  });
+                } else
+                  e.removeFormat(
+                    t.index,
+                    t.length,
+                    o.sources.USER
+                  );
+            },
+            fullscreen(e) {
+              me();
+            }
+          }
+        },
+        history: !0,
+        table: !0,
+        imageResize: !0
+      },
+      placeholder: le
+    }), $.current = new o(
+      {
+        root: b.current,
+        toolbar: d.current,
+        container: O.current
+      },
+      ue(ne, c)
+    ), 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;
+        U(g) && (p = g(p) ?? p), h.onChange?.(p, e, t, r), h.onTextChange?.(e, t, r), d.current.setHistory(n.history);
+      }
+    }
+    function a(...e) {
+      d.current.setSelection(...e), h.onSelectionChange?.(...e);
+    }
+    function u(...e) {
+      ae(...e), h.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();
+    };
+  }, [f]), G(() => (k(T, _e.sources.API), () => {
+  }), [T]), de(K, () => ({
+    get rich() {
+      return s();
+    },
+    get contents() {
+      return s().getContents();
+    },
+    setContents: k,
+    Rich: o,
+    getRootElement() {
+      return b.current;
+    }
+  }));
+  function L(c) {
+    return /* @__PURE__ */ N(fe, { children: /* @__PURE__ */ D(
+      "div",
+      {
+        ref: b,
+        style: ee,
+        className: w(
+          C,
+          te,
+          { [`${C}-rtl`]: J },
+          f && `${C}-readonly`,
+          se && `${C}-bordered`
+        ),
+        children: [
+          c,
+          /* @__PURE__ */ N(
+            "div",
+            {
+              ref: O,
+              className: w(`${C}-container`)
+            }
+          )
+        ]
+      }
+    ) });
+  }
+  let I;
+  if (f)
+    I = L();
+  else {
+    const c = ce ? () => b.current : Ne, l = { getPopupContainer: c }, a = ye({}, A, {
+      ColorPicker: {
+        triggerProps: {
+          className: `${_}-trigger-color-picker`,
+          ...l
+        },
+        ...l
+      },
+      Modal: {
+        ...l,
+        getChildrenPopupContainer: c
+      },
+      Select: {
+        triggerProps: {
+          className: `${_}-trigger-select`,
+          ...l
+        },
+        ...l
+      },
+      Tooltip: {
+        triggerProps: {
+          ...l
+        },
+        ...l
+      },
+      Trigger: {
+        className: `${_}-trigger`,
+        ...l
+      }
+    }), u = /* @__PURE__ */ D(ge, { componentConfig: a, children: [
+      /* @__PURE__ */ N(
+        Pe,
+        {
+          ref: d,
+          onChange: (i) => {
+            const e = s();
+            if (!e) return;
+            const { format: t, value: r } = i ?? {};
+            e.focus();
+            const n = e.options.modules.toolbar.handlers[t];
+            if (U(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();
+              e.updateContents(
+                new z().retain(g.index).delete(g.length).insert({ [t]: p }),
+                o.sources.USER
+              );
+            } else
+              e.format(t, r, o.sources.USER);
+          }
+        }
+      ),
+      /* @__PURE__ */ N(
+        xe,
+        {
+          title: "输入地址",
+          visible: m.modal.visible,
+          unmountOnExit: !0,
+          onCancel: () => {
+            E({ modal: { visible: !1 } });
+          },
+          onOk: () => {
+            E({ modal: { ...m.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)
+                i.insertEmbed(
+                  e.index,
+                  y.blotName,
+                  m.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) {
+                if (e == null || e.length === 0)
+                  return;
+                i.format(v.blotName, m.modal.url, o.sources.USER);
+              }
+            }
+          },
+          children: /* @__PURE__ */ N(
+            Re,
+            {
+              defaultValue: m.modal.value,
+              addBefore: "URL",
+              onChange: (i) => {
+                E({ modal: { ...m.modal, url: i } });
+              }
+            },
+            m.modal.visible
+          )
+        }
+      )
+    ] });
+    I = L(u);
+  }
+  return I;
+}
+const H = pe(He);
+Reflect.ownKeys(o).forEach((R) => {
+  H[R] = o[R];
+});
+H.displayName = "RichText";
+H.___PQB_RICH_TEXT___ = !0;
+export {
+  o as Rich,
+  H as RichText,
+  H as default
+};

package/rich-text/Toolbar.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 12:51:10 */
 import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
 import to from "@unicom-cloud/icons/IconUiAlignCenter";
 import ro from "@unicom-cloud/icons/IconUiAlignJustify";
@@ -87,30 +87,30 @@ function _o(z, D) {
     className: K,
     defaultValue: re,
     value: ne,
-    readOnly: ie = Y.readOnly ?? Q.readOnly,
+    readOnly: ie = Y?.readOnly ?? Q?.readOnly,
     options: ae,
     ...le
-  } = r, [h, C] = Oo({
+  } = r, [h, d] = Oo({
     disabled: !0,
     isFullscreen: !1,
     formats: {}
   }), j = Bo(void 0);
   console.log("toolbarState", h);
-  const { disabled: l, isFullscreen: E, formats: t } = h, d = { allowClear: !0 }, n = "mini";
+  const { disabled: l, isFullscreen: E, formats: t } = h, C = { allowClear: !0 }, n = "mini";
   function i(e) {
     return e ? "primary" : "secondary";
   }
   function Z(e, u, g) {
-    C({ disabled: !e?.length });
+    d({ disabled: !e?.length });
   }
   function _(e) {
-    C({ isFullscreen: e });
+    d({ isFullscreen: e });
   }
   function oo(e) {
-    C({ formats: e });
+    d({ formats: e });
   }
   function eo(e) {
-    C({ history: e });
+    d({ history: e });
   }
   return Ho(() => () => {
   }, []), To(D, () => ({
@@ -133,7 +133,7 @@ function _o(z, D) {
             b,
             {
               style: { width: 120 },
-              ...d,
+              ...C,
               size: n,
               value: t[B],
               placeholder: "默认字体",
@@ -151,7 +151,7 @@ function _o(z, D) {
             b,
             {
               style: { width: 120 },
-              ...d,
+              ...C,
               size: n,
               value: t[O],
               placeholder: "默认字号",
@@ -169,7 +169,7 @@ function _o(z, D) {
             b,
             {
               style: { width: 120 },
-              ...d,
+              ...C,
               size: n,
               value: t[M.attrName],
               placeholder: "默认行高",
@@ -187,7 +187,7 @@ function _o(z, D) {
             b,
             {
               style: { width: 120 },
-              ...d,
+              ...C,
               size: n,
               value: t[H.blotName],
               placeholder: "正文",

package/rich-text/constant.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 12:51:10 */
 import { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
 const o = `${_}-rich-text`;
 export {