@unicom-cloud/ui 0.8.133 → 0.8.135

package/rich-text/Toolbar.js

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