reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/MoreMark.d.cts

@@ -1,5 +1,7 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { SubscriptExtensionOptions } from '@tiptap/extension-subscript';
 import { SuperscriptExtensionOptions } from '@tiptap/extension-superscript';
 
@@ -72,23 +74,37 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
 export declare const MoreMark: Extension<MoreMarkOptions, any>;
 
 export declare interface MoreMarkOptions extends GeneralOptions<MoreMarkOptions> {
     /**
-     * // 下标
+     * // options for Subscript Extension
      *
      * @default true
      */
     subscript: Partial<SubscriptExtensionOptions> | false;
     /**
-     * // 上标
+     * // options for Superscript Extension
      *
      * @default true
      */
     superscript: Partial<SuperscriptExtensionOptions> | false;
 }
 
+export declare function RichTextMoreMark(): JSX.Element;
+
 export { }
 
 
@@ -122,6 +138,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -153,7 +190,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -178,10 +215,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -266,16 +301,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -286,20 +311,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: {
@@ -323,16 +334,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/MoreMark.d.ts

@@ -1,5 +1,7 @@
+import { default as default_2 } from 'react';
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { SubscriptExtensionOptions } from '@tiptap/extension-subscript';
 import { SuperscriptExtensionOptions } from '@tiptap/extension-superscript';
 
@@ -72,23 +74,37 @@ declare interface GeneralOptions<T> {
     shortcutKeys?: string[] | string[][];
 }
 
+export declare interface Item {
+    title: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
 export declare const MoreMark: Extension<MoreMarkOptions, any>;
 
 export declare interface MoreMarkOptions extends GeneralOptions<MoreMarkOptions> {
     /**
-     * // 下标
+     * // options for Subscript Extension
      *
      * @default true
      */
     subscript: Partial<SubscriptExtensionOptions> | false;
     /**
-     * // 上标
+     * // options for Superscript Extension
      *
      * @default true
      */
     superscript: Partial<SuperscriptExtensionOptions> | false;
 }
 
+export declare function RichTextMoreMark(): JSX.Element;
+
 export { }
 
 
@@ -122,6 +138,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -153,7 +190,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -178,10 +215,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -266,16 +301,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -286,20 +311,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: {
@@ -323,16 +334,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/MoreMark.js

@@ -1,57 +1,125 @@
-import { E as m } from "./index-kbO3iWqL.js";
-import { S as f, a as b } from "./index-D_L6n8O8.js";
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import { D as g, h as M, A as y, M as S, j as k, k as A, f as w, g as v } from "./RichTextEditor-DGcKEUGr.js";
-function K(t) {
-  var c;
-  const e = x(() => {
-    var o;
-    const i = (o = t == null ? void 0 : t.items) == null ? void 0 : o.find((a) => a.isActive());
-    return i && !i.default ? {
-      ...i,
-      icon: i != null && i.icon ? i == null ? void 0 : i.icon : t == null ? void 0 : t.icon
-    } : {
-      title: t.tooltip,
-      icon: t.icon,
-      isActive: () => !1
+import { M as h, m, E as b } from "./index-DnWWK9F_.js";
+import { jsx as e, Fragment as f, jsxs as d } from "react/jsx-runtime";
+import { useMemo as M } from "react";
+import { A as x } from "./toggle-Cdp4IT2U.js";
+import "./index-BPfVXs5_.js";
+import { I as A } from "./Icon-jKs8Hr6p.js";
+import { M as S } from "./icons-Cllpys39.js";
+import { u as k, b as v, g as y } from "./useButtonProps-BsEd4zYM.js";
+import { D as T, a as K, b as w, c as C } from "./dropdown-menu-BPp2Z_U-.js";
+var H = h.create({
+  name: "subscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sub"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(t) {
+          return t !== "sub" ? !1 : null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["sub", m(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      setSubscript: () => ({ commands: t }) => t.setMark(this.name),
+      toggleSubscript: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetSubscript: () => ({ commands: t }) => t.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-,": () => this.editor.commands.toggleSubscript()
+    };
+  }
+}), L = h.create({
+  name: "superscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sup"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(t) {
+          return t !== "super" ? !1 : null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["sup", m(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      setSuperscript: () => ({ commands: t }) => t.setMark(this.name),
+      toggleSuperscript: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetSuperscript: () => ({ commands: t }) => t.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-.": () => this.editor.commands.toggleSuperscript()
     };
-  }, [t]);
-  return /* @__PURE__ */ h(g, { children: [
-    /* @__PURE__ */ s(
-      M,
+  }
+});
+function $() {
+  const t = k(D.name), {
+    icon: s = void 0,
+    tooltip: o = void 0,
+    items: i = [],
+    isActive: a = void 0
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { disabled: c, dataState: n } = v(a), p = M(() => (n == null ? void 0 : n.title) || "", [n]);
+  return t ? /* @__PURE__ */ d(T, { children: [
+    /* @__PURE__ */ e(
+      K,
       {
         asChild: !0,
-        disabled: t == null ? void 0 : t.disabled,
-        children: /* @__PURE__ */ s(
-          y,
+        disabled: c,
+        children: /* @__PURE__ */ e(
+          x,
           {
             customClass: "!richtext-w-12 richtext-h-12",
-            disabled: t == null ? void 0 : t.disabled,
-            icon: t == null ? void 0 : t.icon,
-            tooltip: t == null ? void 0 : t.tooltip,
-            children: /* @__PURE__ */ s(S, { className: "richtext-size-3 richtext-text-gray-500" })
+            disabled: c,
+            icon: s,
+            tooltip: o,
+            children: /* @__PURE__ */ e(S, { className: "richtext-size-3 richtext-text-gray-500" })
           }
         )
       }
     ),
-    /* @__PURE__ */ s(k, { className: "w-full", children: (c = t == null ? void 0 : t.items) == null ? void 0 : c.map((i, n) => /* @__PURE__ */ h(
-      A,
+    /* @__PURE__ */ e(w, { className: "w-full", children: i == null ? void 0 : i.map((r, u) => /* @__PURE__ */ d(
+      C,
       {
-        checked: e.title === i.title,
+        checked: p === r.title,
         className: "richtext-flex richtext-items-center richtext-gap-3",
-        onClick: i.action,
+        onClick: r.action,
         children: [
-          /* @__PURE__ */ s(w, { name: i == null ? void 0 : i.icon }),
-          /* @__PURE__ */ s("span", { className: "richtext-ml-1", children: i.title }),
-          !!(i != null && i.shortcutKeys) && /* @__PURE__ */ s("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: v(i.shortcutKeys) })
+          /* @__PURE__ */ e(A, { name: r == null ? void 0 : r.icon }),
+          /* @__PURE__ */ e("span", { className: "richtext-ml-1", children: r.title }),
+          !!(r != null && r.shortcutKeys) && /* @__PURE__ */ e("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: y(r.shortcutKeys) })
         ]
       },
-      `more-mark-${n}`
+      `more-mark-${u}`
     )) })
-  ] });
+  ] }) : /* @__PURE__ */ e(f, {});
 }
-const j = /* @__PURE__ */ m.create({
+const D = /* @__PURE__ */ b.create({
   name: "moreMark",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
@@ -59,30 +127,31 @@ const j = /* @__PURE__ */ m.create({
     var t;
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
-      button({ editor: e, extension: c, t: i }) {
+      button({ editor: s, extension: o, t: i }) {
         var u, l;
-        const n = c.options.subscript, o = c.options.superscript, a = {
-          action: () => e.commands.toggleSubscript(),
-          isActive: () => e.isActive("subscript") || !1,
-          disabled: !e.can().toggleSubscript(),
+        const a = o.options.subscript, c = o.options.superscript, n = {
+          action: () => s.commands.toggleSubscript(),
+          isActive: () => s.isActive("subscript") || !1,
+          disabled: !s.can().toggleSubscript(),
           icon: "Subscript",
           title: i("editor.subscript.tooltip"),
-          shortcutKeys: ((u = c.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["mod", "."]
-        }, d = {
-          action: () => e.commands.toggleSuperscript(),
-          isActive: () => e.isActive("superscript") || !1,
-          disabled: !e.can().toggleSuperscript(),
+          shortcutKeys: ((u = o.options.shortcutKeys) == null ? void 0 : u[0]) ?? ["mod", "."]
+        }, p = {
+          action: () => s.commands.toggleSuperscript(),
+          isActive: () => s.isActive("superscript") || !1,
+          disabled: !s.can().toggleSuperscript(),
           icon: "Superscript",
           title: i("editor.superscript.tooltip"),
-          shortcutKeys: ((l = c.options.shortcutKeys) == null ? void 0 : l[1]) ?? ["mod", ","]
+          shortcutKeys: ((l = o.options.shortcutKeys) == null ? void 0 : l[1]) ?? ["mod", ","]
         }, r = [];
-        return n !== !1 && r.push(a), o !== !1 && r.push(d), {
-          component: K,
+        return a !== !1 && r.push(n), c !== !1 && r.push(p), {
+          // component: ActionMoreButton,
           componentProps: {
             icon: "Type",
             tooltip: i("editor.moremark"),
-            disabled: !e.isEditable,
-            items: r
+            disabled: !s.isEditable,
+            items: r,
+            isActive: () => r == null ? void 0 : r.find((g) => g.isActive())
           }
         };
       }
@@ -90,9 +159,10 @@ const j = /* @__PURE__ */ m.create({
   },
   addExtensions() {
     const t = [];
-    return this.options.subscript !== !1 && t.push(f.configure(this.options.subscript)), this.options.superscript !== !1 && t.push(b.configure(this.options.superscript)), t;
+    return this.options.subscript !== !1 && t.push(H.configure(this.options.subscript)), this.options.superscript !== !1 && t.push(L.configure(this.options.superscript)), t;
   }
 });
 export {
-  j as MoreMark
+  D as MoreMark,
+  $ as RichTextMoreMark
 };

package/lib/OrderedList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-5iBZLua9.cjs"),s=require("./RichTextEditor-CxvwGvQG.cjs"),d=r.OrderedList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({component:s.ActionButton,componentProps:{action:()=>e.commands.toggleOrderedList(),isActive:()=>e.isActive("orderedList")||!1,disabled:!1,icon:"ListOrdered",shortcutKeys:i.options.shortcutKeys??["mod","shift","7"],tooltip:o("editor.orderedlist.tooltip")}})}}});exports.OrderedList=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index-D-5U8dY8.cjs"),r=require("react/jsx-runtime"),g=require("./toggle-D41PzQLJ.cjs");require("react");require("./index-DV5kbgRU.cjs");const d=require("./useButtonProps-C6Vpn190.cjs");function m(){const t=d.useButtonProps(c.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:i=void 0,tooltipOptions:u={},action:s=void 0,isActive:a=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:n,update:l}=d.useToggleActive(a),v=()=>{n||s&&(s(),l())};return t?r.jsx(g.ActionButton,{action:v,dataState:p,disabled:n,icon:e,shortcutKeys:i,tooltip:o,tooltipOptions:u}):r.jsx(r.Fragment,{})}const c=O.OrderedList.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o,extension:i})=>({componentProps:{action:()=>e.commands.toggleOrderedList(),isActive:()=>e.isActive("orderedList"),disabled:!1,icon:"ListOrdered",shortcutKeys:i.options.shortcutKeys??["mod","shift","7"],tooltip:o("editor.orderedlist.tooltip")}})}}});exports.OrderedList=c;exports.RichTextOrderedList=m;

package/lib/OrderedList.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 import { Node as Node_2 } from '@tiptap/core';
 import { OrderedListOptions as OrderedListOptions_2 } from '@tiptap/extension-list';
 
@@ -77,6 +78,8 @@ export declare const OrderedList: Node_2<OrderedListOptions, any>;
 export declare interface OrderedListOptions extends OrderedListOptions_2, GeneralOptions<OrderedListOptions> {
 }
 
+export declare function RichTextOrderedList(): JSX.Element;
+
 export { }
 
 
@@ -110,6 +113,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+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> {
         drawer: {
@@ -141,7 +165,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -166,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -254,16 +276,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -274,20 +286,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 +309,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: {