@unicom-cloud/ui 0.8.131 → 0.8.133

package/rich-text/Toolbar.js

@@ -0,0 +1,618 @@
+/* 2025-12-30 17:27:22 */
+import { jsx as e, jsxs as i, Fragment as a } from "react/jsx-runtime";
+import F from "@unicom-cloud/icons/IconUiAlignCenter";
+import P from "@unicom-cloud/icons/IconUiAlignLeft";
+import w from "@unicom-cloud/icons/IconUiAlignRight";
+import R from "@unicom-cloud/icons/IconUiBgColors";
+import E from "@unicom-cloud/icons/IconUiBold";
+import L from "@unicom-cloud/icons/IconUiClose";
+import M from "@unicom-cloud/icons/IconUiCodeSquare";
+import j from "@unicom-cloud/icons/IconUiFontColors";
+import "@unicom-cloud/icons/IconUiFormula";
+import B from "@unicom-cloud/icons/IconUiFullscreen";
+import T from "@unicom-cloud/icons/IconUiFullscreenExit";
+import q from "@unicom-cloud/icons/IconUiImage";
+import A from "@unicom-cloud/icons/IconUiItalic";
+import H from "@unicom-cloud/icons/IconUiLink";
+import O from "@unicom-cloud/icons/IconUiLiveBroadcast";
+import V from "@unicom-cloud/icons/IconUiMenu";
+import X from "@unicom-cloud/icons/IconUiMenuFold";
+import $ from "@unicom-cloud/icons/IconUiMenuUnfold";
+import Q from "@unicom-cloud/icons/IconUiMinus";
+import "@unicom-cloud/icons/IconUiNav";
+import D from "@unicom-cloud/icons/IconUiOrderedList";
+import G from "@unicom-cloud/icons/IconUiQuote";
+import J from "@unicom-cloud/icons/IconUiRedo";
+import K from "@unicom-cloud/icons/IconUiStrikethrough";
+import W from "@unicom-cloud/icons/IconUiToLeft";
+import Y from "@unicom-cloud/icons/IconUiToRight";
+import Z from "@unicom-cloud/icons/IconUiUnderline";
+import _ from "@unicom-cloud/icons/IconUiUndo";
+import ee from "@unicom-cloud/icons/IconUiUnorderedList";
+import { forwardRef as oe, useContext as re, useState as y, useRef as ne, useEffect as le, useImperativeHandle as ie } from "react";
+import l from "../button/Button.js";
+import h from "../color-picker/index.js";
+import "../config-provider/ConfigProvider.js";
+import ae from "../flex/index.js";
+import te from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import s from "../select/Select.js";
+import se from "@unicom-cloud/ui-common/utils/className";
+import { BackgroundStyle as ce } from "./lib/formats/background.js";
+import { ColorStyle as me } from "./lib/formats/color.js";
+import { FontStyle as g } from "./lib/formats/font.js";
+import m from "./lib/formats/lineHeight.js";
+import { SizeStyle as p } from "./lib/formats/size.js";
+import pe from "../config-provider/context.js";
+function ue(C, v) {
+  const k = {}, { getPrefixCls: b, renderEmpty: de, componentConfig: z, rtl: ye } = re(pe), n = te(
+    C,
+    k,
+    z?.RichText
+  ), I = b?.("rich-text-toolbar"), {
+    style: U,
+    className: N,
+    defaultValue: he,
+    value: ge,
+    readOnly: Ce,
+    options: ve,
+    ...ke
+  } = n, [o, S] = y({}), [u, x] = y(!1), f = ne(void 0);
+  console.log("toolbarState", o);
+  const t = { allowClear: !0 };
+  return le(() => () => {
+  }, []), ie(v, () => ({
+    state: o,
+    setState: S,
+    setIsFullscreen(c) {
+      return x(c);
+    },
+    getRootElement() {
+      return f.current;
+    }
+  })), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: f,
+      style: { ...U },
+      className: se(I, N),
+      children: /* @__PURE__ */ i(ae, { inline: !0, wrap: !0, children: [
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              style: { width: 120 },
+              ...t,
+              size: "small",
+              value: o[g.attrName],
+              placeholder: "默认字体",
+              options: [
+                {
+                  label: "Serif",
+                  value: "serif"
+                },
+                {
+                  label: "Monospace",
+                  value: "monospace"
+                },
+                {
+                  label: "苹方",
+                  value: "pingfang-sc"
+                },
+                {
+                  label: "微软雅黑",
+                  value: "microsoft-yahei"
+                },
+                {
+                  label: "黑体",
+                  value: "simhei"
+                },
+                {
+                  label: "宋体",
+                  value: "simsun"
+                },
+                {
+                  label: "楷体",
+                  value: "kaiti"
+                },
+                {
+                  label: "仿宋",
+                  value: "fangsong"
+                }
+              ],
+              onChange: (r) => {
+                n.onChange({
+                  format: g.attrName,
+                  value: r
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            s,
+            {
+              style: { width: 120 },
+              ...t,
+              size: "small",
+              value: o[p.attrName],
+              placeholder: "默认字号",
+              options: [...p.whitelist],
+              onChange: (r) => {
+                n.onChange({
+                  format: p.attrName,
+                  value: r
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            s,
+            {
+              style: { width: 120 },
+              ...t,
+              size: "small",
+              value: o[m.attrName],
+              placeholder: "默认行高",
+              options: [...m.whitelist],
+              onChange: (r) => {
+                n.onChange({
+                  format: m.attrName,
+                  value: r
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            s,
+            {
+              style: { width: 120 },
+              ...t,
+              size: "small",
+              value: o.header,
+              placeholder: "正文",
+              options: [
+                ...Array.from({ length: 6 }, (r, c) => {
+                  const d = c + 1;
+                  return {
+                    label: `标题 ${d}`,
+                    value: d
+                  };
+                })
+              ],
+              onChange: (r) => {
+                n.onChange({
+                  format: "header",
+                  value: r
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.bold ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(E, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "bold",
+                  value: !o.bold
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.italic ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(A, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "italic",
+                  value: !o.italic
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.underline ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(Z, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "underline",
+                  value: !o.underline
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.strike ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(K, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "strike",
+                  value: !o.strike
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            h,
+            {
+              value: o.color,
+              triggerElement: ({ value: r }) => /* @__PURE__ */ e(
+                l,
+                {
+                  style: { color: o.color },
+                  size: "small",
+                  type: "secondary",
+                  icon: /* @__PURE__ */ e(j, {})
+                }
+              ),
+              onChange: (r) => {
+                n.onChange({
+                  format: me.attrName,
+                  value: r
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            h,
+            {
+              value: o.background,
+              triggerElement: ({ value: r }) => /* @__PURE__ */ e(
+                l,
+                {
+                  style: { backgroundColor: o.background },
+                  size: "small",
+                  type: "secondary",
+                  icon: /* @__PURE__ */ e(R, {})
+                }
+              ),
+              onChange: (r) => {
+                n.onChange({
+                  format: ce.attrName,
+                  value: r
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.script === "sub" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("span", { children: "X" }),
+                /* @__PURE__ */ e("sub", { children: "2" })
+              ] }),
+              onClick: (r) => {
+                n.onChange({
+                  format: "script",
+                  value: o.script === "sub" ? !1 : "sub"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.script === "super" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("span", { children: "X" }),
+                /* @__PURE__ */ e("sup", { children: "2" })
+              ] }),
+              onClick: (r) => {
+                n.onChange({
+                  format: "script",
+                  value: o.script === "super" ? !1 : "super"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.align ? "secondary" : "primary",
+              icon: /* @__PURE__ */ e(P, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "align",
+                  value: !1
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.align === "center" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(F, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "align",
+                  value: o.align === "center" ? !1 : "center"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.align === "right" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(w, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "align",
+                  value: o.align === "right" ? !1 : "right"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.align === "justify" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(V, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "align",
+                  value: o.align === "justify" ? !1 : "justify"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.blockquote ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(G, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "blockquote",
+                  value: !o.blockquote
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o["code-block"] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(M, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "code-block",
+                  value: !o["code-block"]
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.list === "ordered" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(D, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "list",
+                  value: o.list === "ordered" ? !1 : "ordered"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.list === "bullet" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(ee, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "list",
+                  value: o.list === "bullet" ? !1 : "bullet"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: "secondary",
+              icon: /* @__PURE__ */ e($, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "indent",
+                  value: "+1"
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: "secondary",
+              icon: /* @__PURE__ */ e(X, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "indent",
+                  value: "-1"
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+          l,
+          {
+            size: "small",
+            type: "secondary",
+            icon: o.direction === "rtl" ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(Y, {}),
+            onClick: (r) => {
+              n.onChange({
+                format: "direction",
+                value: o.direction === "rtl" ? !1 : "rtl"
+              });
+            }
+          }
+        ) }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.link ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(H, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "link",
+                  value: o.link
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.image ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(q, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "image",
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.video ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(O, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "video",
+                  value: !0
+                });
+              }
+            }
+          ),
+          !1,
+          !1,
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.hr ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(Q, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "hr",
+                  value: !0
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.undo ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(_, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "undo",
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.redo ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(J, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "redo",
+                  value: !0
+                });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: o.clean ? "primary" : "secondary",
+              icon: /* @__PURE__ */ e(L, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "clean",
+                  value: !0
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              size: "small",
+              type: u ? "primary" : "secondary",
+              icon: u ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(B, {}),
+              onClick: (r) => {
+                n.onChange({
+                  format: "fullscreen",
+                  value: !0
+                });
+              }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+const fe = oe(ue);
+fe.displayName = "Toolbar";
+export {
+  fe as default
+};

package/rich-text/constant.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
 const o = `${_}-rich-text`;
 export {