@unicom-cloud/ui 0.8.132 → 0.8.134

package/rich-text/Toolbar.js

@@ -0,0 +1,703 @@
+/* 2026-01-04 16:21:01 */
+import { jsx as o, jsxs as m, Fragment as l } from "react/jsx-runtime";
+import K from "@unicom-cloud/icons/IconUiAlignCenter";
+import Z from "@unicom-cloud/icons/IconUiAlignJustify";
+import _ from "@unicom-cloud/icons/IconUiAlignLeft";
+import oo from "@unicom-cloud/icons/IconUiAlignRight";
+import eo from "@unicom-cloud/icons/IconUiBgColors";
+import ro from "@unicom-cloud/icons/IconUiBold";
+import to from "@unicom-cloud/icons/IconUiCode";
+import ao from "@unicom-cloud/icons/IconUiCodeSquare";
+import no from "@unicom-cloud/icons/IconUiEraser";
+import io from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import mo from "@unicom-cloud/icons/IconUiFontColors";
+import "@unicom-cloud/icons/IconUiFormula";
+import lo from "@unicom-cloud/icons/IconUiFullscreen";
+import co from "@unicom-cloud/icons/IconUiFullscreenExit";
+import so from "@unicom-cloud/icons/IconUiImage";
+import po from "@unicom-cloud/icons/IconUiItalic";
+import fo from "@unicom-cloud/icons/IconUiLink";
+import uo from "@unicom-cloud/icons/IconUiMenuFold";
+import yo from "@unicom-cloud/icons/IconUiMenuUnfold";
+import ho from "@unicom-cloud/icons/IconUiMinus";
+import Co from "@unicom-cloud/icons/IconUiOrderedList";
+import go from "@unicom-cloud/icons/IconUiQuote";
+import No from "@unicom-cloud/icons/IconUiRedo";
+import bo from "@unicom-cloud/icons/IconUiStrikethrough";
+import vo from "@unicom-cloud/icons/IconUiStrokeDasharray";
+import "@unicom-cloud/icons/IconUiTable";
+import ko from "@unicom-cloud/icons/IconUiToLeft";
+import Io from "@unicom-cloud/icons/IconUiToRight";
+import Uo from "@unicom-cloud/icons/IconUiUnderline";
+import Fo from "@unicom-cloud/icons/IconUiUndo";
+import So from "@unicom-cloud/icons/IconUiUnorderedList";
+import xo from "@unicom-cloud/icons/IconUiYoutube";
+import { isEmoji as Ao } from "@unicom-cloud/utils/emoji";
+import Po from "@unicom-cloud/utils/emoji/emojis";
+import { forwardRef as wo, useContext as $o, useRef as jo, useEffect as Eo, useImperativeHandle as Lo } from "react";
+import n from "../button/Button.js";
+import j from "../color-picker/index.js";
+import "../config-provider/ConfigProvider.js";
+import E from "../flex/index.js";
+import { useSetState as Ro } 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 Bo from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Ho from "../popover/Popover.js";
+import y from "../select/Select.js";
+import To from "@unicom-cloud/ui-common/utils/className";
+import { AlignAttributorName as c } from "./lib/formats/align.js";
+import { BackgroundColorAttributorName as g } from "./lib/formats/background.js";
+import N from "./lib/formats/blockquote.js";
+import b from "./lib/formats/bold.js";
+import v, { Code as k } from "./lib/formats/code.js";
+import { ColorAttributorName as I } from "./lib/formats/color.js";
+import { DirectionAttributorName as U } from "./lib/formats/direction.js";
+import Vo from "./lib/formats/emoji.js";
+import { FontWhitelist as Mo, FontAttributorName as L } from "./lib/formats/font.js";
+import "./lib/formats/formula.js";
+import R, { HeaderWhitelist as Wo } from "./lib/formats/header.js";
+import zo, { HrDashed as Do } from "./lib/formats/hr.js";
+import B from "./lib/formats/image.js";
+import { IndentAttributorName as H } from "./lib/formats/indent.js";
+import F from "./lib/formats/italic.js";
+import T, { LineHeightWhitelist as qo } from "./lib/formats/lineHeight.js";
+import S from "./lib/formats/link.js";
+import s from "./lib/formats/list.js";
+import p from "./lib/formats/script.js";
+import { SizeWhitelist as Oo, SizeAttributorName as V } from "./lib/formats/size.js";
+import x from "./lib/formats/strike.js";
+import "./lib/formats/table.js";
+import A from "./lib/formats/underline.js";
+import M from "./lib/formats/video.js";
+import Xo from "../config-provider/context.js";
+function Jo(W, z) {
+  const D = {}, { getPrefixCls: q, renderEmpty: Yo, componentConfig: O, rtl: Go } = $o(Xo), t = Bo(
+    W,
+    D,
+    O?.RichText
+  ), h = q?.("rich-text-toolbar"), {
+    style: X,
+    className: J,
+    defaultValue: Ko,
+    value: Zo,
+    readOnly: _o,
+    options: oe,
+    ...ee
+  } = t, [P, C] = Ro({
+    disabled: !0,
+    isFullscreen: !1,
+    formats: {}
+  }), w = jo(void 0);
+  console.log("toolbarState", P);
+  const { disabled: i, isFullscreen: $, formats: r } = P, u = { allowClear: !0 }, a = "small";
+  function Q(e, f, d) {
+    C({ disabled: !e?.length });
+  }
+  function Y(e) {
+    C({ isFullscreen: e });
+  }
+  function G(e) {
+    C({ formats: e });
+  }
+  return Eo(() => () => {
+  }, []), Lo(z, () => ({
+    setFormats: G,
+    setSelection: Q,
+    setIsFullscreen: Y,
+    getRootElement() {
+      return w.current;
+    }
+  })), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: w,
+      style: { ...X },
+      className: To(h, J),
+      children: /* @__PURE__ */ m(E, { inline: !0, wrap: !0, children: [
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            y,
+            {
+              style: { width: 120 },
+              ...u,
+              size: a,
+              value: r[L],
+              placeholder: "默认字体",
+              options: [...Mo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: L,
+                  value: e
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            y,
+            {
+              style: { width: 120 },
+              ...u,
+              size: a,
+              value: r[V],
+              placeholder: "默认字号",
+              options: [...Oo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: V,
+                  value: e
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            y,
+            {
+              style: { width: 120 },
+              ...u,
+              size: a,
+              value: r[T.attrName],
+              placeholder: "默认行高",
+              options: [...qo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: T.attrName,
+                  value: e
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            y,
+            {
+              style: { width: 120 },
+              ...u,
+              size: a,
+              value: r[R.blotName],
+              placeholder: "正文",
+              options: [...Wo],
+              onChange: (e) => {
+                t.onChange({
+                  format: R.blotName,
+                  value: e
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[b.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(ro, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: b.blotName,
+                  value: !r[b.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[F.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(po, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: F.blotName,
+                  value: !r[F.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[A.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(Uo, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: A.blotName,
+                  value: !r[A.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[x.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(bo, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: x.blotName,
+                  value: !r[x.blotName]
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            j,
+            {
+              defaultValue: "#fff",
+              value: r[I],
+              disabled: i,
+              triggerElement: ({ value: e }) => /* @__PURE__ */ o(
+                n,
+                {
+                  style: { color: r[I] },
+                  size: a,
+                  type: "secondary",
+                  icon: /* @__PURE__ */ o(mo, {}),
+                  disabled: i
+                }
+              ),
+              onChange: (e) => {
+                t.onChange({
+                  format: I,
+                  value: e
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            j,
+            {
+              defaultValue: "#fff",
+              value: r[g],
+              disabled: i,
+              triggerElement: ({ value: e }) => /* @__PURE__ */ o(
+                n,
+                {
+                  style: {
+                    backgroundColor: r[g]
+                  },
+                  size: a,
+                  type: "secondary",
+                  icon: /* @__PURE__ */ o(eo, {}),
+                  disabled: i
+                }
+              ),
+              onChange: (e) => {
+                t.onChange({
+                  format: g,
+                  value: e
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[p.blotName] === "sub" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ m("div", { children: [
+                /* @__PURE__ */ o("span", { children: "X" }),
+                /* @__PURE__ */ o("sub", { children: "2" })
+              ] }),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: p.blotName,
+                  value: r[p.blotName] === "sub" ? !1 : "sub"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[p.blotName] === "super" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ m("div", { children: [
+                /* @__PURE__ */ o("span", { children: "X" }),
+                /* @__PURE__ */ o("sup", { children: "2" })
+              ] }),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: p.blotName,
+                  value: r[p.blotName] === "super" ? !1 : "super"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[c] ? "secondary" : "primary",
+              icon: /* @__PURE__ */ o(_, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: !1
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[c] === "center" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(K, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "center" ? !1 : "center"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[c] === "right" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(oo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "right" ? !1 : "right"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[c] === "justify" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(Z, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "justify" ? !1 : "justify"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[N.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(go, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: N.blotName,
+                  value: !r[N.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[k.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(to, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: k.blotName,
+                  value: !r[k.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[v.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(ao, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: v.blotName,
+                  value: !r[v.blotName]
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[s.blotName] === "ordered" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(Co, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: s.blotName,
+                  value: r[s.blotName] === "ordered" ? !1 : "ordered"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[s.blotName] === "bullet" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(So, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: s.blotName,
+                  value: r[s.blotName] === "bullet" ? !1 : "bullet"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(yo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: H,
+                  value: "+1"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(uo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: H,
+                  value: "-1"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+          n,
+          {
+            size: a,
+            type: "secondary",
+            icon: r[U] === "rtl" ? /* @__PURE__ */ o(ko, {}) : /* @__PURE__ */ o(Io, {}),
+            onClick: (e) => {
+              t.onChange({
+                format: U,
+                value: r[U] === "rtl" ? !1 : "rtl"
+              });
+            }
+          }
+        ) }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[S.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(fo, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: S.blotName,
+                  value: r[S.blotName]
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[B.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(so, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: B.blotName,
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[M.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(xo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: M.blotName,
+                  value: !0
+                });
+              }
+            }
+          ),
+          !1,
+          !1,
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(ho, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: zo.blotName,
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(vo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: Do.blotName,
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            Ho,
+            {
+              trigger: "click",
+              triggerProps: {
+                className: `${h}-emoji`
+              },
+              content: /* @__PURE__ */ o(
+                E,
+                {
+                  wrap: !0,
+                  inline: !0,
+                  justifyContent: "flex-start",
+                  alignItems: "flex-start",
+                  onClick: (e) => {
+                    const f = e.target, d = f.innerText;
+                    f.tagName === "SPAN" && Ao(d) && t.onChange({
+                      format: Vo.blotName,
+                      value: d
+                    });
+                  },
+                  children: Po.map((e, f, d) => /* @__PURE__ */ o("span", { className: `${h}-emoji-item`, children: e }, f))
+                }
+              ),
+              children: /* @__PURE__ */ o(
+                n,
+                {
+                  size: a,
+                  type: "secondary",
+                  icon: /* @__PURE__ */ o(io, {})
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(Fo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: "undo",
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(No, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: "redo",
+                  value: !0
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(no, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: "clean",
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: $ ? "primary" : "secondary",
+              icon: $ ? /* @__PURE__ */ o(co, {}) : /* @__PURE__ */ o(lo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: "fullscreen",
+                  value: !0
+                });
+              }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+const Qo = wo(Jo);
+Qo.displayName = "Toolbar";
+export {
+  Qo as default
+};

package/rich-text/constant.js

@@ -1,4 +1,4 @@
-/* 2025-12-23 17:18:07 */
+/* 2026-01-04 16:21:01 */
 import { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
 const o = `${_}-rich-text`;
 export {