reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/Heading.d.cts

@@ -1,6 +1,8 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
 import { HeadingOptions as HeadingOptions_2 } from '@tiptap/extension-heading';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 /**
@@ -77,6 +79,21 @@ export declare const Heading: Node_2<HeadingOptions, any>;
 export declare interface HeadingOptions extends HeadingOptions_2, GeneralOptions<HeadingOptions> {
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    level?: number;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextHeading(): JSX.Element;
+
 export { }
 
 
@@ -110,11 +127,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -122,8 +150,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -141,7 +170,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -166,10 +204,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -209,22 +245,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -247,8 +267,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -256,9 +283,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -274,20 +300,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -311,16 +323,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/Heading.d.ts

@@ -1,6 +1,8 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
 import { HeadingOptions as HeadingOptions_2 } from '@tiptap/extension-heading';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 
 /**
@@ -77,6 +79,21 @@ export declare const Heading: Node_2<HeadingOptions, any>;
 export declare interface HeadingOptions extends HeadingOptions_2, GeneralOptions<HeadingOptions> {
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    level?: number;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextHeading(): JSX.Element;
+
 export { }
 
 
@@ -110,11 +127,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -122,8 +150,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -141,7 +170,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -166,10 +204,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -209,22 +245,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageGifUpload: {
@@ -247,8 +267,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -256,9 +283,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -274,20 +300,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -311,16 +323,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/Heading.js

@@ -1,9 +1,12 @@
-import { N as f, t as v, m as b } from "./index-kbO3iWqL.js";
-import { jsxs as c, jsx as d } from "react/jsx-runtime";
-import { useMemo as M, Fragment as A } from "react";
-import { A as $ } from "./ActionMenuButton-DKRF6oa0.js";
-import { D as x, h as H, j as w, k as y, s as k, r as p, l as K } from "./RichTextEditor-DGcKEUGr.js";
-var D = f.create({
+import { N as f, t as m, m as A } from "./index-DnWWK9F_.js";
+import { u as M, H } from "./index-DYkucCoF.js";
+import { jsx as d, Fragment as b, jsxs as g } from "react/jsx-runtime";
+import { useMemo as $, Fragment as w } from "react";
+import { A as x } from "./ActionMenuButton-BKOg7hkq.js";
+import { c as D } from "./index-BPfVXs5_.js";
+import { u as y, b as N, h as k } from "./useButtonProps-BsEd4zYM.js";
+import { D as L, a as C, b as T, c as I, e as K, d as P } from "./dropdown-menu-BPp2Z_U-.js";
+var R = f.create({
   name: "heading",
   addOptions() {
     return {
@@ -29,13 +32,13 @@ var D = f.create({
     }));
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
-    return [`h${this.options.levels.includes(e.attrs.level) ? e.attrs.level : this.options.levels[0]}`, b(this.options.HTMLAttributes, t), 0];
+    return [`h${this.options.levels.includes(e.attrs.level) ? e.attrs.level : this.options.levels[0]}`, A(this.options.HTMLAttributes, t), 0];
   },
   parseMarkdown: (e, t) => t.createNode("heading", { level: e.depth || 1 }, t.parseInline(e.tokens || [])),
   renderMarkdown: (e, t) => {
     var a;
-    const n = (a = e.attrs) != null && a.level ? parseInt(e.attrs.level, 10) : 1, o = "#".repeat(n);
-    return e.content ? `${o} ${t.renderChildren(e.content)}` : "";
+    const s = (a = e.attrs) != null && a.level ? parseInt(e.attrs.level, 10) : 1, i = "#".repeat(s);
+    return e.content ? `${i} ${t.renderChildren(e.content)}` : "";
   },
   addCommands() {
     return {
@@ -53,7 +56,7 @@ var D = f.create({
     );
   },
   addInputRules() {
-    return this.options.levels.map((e) => v({
+    return this.options.levels.map((e) => m({
       find: new RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),
       type: this.type,
       getAttributes: {
@@ -62,95 +65,109 @@ var D = f.create({
     }));
   }
 });
-function N(e) {
-  var a;
-  const t = M(() => {
-    var s;
-    const n = (s = e == null ? void 0 : e.items) == null ? void 0 : s.find((l) => l.isActive());
-    return n && !n.default ? {
-      ...n
-    } : {
-      title: e.tooltip,
-      level: 0,
-      isActive: () => !1
-    };
-  }, [e]);
-  return /* @__PURE__ */ c(x, { children: [
+function z() {
+  const { t: e } = M(), t = y(S.name), {
+    icon: a = void 0,
+    tooltip: s = void 0,
+    isActive: i = void 0,
+    items: o = []
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: h, dataState: l } = N(i), r = $(() => (l == null ? void 0 : l.title) || e("editor.paragraph.tooltip"), [l]);
+  return t ? /* @__PURE__ */ g(L, { children: [
     /* @__PURE__ */ d(
-      H,
+      C,
       {
         asChild: !0,
-        disabled: e == null ? void 0 : e.disabled,
+        disabled: h,
         children: /* @__PURE__ */ d(
-          $,
+          x,
           {
-            disabled: e == null ? void 0 : e.disabled,
-            icon: "MenuDown",
-            title: t == null ? void 0 : t.title,
-            tooltip: e == null ? void 0 : e.tooltip,
-            tooltipOptions: e == null ? void 0 : e.tooltipOptions
+            disabled: h,
+            icon: a,
+            title: r,
+            tooltip: s
           }
         )
       }
     ),
-    /* @__PURE__ */ d(w, { className: "richtext-w-full", children: (a = e == null ? void 0 : e.items) == null ? void 0 : a.map((n, o) => {
-      var s, l;
-      return /* @__PURE__ */ c(A, { children: [
-        /* @__PURE__ */ c(
-          y,
+    /* @__PURE__ */ d(T, { className: "richtext-w-full", children: o == null ? void 0 : o.map((n, c) => {
+      var u, p;
+      return /* @__PURE__ */ g(w, { children: [
+        /* @__PURE__ */ g(
+          I,
           {
-            checked: (t == null ? void 0 : t.title) === n.title,
+            checked: r === n.title,
             onClick: n.action,
             children: [
-              /* @__PURE__ */ d("div", { className: `heading- richtext-ml-1 richtext-h-full${n.level}`, children: n.title }),
-              !!((s = n == null ? void 0 : n.shortcutKeys) != null && s.length) && /* @__PURE__ */ d(k, { className: "richtext-pl-4", children: (l = n == null ? void 0 : n.shortcutKeys) == null ? void 0 : l.map((r) => p(r)).join(" ") })
+              /* @__PURE__ */ d(
+                "div",
+                {
+                  className: D("richtext-ml-1 richtext-h-full", {
+                    "": n.level === "Paragraph",
+                    "heading-1": n.level === 1,
+                    "heading-2": n.level === 2,
+                    "heading-3": n.level === 3,
+                    "heading-4": n.level === 4,
+                    "heading-5": n.level === 5,
+                    "heading-6": n.level === 6
+                  }),
+                  children: n.title
+                }
+              ),
+              !!((u = n == null ? void 0 : n.shortcutKeys) != null && u.length) && /* @__PURE__ */ d(K, { className: "richtext-pl-4", children: (p = n == null ? void 0 : n.shortcutKeys) == null ? void 0 : p.map((v) => k(v)).join(" ") })
             ]
           }
         ),
-        n.level === 0 && /* @__PURE__ */ d(K, {})
-      ] }, `heading-k-${o}`);
+        n.level === "Paragraph" && /* @__PURE__ */ d(P, {})
+      ] }, `heading-k-${c}`);
     }) })
-  ] });
+  ] }) : /* @__PURE__ */ d(b, {});
 }
-const O = /* @__PURE__ */ D.extend({
+const S = /* @__PURE__ */ R.extend({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      levels: [1, 2, 3, 4, 5, 6],
-      button({ editor: t, extension: a, t: n }) {
-        var h, u;
-        const { extensions: o = [] } = t.extensionManager ?? [], s = ((h = a.options) == null ? void 0 : h.levels) || [], l = o.find(
-          (i) => i.name === "base-kit"
-        ), r = s.map((i) => {
-          var g;
+      levels: H,
+      button({ editor: t, extension: a, t: s }) {
+        var l;
+        const i = ((l = a.options) == null ? void 0 : l.levels) || [], o = i.map((r) => {
+          var c;
+          const n = r === "Paragraph";
           return {
-            action: () => t.commands.toggleHeading({ level: i }),
-            isActive: () => t.isActive("heading", { level: i }) || !1,
-            disabled: !t.can().toggleHeading({ level: i }),
-            title: n(`editor.heading.h${i}.tooltip`),
-            level: i,
-            shortcutKeys: ((g = a.options.shortcutKeys) == null ? void 0 : g[i]) ?? ["alt", "mod", `${i}`]
+            action: () => {
+              if (n) {
+                const u = i.find((p) => t.isActive("heading", { level: p }));
+                u && u !== "Paragraph" && t.commands.toggleHeading({ level: u });
+                return;
+              }
+              t.commands.toggleHeading({ level: r });
+            },
+            isActive: () => n ? !1 : t.isActive("heading", { level: r }) || !1,
+            disabled: !t.can().toggleHeading({ level: r }),
+            title: s(n ? "editor.paragraph.tooltip" : `editor.heading.h${r}.tooltip`),
+            level: r,
+            shortcutKeys: ((c = a.options.shortcutKeys) == null ? void 0 : c[r]) ?? ["alt", "mod", `${r}`],
+            default: n
           };
-        });
-        l && l.options.paragraph !== !1 && r.unshift({
-          action: () => t.commands.setParagraph(),
-          isActive: () => t.isActive("paragraph") || !1,
-          disabled: !t.can().setParagraph(),
-          level: 0,
-          title: n("editor.paragraph.tooltip"),
-          shortcutKeys: ((u = a.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["alt", "mod", "0"]
-        });
-        const m = r.filter((i) => i.disabled).length === r.length;
+        }), h = o.filter((r) => r.disabled).length === o.length;
         return {
-          component: N,
+          // component: HeadingButton,
           componentProps: {
-            tooltip: n("editor.heading.tooltip"),
-            disabled: m,
-            items: r,
-            editor: t
+            tooltip: s("editor.heading.tooltip"),
+            disabled: h,
+            items: o,
+            icon: "MenuDown",
+            isActive: () => {
+              const r = o == null ? void 0 : o.find((c) => c.isActive());
+              return r && !r.default ? r : {
+                title: s("editor.paragraph.tooltip"),
+                level: 0,
+                isActive: () => !1
+              };
+            },
+            levels: i
           }
         };
       }
@@ -158,5 +175,6 @@ const O = /* @__PURE__ */ D.extend({
   }
 });
 export {
-  O as Heading
+  S as Heading,
+  z as RichTextHeading
 };

package/lib/Highlight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-DF2Lp4HZ.cjs"),s=require("./RichTextEditor-CxvwGvQG.cjs"),u=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/,l=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g,a=r.Mark.create({name:"highlight",addOptions(){return{multicolor:!1,HTMLAttributes:{}}},addAttributes(){return this.options.multicolor?{color:{default:null,parseHTML:t=>t.getAttribute("data-color")||t.style.backgroundColor,renderHTML:t=>t.color?{"data-color":t.color,style:`background-color: ${t.color}; color: inherit`}:{}}}:{}},parseHTML(){return[{tag:"mark"}]},renderHTML({HTMLAttributes:t}){return["mark",r.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setHighlight:t=>({commands:e})=>e.setMark(this.name,t),toggleHighlight:t=>({commands:e})=>e.toggleMark(this.name,t),unsetHighlight:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-h":()=>this.editor.commands.toggleHighlight()}},addInputRules(){return[r.markInputRule({find:u,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:l,type:this.type})]}}),h=a.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),multicolor:!0,button:({editor:e,t:n,extension:o})=>({component:s.HighlightActionButton,componentProps:{action:i=>{typeof i=="string"&&e.chain().focus().setHighlight({color:i}).run(),i===void 0&&e.chain().focus().unsetHighlight().run()},editor:e,isActive:()=>e.isActive("highlight")||!1,disabled:!1,shortcutKeys:o.options.shortcutKeys??["⇧","mod","H"],tooltip:n("editor.highlight.tooltip"),defaultColor:o.options.defaultColor}})}}});exports.Highlight=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-RfTlOzIr.cjs"),e=require("react/jsx-runtime"),p=require("react"),C=require("./toggle-D41PzQLJ.cjs"),m=require("./separator-DRIrVZ2N.cjs");require("./index-DV5kbgRU.cjs");const L=require("./Icon-DUpv2cI6.cjs"),a=require("./useButtonProps-C6Vpn190.cjs"),H=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/,v=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g,M=l.Mark.create({name:"highlight",addOptions(){return{multicolor:!1,HTMLAttributes:{}}},addAttributes(){return this.options.multicolor?{color:{default:null,parseHTML:t=>t.getAttribute("data-color")||t.style.backgroundColor,renderHTML:t=>t.color?{"data-color":t.color,style:`background-color: ${t.color}; color: inherit`}:{}}}:{}},parseHTML(){return[{tag:"mark"}]},renderHTML({HTMLAttributes:t}){return["mark",l.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setHighlight:t=>({commands:r})=>r.setMark(this.name,t),toggleHighlight:t=>({commands:r})=>r.toggleMark(this.name,t),unsetHighlight:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-h":()=>this.editor.commands.toggleHighlight()}},addInputRules(){return[l.markInputRule({find:H,type:this.type})]},addPasteRules(){return[l.markPasteRule({find:v,type:this.type})]}});function j({fill:t}){return e.jsx("svg",{height:"18px",version:"1.1",viewBox:"0 0 256 256",width:"18px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:1,children:e.jsxs("g",{id:"icon/背景颜色",children:[e.jsx("g",{fill:"currentColor",children:e.jsxs("g",{transform:"translate(119.502295, 137.878331) rotate(-135.000000) translate(-119.502295, -137.878331) translate(48.002295, 31.757731)",children:[e.jsx("path",{d:"M100.946943,60.8084699 L43.7469427,60.8084699 C37.2852111,60.8084699 32.0469427,66.0467383 32.0469427,72.5084699 L32.0469427,118.70847 C32.0469427,125.170201 37.2852111,130.40847 43.7469427,130.40847 L100.946943,130.40847 C107.408674,130.40847 112.646943,125.170201 112.646943,118.70847 L112.646943,72.5084699 C112.646943,66.0467383 107.408674,60.8084699 100.946943,60.8084699 Z M93.646,79.808 L93.646,111.408 L51.046,111.408 L51.046,79.808 L93.646,79.808 Z",fillRule:"nonzero"}),e.jsx("path",{d:"M87.9366521,16.90916 L87.9194966,68.2000001 C87.9183543,69.4147389 86.9334998,70.399264 85.7187607,70.4 L56.9423078,70.4 C55.7272813,70.4 54.7423078,69.4150264 54.7423078,68.2 L54.7423078,39.4621057 C54.7423078,37.2523513 55.5736632,35.1234748 57.0711706,33.4985176 L76.4832996,12.4342613 C78.9534987,9.75382857 83.1289108,9.5834005 85.8093436,12.0535996 C87.1658473,13.303709 87.9372691,15.0644715 87.9366521,16.90916 Z",fillRule:"evenodd"}),e.jsx("path",{d:"M131.3,111.241199 L11.7,111.241199 C5.23826843,111.241199 0,116.479467 0,122.941199 L0,200.541199 C0,207.002931 5.23826843,212.241199 11.7,212.241199 L131.3,212.241199 C137.761732,212.241199 143,207.002931 143,200.541199 L143,122.941199 C143,116.479467 137.761732,111.241199 131.3,111.241199 Z M124,130.241 L124,193.241 L19,193.241 L19,130.241 L124,130.241 Z",fillRule:"nonzero"})]})}),e.jsx("path",{d:"M51,218 L205,218 C211.075132,218 216,222.924868 216,229 C216,235.075132 211.075132,240 205,240 L51,240 C44.9248678,240 40,235.075132 40,229 C40,222.924868 44.9248678,218 51,218 Z",fill:typeof t=="string"?t:"none",id:"矩形"})]})})})}function y(){const t=a.useButtonProps(d.name),{tooltip:r=void 0,isActive:s=void 0,defaultColor:i=void 0,colors:o,action:n,shortcutKeys:g}=(t==null?void 0:t.componentProps)??{},{editorDisabled:h}=a.useActive(s),[c,f]=p.useState(i);function x(u){h||n&&(n==null||n(u),f(u))}return t?e.jsx("div",{className:"richtext-flex richtext-h-[32px] richtext-items-center",children:e.jsx(m.ColorPicker,{colors:o,disabled:h,highlight:!0,onChange:x,value:c,children:e.jsx(C.ActionButton,{disabled:h,tooltip:r,shortcutKeys:g,children:e.jsxs("span",{className:"richtext-flex richtext-items-center richtext-justify-center richtext-gap-[4px] richtext-text-sm",children:[e.jsx(j,{fill:c}),e.jsx(L.IconComponent,{className:"!richtext-h-3 !richtext-w-3 richtext-text-zinc-500",name:"MenuDown"})]})})})}):e.jsx(e.Fragment,{})}const d=M.extend({addStorage(){return{currentColor:this.options.defaultColor||void 0}},addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),multicolor:!0,button:({editor:r,t:s,extension:i})=>({componentProps:{action:o=>{if(typeof o=="string"){r.storage.highlight.currentColor=o,r.chain().focus().setHighlight({color:o}).run();return}r.chain().focus().unsetHighlight().run()},isActive:()=>r.isActive("highlight")||!1,disabled:!1,shortcutKeys:i.options.shortcutKeys??["⇧","mod","H"],tooltip:s("editor.highlight.tooltip"),defaultColor:i.options.defaultColor}})}},addKeyboardShortcuts(){var t;return{...(t=this.parent)==null?void 0:t.call(this),"Mod-Shift-h":()=>{const r=this.storage.currentColor||this.options.defaultColor;if(!r){const{color:i}=this.editor.getAttributes("highlight");return i?this.editor.chain().focus().unsetHighlight().run():!1}return this.editor.isActive("highlight",{color:r})?this.editor.chain().focus().unsetHighlight().run():this.editor.chain().focus().setHighlight({color:r}).run()}}}});exports.Highlight=d;exports.RichTextHighlight=y;