@tiptap/vue-2 3.20.2 → 3.20.4

package/dist/menus/index.cjs

@@ -1998,12 +1998,14 @@ var BubbleMenuPlugin = (options) => {
 };
 
 // src/menus/BubbleMenu.ts
+var import_state2 = require("@tiptap/pm/state");
 var BubbleMenu = {
   name: "BubbleMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       type: [String, Object],
-      default: "bubbleMenu"
+      default: void 0
     },
     editor: {
       type: Object,
@@ -2045,7 +2047,7 @@ var BubbleMenu = {
           options: this.options,
           editor,
           element: el,
-          pluginKey: this.pluginKey,
+          pluginKey: this.getPluginKey(),
           appendTo: this.appendTo,
           shouldShow: this.shouldShow,
           getReferencedVirtualElement: this.getReferencedVirtualElement
@@ -2054,16 +2056,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 import_state2.PluginKey("bubbleMenu");
+      }
+      return this.generatedPluginKey;
+    }
   }
 };
 
 // ../extension-floating-menu/src/floating-menu-plugin.ts
 var import_core3 = require("@tiptap/core");
-var import_state2 = require("@tiptap/pm/state");
+var import_state3 = require("@tiptap/pm/state");
 var FloatingMenuView = class {
   constructor({
     editor,
@@ -2350,19 +2372,21 @@ var FloatingMenuView = class {
   }
 };
 var FloatingMenuPlugin = (options) => {
-  return new import_state2.Plugin({
-    key: typeof options.pluginKey === "string" ? new import_state2.PluginKey(options.pluginKey) : options.pluginKey,
+  return new import_state3.Plugin({
+    key: typeof options.pluginKey === "string" ? new import_state3.PluginKey(options.pluginKey) : options.pluginKey,
     view: (view) => new FloatingMenuView({ view, ...options })
   });
 };
 
 // src/menus/FloatingMenu.ts
+var import_state4 = require("@tiptap/pm/state");
 var FloatingMenu = {
   name: "FloatingMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       type: [String, Object],
-      default: "floatingMenu"
+      default: void 0
     },
     editor: {
       type: Object,
@@ -2404,7 +2428,7 @@ var FloatingMenu = {
         this.$nextTick(() => {
           editor.registerPlugin(
             FloatingMenuPlugin({
-              pluginKey: this.pluginKey,
+              pluginKey: this.getPluginKey(),
               editor,
               element: this.$el,
               updateDelay: this.updateDelay,
@@ -2419,10 +2443,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 import_state4.PluginKey("floatingMenu");
+      }
+      return this.generatedPluginKey;
+    }
   }
 };
 // Annotate the CommonJS export names for ESM import in node: