@unicom-cloud/ui 0.8.136 → 0.8.137

package/qr-code/index.js

@@ -1,83 +1,7 @@
-/* 2026-01-09 18:07:46 */
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as P, useContext as Q, useRef as S, useImperativeHandle as h } from "react";
-import "../config-provider/ConfigProvider.js";
-import { useMergeProps as N } from "@unicom-cloud/ui-common/hooks";
-import "../utils/responsiveObserve.js";
-import "@unicom-cloud/ui-common/hooks/use-force-update";
-import "@unicom-cloud/ui-common/utils/is";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import "@unicom-cloud/ui-common/hooks/use-merge-value";
-import "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
-import w from "@unicom-cloud/ui-common/utils/className";
-import { QRCodeCanvas as y, QRCodeSVG as A } from "./src/index.js";
-import { default as Y } from "./src/qrcodegen.js";
-import E from "../config-provider/context.js";
-const L = {
-  renderAs: "svg",
-  size: 160,
-  bordered: !0,
-  errorLevel: "M",
-  fgColor: "var(--pqb-color-text-1, #000000)",
-  bgColor: "var(--pqb-color-bg-2, #ffffff)",
-  marginSize: 0,
-  value: "二维码组件"
-}, M = (m, l) => {
-  const { getPrefixCls: p, componentConfig: a } = Q(E), f = N(
-    m,
-    L,
-    a?.QRCode
-  ), {
-    value: d,
-    renderAs: o,
-    size: e,
-    bordered: t,
-    errorLevel: c,
-    fgColor: g,
-    bgColor: u,
-    marginSize: C = 0,
-    imageSettings: v,
-    className: x,
-    style: R,
-    ...b
-  } = f, s = p?.("qrcode"), q = e - (t ? 12 : 0), z = () => {
-    const i = {
-      value: d,
-      size: q,
-      level: c,
-      fgColor: g,
-      bgColor: u,
-      marginSize: C,
-      imageSettings: v,
-      ...b
-    };
-    return o === "canvas" ? /* @__PURE__ */ r(y, { ...i }) : /* @__PURE__ */ r(A, { ...i });
-  }, n = S(null);
-  return h(l, () => ({
-    getRootElement() {
-      return n.current;
-    }
-  })), /* @__PURE__ */ r(
-    "div",
-    {
-      ref: n,
-      className: w(
-        s,
-        t && `${s}-bordered`,
-        x,
-        `qrcode-${o}`
-      ),
-      style: {
-        width: e,
-        height: e,
-        ...R
-      },
-      children: z()
-    }
-  );
-}, U = P(M);
+/* 2026-01-12 11:30:56 */
+import o from "./QRCode.js";
+import { default as a } from "./src/qrcodegen.js";
 export {
-  U as default,
-  Y as qrcodegen
+  o as default,
+  a as qrcodegen
 };

package/qr-code/src/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as M, jsxs as T, Fragment as X } from "react/jsx-runtime";
 import Y from "lodash/castArray";
 import p from "react";

package/qr-code/src/qrcodegen.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 var A;
 ((w) => {
   class r {

package/radio/Group.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as t } from "react/jsx-runtime";
 import { createContext as D, useContext as s } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -34,7 +34,7 @@ function U(l) {
     mode: p,
     options: m,
     disabled: a,
-    readOnly: i = O.readOnly ?? P.readOnly
+    readOnly: i = O?.readOnly ?? P?.readOnly
   } = r, [c, j] = w(void 0, {
     defaultValue: r.defaultValue,
     value: r.value

package/radio/GroupBlock.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useContext as a } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -24,7 +24,7 @@ function T(p) {
     mode: q,
     options: C,
     disabled: z,
-    readOnly: n = h.readOnly ?? x.readOnly,
+    readOnly: n = h?.readOnly ?? x?.readOnly,
     ...N
   } = s, o = f?.("radio-group-block");
   return /* @__PURE__ */ e(

package/radio/Radio.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as h, jsx as i, Fragment as D } from "react/jsx-runtime";
 import E, { forwardRef as H, useRef as k, useContext as m, useImperativeHandle as M } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -17,7 +17,7 @@ function X(y, R) {
     y,
     {},
     v?.Radio
-  ), o = m(x), n = { ...t }, f = O.readOnly ?? $.readOnly;
+  ), o = m(x), n = { ...t }, f = O?.readOnly ?? $?.readOnly;
   o.group && (n.checked = o.value === t.value, n.disabled = "disabled" in t ? t.disabled : o.disabled, n.readOnly = "readOnly" in t ? t.readOnly : o.readOnly ?? f);
   const {
     disabled: d,

package/radio/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import a from "./Radio.js";
 import { ClearRadioGroupContext as e, default as d, RadioGroupContext as p } from "./Group.js";
 import { default as f } from "./GroupBlock.js";

package/rate/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as r, jsxs as te } from "react/jsx-runtime";
 import oe from "@unicom-cloud/icons/IconUiFaceFrownFill";
 import H from "@unicom-cloud/icons/IconUiFaceMehFill";
@@ -33,7 +33,7 @@ function ve(O, S) {
     tooltips: I,
     allowHalf: a,
     allowClear: q,
-    readOnly: i = D.readOnly ?? z.readOnly,
+    readOnly: i = D?.readOnly ?? z?.readOnly,
     disabled: m,
     grading: $,
     onChange: y,

package/resize-box/ResizeTrigger.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as e, jsxs as O } from "react/jsx-runtime";
 import F from "@unicom-cloud/icons/IconUiCaretDown";
 import x from "@unicom-cloud/icons/IconUiCaretLeft";

package/resize-box/Split.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as N, jsxs as ce } from "react/jsx-runtime";
 import { forwardRef as ae, useContext as fe, useState as W, useRef as z, useImperativeHandle as ue, useEffect as me } from "react";
 import "../config-provider/ConfigProvider.js";

package/resize-box/SplitGroup.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as B, jsxs as pt } from "react/jsx-runtime";
 import vt, { forwardRef as ht, useContext as wt, useRef as x, useState as b, useEffect as G, useImperativeHandle as dt } from "react";
 import "../config-provider/ConfigProvider.js";

package/resize-box/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as et, jsx as ot } from "react/jsx-runtime";
 import { forwardRef as rt, useContext as nt, useState as st, useRef as M, useImperativeHandle as it } from "react";
 import "../config-provider/ConfigProvider.js";

package/result/403.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 function e() {
   return /* @__PURE__ */ t(

package/result/404.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 function l() {
   return /* @__PURE__ */ r(

package/result/500.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 function t() {
   return /* @__PURE__ */ r(

package/result/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as C, jsx as o } from "react/jsx-runtime";
 import h from "@unicom-cloud/icons/IconUiCheck";
 import v from "@unicom-cloud/icons/IconUiClose";

package/rich-text/RichText.js

@@ -0,0 +1,442 @@
+/* 2026-01-12 11:30:56 */
+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
+};