@unicom-cloud/ui 0.8.133 → 0.8.134

package/rich-text/Toolbar.js

@@ -1,530 +1,566 @@
-/* 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-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 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 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 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 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 f.current;
+      return w.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: 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 },
-              ...t,
-              size: "small",
-              value: o[g.attrName],
+              ...u,
+              size: a,
+              value: r[L],
               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: [...Mo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: L,
+                  value: e
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            s,
+          /* @__PURE__ */ o(
+            y,
             {
               style: { width: 120 },
-              ...t,
-              size: "small",
-              value: o[p.attrName],
+              ...u,
+              size: a,
+              value: r[V],
               placeholder: "默认字号",
-              options: [...p.whitelist],
-              onChange: (r) => {
-                n.onChange({
-                  format: p.attrName,
-                  value: r
+              options: [...Oo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: V,
+                  value: e
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            s,
+          /* @__PURE__ */ o(
+            y,
             {
               style: { width: 120 },
-              ...t,
-              size: "small",
-              value: o[m.attrName],
+              ...u,
+              size: a,
+              value: r[T.attrName],
               placeholder: "默认行高",
-              options: [...m.whitelist],
-              onChange: (r) => {
-                n.onChange({
-                  format: m.attrName,
-                  value: r
+              options: [...qo],
+              disabled: i,
+              onChange: (e) => {
+                t.onChange({
+                  format: T.attrName,
+                  value: e
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            s,
+          /* @__PURE__ */ o(
+            y,
             {
               style: { width: 120 },
-              ...t,
-              size: "small",
-              value: o.header,
+              ...u,
+              size: a,
+              value: r[R.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: [...Wo],
+              onChange: (e) => {
+                t.onChange({
+                  format: R.blotName,
+                  value: e
                 });
               }
             }
           )
         ] }),
-        /* @__PURE__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o.bold ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(E, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "bold",
-                  value: !o.bold
+              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__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o.italic ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(A, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "italic",
-                  value: !o.italic
+              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__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o.underline ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(Z, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "underline",
-                  value: !o.underline
+              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__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o.strike ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(K, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "strike",
-                  value: !o.strike
+              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__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            h,
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            j,
             {
-              value: o.color,
-              triggerElement: ({ value: r }) => /* @__PURE__ */ e(
-                l,
+              defaultValue: "#fff",
+              value: r[I],
+              disabled: i,
+              triggerElement: ({ value: e }) => /* @__PURE__ */ o(
+                n,
                 {
-                  style: { color: o.color },
-                  size: "small",
+                  style: { color: r[I] },
+                  size: a,
                   type: "secondary",
-                  icon: /* @__PURE__ */ e(j, {})
+                  icon: /* @__PURE__ */ o(mo, {}),
+                  disabled: i
                 }
               ),
-              onChange: (r) => {
-                n.onChange({
-                  format: me.attrName,
-                  value: r
+              onChange: (e) => {
+                t.onChange({
+                  format: I,
+                  value: e
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            h,
+          /* @__PURE__ */ o(
+            j,
             {
-              value: o.background,
-              triggerElement: ({ value: r }) => /* @__PURE__ */ e(
-                l,
+              defaultValue: "#fff",
+              value: r[g],
+              disabled: i,
+              triggerElement: ({ value: e }) => /* @__PURE__ */ o(
+                n,
                 {
-                  style: { backgroundColor: o.background },
-                  size: "small",
+                  style: {
+                    backgroundColor: r[g]
+                  },
+                  size: a,
                   type: "secondary",
-                  icon: /* @__PURE__ */ e(R, {})
+                  icon: /* @__PURE__ */ o(eo, {}),
+                  disabled: i
                 }
               ),
-              onChange: (r) => {
-                n.onChange({
-                  format: ce.attrName,
-                  value: r
+              onChange: (e) => {
+                t.onChange({
+                  format: g,
+                  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(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" })
               ] }),
-              onClick: (r) => {
-                n.onChange({
-                  format: "script",
-                  value: o.script === "sub" ? !1 : "sub"
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: p.blotName,
+                  value: r[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(
+            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" })
               ] }),
-              onClick: (r) => {
-                n.onChange({
-                  format: "script",
-                  value: o.script === "super" ? !1 : "super"
+              disabled: i,
+              onClick: (e) => {
+                t.onChange({
+                  format: p.blotName,
+                  value: r[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(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[c] ? "secondary" : "primary",
+              icon: /* @__PURE__ */ o(_, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
                   value: !1
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              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: a,
+              type: r[c] === "center" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(K, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "center" ? !1 : "center"
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              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: a,
+              type: r[c] === "right" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(oo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "right" ? !1 : "right"
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              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: a,
+              type: r[c] === "justify" ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(Z, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: c,
+                  value: r[c] === "justify" ? !1 : "justify"
                 });
               }
             }
           )
         ] }),
-        /* @__PURE__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
+        /* @__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: "small",
-              type: o.blockquote ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(G, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "blockquote",
-                  value: !o.blockquote
+              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__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o["code-block"] ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(M, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "code-block",
-                  value: !o["code-block"]
+              size: a,
+              type: r[v.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(ao, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: v.blotName,
+                  value: !r[v.blotName]
                 });
               }
             }
           )
         ] }),
-        /* @__PURE__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
             {
-              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: 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__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              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: 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__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
+              size: a,
               type: "secondary",
-              icon: /* @__PURE__ */ e($, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "indent",
+              icon: /* @__PURE__ */ o(yo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: H,
                   value: "+1"
                 });
               }
             }
           ),
-          /* @__PURE__ */ e(
-            l,
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
+              size: a,
               type: "secondary",
-              icon: /* @__PURE__ */ e(X, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "indent",
+              icon: /* @__PURE__ */ o(uo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: H,
                   value: "-1"
                 });
               }
             }
           )
         ] }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
-          l,
+        /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+          n,
           {
-            size: "small",
+            size: a,
             type: "secondary",
-            icon: o.direction === "rtl" ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(Y, {}),
-            onClick: (r) => {
-              n.onChange({
-                format: "direction",
-                value: o.direction === "rtl" ? !1 : "rtl"
+            icon: r[U] === "rtl" ? /* @__PURE__ */ o(ko, {}) : /* @__PURE__ */ o(Io, {}),
+            onClick: (e) => {
+              t.onChange({
+                format: U,
+                value: r[U] === "rtl" ? !1 : "rtl"
               });
             }
           }
         ) }),
-        /* @__PURE__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
             {
-              size: "small",
-              type: o.link ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(H, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "link",
-                  value: o.link
+              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__ */ e(
-            l,
-            {
-              size: "small",
-              type: o.image ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(q, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "image",
+          /* @__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__ */ e(
-            l,
-            {
-              size: "small",
-              type: o.video ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(O, {}),
-              onClick: (r) => {
-                n.onChange({
-                  format: "video",
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: r[M.blotName] ? "primary" : "secondary",
+              icon: /* @__PURE__ */ o(xo, {}),
+              onClick: (e) => {
+                t.onChange({
+                  format: M.blotName,
                   value: !0
                 });
               }
@@ -532,44 +568,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(
+            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__ */ i(a, { children: [
-          /* @__PURE__ */ e(
-            l,
-            {
-              size: "small",
-              type: o.undo ? "primary" : "secondary",
-              icon: /* @__PURE__ */ e(_, {}),
-              onClick: (r) => {
-                n.onChange({
+        /* @__PURE__ */ m(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(Fo, {}),
+              onClick: (e) => {
+                t.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(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(No, {}),
+              onClick: (e) => {
+                t.onChange({
                   format: "redo",
                   value: !0
                 });
@@ -577,29 +661,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(l, { children: [
+          /* @__PURE__ */ o(
+            n,
+            {
+              size: a,
+              type: "secondary",
+              icon: /* @__PURE__ */ o(no, {}),
+              disabled: i,
+              onClick: (e) => {
+                t.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(
+            n,
+            {
+              size: a,
+              type: $ ? "primary" : "secondary",
+              icon: $ ? /* @__PURE__ */ o(co, {}) : /* @__PURE__ */ o(lo, {}),
+              onClick: (e) => {
+                t.onChange({
                   format: "fullscreen",
                   value: !0
                 });
@@ -611,8 +696,8 @@ function ue(C, v) {
     }
   );
 }
-const fe = oe(ue);
-fe.displayName = "Toolbar";
+const Qo = wo(Jo);
+Qo.displayName = "Toolbar";
 export {
-  fe as default
+  Qo as default
 };