@tiptap/vue-2 3.20.2 → 3.20.4

package/dist/menus/index.d.cts

@@ -96,11 +96,15 @@ interface BubbleMenuPluginProps {
 
 interface BubbleMenuInterface {
     $el: HTMLElement;
+    $attrs: Record<string, any>;
+    $listeners: Record<string, (...args: any[]) => unknown>;
     $nextTick: (callback: () => void) => void;
     $slots: {
         default?: VNode[];
     };
+    $vnode?: VNode;
     pluginKey: BubbleMenuPluginProps['pluginKey'];
+    generatedPluginKey?: BubbleMenuPluginProps['pluginKey'];
     editor: BubbleMenuPluginProps['editor'];
     updateDelay: BubbleMenuPluginProps['updateDelay'];
     resizeDelay: BubbleMenuPluginProps['resizeDelay'];
@@ -108,6 +112,7 @@ interface BubbleMenuInterface {
     shouldShow: BubbleMenuPluginProps['shouldShow'];
     getReferencedVirtualElement: BubbleMenuPluginProps['getReferencedVirtualElement'];
     options: BubbleMenuPluginProps['options'];
+    getPluginKey: () => BubbleMenuPluginProps['pluginKey'];
 }
 declare const BubbleMenu: Component;
 
@@ -205,13 +210,17 @@ declare module '@tiptap/core' {
 }
 
 interface FloatingMenuInterface extends Vue {
+    $attrs: Record<string, any>;
+    $listeners: Record<string, (...args: any[]) => unknown>;
     pluginKey: FloatingMenuPluginProps['pluginKey'];
+    generatedPluginKey?: FloatingMenuPluginProps['pluginKey'];
     editor: FloatingMenuPluginProps['editor'];
     updateDelay: FloatingMenuPluginProps['updateDelay'];
     resizeDelay: FloatingMenuPluginProps['resizeDelay'];
     options: FloatingMenuPluginProps['options'];
     appendTo: FloatingMenuPluginProps['appendTo'];
     shouldShow: FloatingMenuPluginProps['shouldShow'];
+    getPluginKey: () => FloatingMenuPluginProps['pluginKey'];
 }
 declare const FloatingMenu: Component;
 

package/dist/menus/index.d.ts

@@ -96,11 +96,15 @@ interface BubbleMenuPluginProps {
 
 interface BubbleMenuInterface {
     $el: HTMLElement;
+    $attrs: Record<string, any>;
+    $listeners: Record<string, (...args: any[]) => unknown>;
     $nextTick: (callback: () => void) => void;
     $slots: {
         default?: VNode[];
     };
+    $vnode?: VNode;
     pluginKey: BubbleMenuPluginProps['pluginKey'];
+    generatedPluginKey?: BubbleMenuPluginProps['pluginKey'];
     editor: BubbleMenuPluginProps['editor'];
     updateDelay: BubbleMenuPluginProps['updateDelay'];
     resizeDelay: BubbleMenuPluginProps['resizeDelay'];
@@ -108,6 +112,7 @@ interface BubbleMenuInterface {
     shouldShow: BubbleMenuPluginProps['shouldShow'];
     getReferencedVirtualElement: BubbleMenuPluginProps['getReferencedVirtualElement'];
     options: BubbleMenuPluginProps['options'];
+    getPluginKey: () => BubbleMenuPluginProps['pluginKey'];
 }
 declare const BubbleMenu: Component;
 
@@ -205,13 +210,17 @@ declare module '@tiptap/core' {
 }
 
 interface FloatingMenuInterface extends Vue {
+    $attrs: Record<string, any>;
+    $listeners: Record<string, (...args: any[]) => unknown>;
     pluginKey: FloatingMenuPluginProps['pluginKey'];
+    generatedPluginKey?: FloatingMenuPluginProps['pluginKey'];
     editor: FloatingMenuPluginProps['editor'];
     updateDelay: FloatingMenuPluginProps['updateDelay'];
     resizeDelay: FloatingMenuPluginProps['resizeDelay'];
     options: FloatingMenuPluginProps['options'];
     appendTo: FloatingMenuPluginProps['appendTo'];
     shouldShow: FloatingMenuPluginProps['shouldShow'];
+    getPluginKey: () => FloatingMenuPluginProps['pluginKey'];
 }
 declare const FloatingMenu: Component;
 

package/dist/menus/index.js

@@ -1971,12 +1971,14 @@ var BubbleMenuPlugin = (options) => {
 };
 
 // src/menus/BubbleMenu.ts
+import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
 var BubbleMenu = {
   name: "BubbleMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       type: [String, Object],
-      default: "bubbleMenu"
+      default: void 0
     },
     editor: {
       type: Object,
@@ -2018,7 +2020,7 @@ var BubbleMenu = {
           options: this.options,
           editor,
           element: el,
-          pluginKey: this.pluginKey,
+          pluginKey: this.getPluginKey(),
           appendTo: this.appendTo,
           shouldShow: this.shouldShow,
           getReferencedVirtualElement: this.getReferencedVirtualElement
@@ -2027,16 +2029,36 @@ var BubbleMenu = {
     });
   },
   render(createElement) {
-    return createElement("div", {}, this.$slots.default);
+    var _a, _b;
+    const vnodeData = (_b = (_a = this.$vnode) == null ? void 0 : _a.data) != null ? _b : {};
+    return createElement(
+      "div",
+      {
+        attrs: this.$attrs,
+        on: this.$listeners,
+        class: [vnodeData.staticClass, vnodeData.class],
+        style: [vnodeData.staticStyle, vnodeData.style]
+      },
+      this.$slots.default
+    );
   },
   beforeDestroy() {
-    this.editor.unregisterPlugin(this.pluginKey);
+    this.editor.unregisterPlugin(this.getPluginKey());
+  },
+  methods: {
+    getPluginKey() {
+      var _a;
+      if (!this.generatedPluginKey) {
+        this.generatedPluginKey = (_a = this.pluginKey) != null ? _a : new PluginKey2("bubbleMenu");
+      }
+      return this.generatedPluginKey;
+    }
   }
 };
 
 // ../extension-floating-menu/src/floating-menu-plugin.ts
 import { getText, getTextSerializersFromSchema, posToDOMRect as posToDOMRect2 } from "@tiptap/core";
-import { Plugin as Plugin2, PluginKey as PluginKey2 } from "@tiptap/pm/state";
+import { Plugin as Plugin2, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 var FloatingMenuView = class {
   constructor({
     editor,
@@ -2324,18 +2346,20 @@ var FloatingMenuView = class {
 };
 var FloatingMenuPlugin = (options) => {
   return new Plugin2({
-    key: typeof options.pluginKey === "string" ? new PluginKey2(options.pluginKey) : options.pluginKey,
+    key: typeof options.pluginKey === "string" ? new PluginKey3(options.pluginKey) : options.pluginKey,
     view: (view) => new FloatingMenuView({ view, ...options })
   });
 };
 
 // src/menus/FloatingMenu.ts
+import { PluginKey as PluginKey4 } from "@tiptap/pm/state";
 var FloatingMenu = {
   name: "FloatingMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       type: [String, Object],
-      default: "floatingMenu"
+      default: void 0
     },
     editor: {
       type: Object,
@@ -2377,7 +2401,7 @@ var FloatingMenu = {
         this.$nextTick(() => {
           editor.registerPlugin(
             FloatingMenuPlugin({
-              pluginKey: this.pluginKey,
+              pluginKey: this.getPluginKey(),
               editor,
               element: this.$el,
               updateDelay: this.updateDelay,
@@ -2392,10 +2416,30 @@ var FloatingMenu = {
     }
   },
   render(createElement) {
-    return createElement("div", {}, this.$slots.default);
+    var _a, _b;
+    const vnodeData = (_b = (_a = this.$vnode) == null ? void 0 : _a.data) != null ? _b : {};
+    return createElement(
+      "div",
+      {
+        attrs: this.$attrs,
+        on: this.$listeners,
+        class: [vnodeData.staticClass, vnodeData.class],
+        style: [vnodeData.staticStyle, vnodeData.style]
+      },
+      this.$slots.default
+    );
   },
   beforeDestroy() {
-    this.editor.unregisterPlugin(this.pluginKey);
+    this.editor.unregisterPlugin(this.getPluginKey());
+  },
+  methods: {
+    getPluginKey() {
+      var _a;
+      if (!this.generatedPluginKey) {
+        this.generatedPluginKey = (_a = this.pluginKey) != null ? _a : new PluginKey4("floatingMenu");
+      }
+      return this.generatedPluginKey;
+    }
   }
 };
 export {