@tiptap/extension-drag-handle-vue-3 2.22.0

package/README.md

@@ -0,0 +1,14 @@
+# @tiptap/extension-drag-handle-vue3
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle-vue3.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue3)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle-vue3.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle-vue3.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue3)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.
+
+## Official Documentation
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).

package/dist/DragHandle.d.ts

@@ -0,0 +1,72 @@
+import { DragHandlePluginProps } from '@tiptap/extension-drag-handle';
+import { Editor } from '@tiptap/vue-3';
+import { PropType } from 'vue';
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+export type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {
+    class?: string;
+    onNodeChange?: (data: {
+        node: Node | null;
+        editor: Editor;
+        pos: number;
+    }) => void;
+};
+export declare const DragHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    pluginKey: {
+        type: PropType<DragHandleProps["pluginKey"]>;
+        default: import("prosemirror-state").PluginKey<any>;
+    };
+    editor: {
+        type: PropType<DragHandleProps["editor"]>;
+        required: true;
+    };
+    tippyOptions: {
+        type: PropType<DragHandleProps["tippyOptions"]>;
+        default: () => {};
+    };
+    onNodeChange: {
+        type: PropType<DragHandleProps["onNodeChange"]>;
+        default: null;
+    };
+    class: {
+        type: PropType<DragHandleProps["class"]>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pluginKey: {
+        type: PropType<DragHandleProps["pluginKey"]>;
+        default: import("prosemirror-state").PluginKey<any>;
+    };
+    editor: {
+        type: PropType<DragHandleProps["editor"]>;
+        required: true;
+    };
+    tippyOptions: {
+        type: PropType<DragHandleProps["tippyOptions"]>;
+        default: () => {};
+    };
+    onNodeChange: {
+        type: PropType<DragHandleProps["onNodeChange"]>;
+        default: null;
+    };
+    class: {
+        type: PropType<DragHandleProps["class"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    pluginKey: string | import("prosemirror-state").PluginKey<any> | undefined;
+    onNodeChange: (((data: {
+        editor: import("@tiptap/core").Editor;
+        node: import("prosemirror-model").Node | null;
+        pos: number;
+    }) => void) & ((data: {
+        node: Node | null;
+        editor: Editor;
+        pos: number;
+    }) => void)) | undefined;
+    tippyOptions: Partial<import("tippy.js").Props> | undefined;
+    class: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export {};
+//# sourceMappingURL=DragHandle.d.ts.map

package/dist/DragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../src/DragHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAC2C,QAAQ,EACzD,MAAM,KAAK,CAAA;AAEZ,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,eAAO,MAAM,UAAU;;cAKS,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;;;;cAKhD,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;cAKnC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;cAKvC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;cAK3C,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;;;;cApBxB,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;;;;cAKhD,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;;;;cAKnC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;cAKvC,QAAQ,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;;;cAK3C,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;;;;;;0BA5BhC;QAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;;;4EA4DjF,CAAA"}

package/dist/index.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var extensionDragHandle = require('@tiptap/extension-drag-handle');
+var vue = require('vue');
+
+const DragHandle = vue.defineComponent({
+    name: 'DragHandleVue',
+    props: {
+        pluginKey: {
+            type: [String, Object],
+            default: extensionDragHandle.dragHandlePluginDefaultKey,
+        },
+        editor: {
+            type: Object,
+            required: true,
+        },
+        tippyOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+        onNodeChange: {
+            type: Function,
+            default: null,
+        },
+        class: {
+            type: String,
+            default: 'drag-handle',
+        },
+    },
+    setup(props, { slots }) {
+        const root = vue.ref(null);
+        vue.onMounted(() => {
+            const { editor, pluginKey, onNodeChange, tippyOptions, } = props;
+            editor.registerPlugin(extensionDragHandle.DragHandlePlugin({
+                editor,
+                element: root.value,
+                pluginKey,
+                tippyOptions,
+                onNodeChange,
+            }));
+        });
+        vue.onBeforeUnmount(() => {
+            const { pluginKey, editor } = props;
+            editor.unregisterPlugin(pluginKey);
+        });
+        return () => { var _a; return vue.h('div', { ref: root, class: props.class }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    },
+});
+
+exports.DragHandle = DragHandle;
+exports.default = DragHandle;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/DragHandle.ts"],"sourcesContent":["import {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport { Editor } from '@tiptap/vue-3'\nimport {\n  defineComponent, h, onBeforeUnmount, onMounted, PropType, ref,\n} from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = defineComponent({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  setup(props, { slots }) {\n    const root = ref<HTMLElement | null>(null)\n\n    onMounted(() => {\n      const {\n        editor, pluginKey, onNodeChange, tippyOptions,\n      } = props\n\n      editor.registerPlugin(\n        DragHandlePlugin({\n          editor,\n          element: root.value as HTMLElement,\n          pluginKey,\n          tippyOptions,\n          onNodeChange,\n        }),\n      )\n    })\n\n    onBeforeUnmount(() => {\n      const { pluginKey, editor } = props\n\n      editor.unregisterPlugin(pluginKey as string)\n    })\n\n    return () => h('div', { ref: root, class: props.class }, slots.default?.())\n  },\n})\n"],"names":["defineComponent","dragHandlePluginDefaultKey","ref","onMounted","DragHandlePlugin","onBeforeUnmount","h"],"mappings":";;;;;;;AAiBO,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACxC,IAAA,IAAI,EAAE,eAAe;AAErB,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;AAChE,YAAA,OAAO,EAAEC,8CAA0B;AACpC,SAAA;AAED,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAmD;AACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACpB,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,QAAqD;AAC3D,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA4C;AAClD,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;AAED,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,IAAI,GAAGC,OAAG,CAAqB,IAAI,CAAC;QAE1CC,aAAS,CAAC,MAAK;YACb,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAC9C,GAAG,KAAK;AAET,YAAA,MAAM,CAAC,cAAc,CACnBC,oCAAgB,CAAC;gBACf,MAAM;gBACN,OAAO,EAAE,IAAI,CAAC,KAAoB;gBAClC,SAAS;gBACT,YAAY;gBACZ,YAAY;AACb,aAAA,CAAC,CACH;AACH,SAAC,CAAC;QAEFC,mBAAe,CAAC,MAAK;AACnB,YAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK;AAEnC,YAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;AAC9C,SAAC,CAAC;AAEF,QAAA,OAAO,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAAC,KAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAC,CAAA,EAAA;KAC5E;AACF,CAAA;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { DragHandle } from './DragHandle.js';
+export * from './DragHandle.js';
+export default DragHandle;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,cAAc,iBAAiB,CAAA;AAE/B,eAAe,UAAU,CAAA"}

package/dist/index.js

@@ -0,0 +1,49 @@
+import { dragHandlePluginDefaultKey, DragHandlePlugin } from '@tiptap/extension-drag-handle';
+import { defineComponent, ref, onMounted, onBeforeUnmount, h } from 'vue';
+
+const DragHandle = defineComponent({
+    name: 'DragHandleVue',
+    props: {
+        pluginKey: {
+            type: [String, Object],
+            default: dragHandlePluginDefaultKey,
+        },
+        editor: {
+            type: Object,
+            required: true,
+        },
+        tippyOptions: {
+            type: Object,
+            default: () => ({}),
+        },
+        onNodeChange: {
+            type: Function,
+            default: null,
+        },
+        class: {
+            type: String,
+            default: 'drag-handle',
+        },
+    },
+    setup(props, { slots }) {
+        const root = ref(null);
+        onMounted(() => {
+            const { editor, pluginKey, onNodeChange, tippyOptions, } = props;
+            editor.registerPlugin(DragHandlePlugin({
+                editor,
+                element: root.value,
+                pluginKey,
+                tippyOptions,
+                onNodeChange,
+            }));
+        });
+        onBeforeUnmount(() => {
+            const { pluginKey, editor } = props;
+            editor.unregisterPlugin(pluginKey);
+        });
+        return () => { var _a; return h('div', { ref: root, class: props.class }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    },
+});
+
+export { DragHandle, DragHandle as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/DragHandle.ts"],"sourcesContent":["import {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport { Editor } from '@tiptap/vue-3'\nimport {\n  defineComponent, h, onBeforeUnmount, onMounted, PropType, ref,\n} from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = defineComponent({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  setup(props, { slots }) {\n    const root = ref<HTMLElement | null>(null)\n\n    onMounted(() => {\n      const {\n        editor, pluginKey, onNodeChange, tippyOptions,\n      } = props\n\n      editor.registerPlugin(\n        DragHandlePlugin({\n          editor,\n          element: root.value as HTMLElement,\n          pluginKey,\n          tippyOptions,\n          onNodeChange,\n        }),\n      )\n    })\n\n    onBeforeUnmount(() => {\n      const { pluginKey, editor } = props\n\n      editor.unregisterPlugin(pluginKey as string)\n    })\n\n    return () => h('div', { ref: root, class: props.class }, slots.default?.())\n  },\n})\n"],"names":[],"mappings":";;;AAiBO,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,IAAI,EAAE,eAAe;AAErB,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;AAChE,YAAA,OAAO,EAAE,0BAA0B;AACpC,SAAA;AAED,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA6C;AACnD,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAmD;AACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;AACpB,SAAA;AAED,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,QAAqD;AAC3D,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAA4C;AAClD,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;AAED,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,IAAI,GAAG,GAAG,CAAqB,IAAI,CAAC;QAE1C,SAAS,CAAC,MAAK;YACb,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAC9C,GAAG,KAAK;AAET,YAAA,MAAM,CAAC,cAAc,CACnB,gBAAgB,CAAC;gBACf,MAAM;gBACN,OAAO,EAAE,IAAI,CAAC,KAAoB;gBAClC,SAAS;gBACT,YAAY;gBACZ,YAAY;AACb,aAAA,CAAC,CACH;AACH,SAAC,CAAC;QAEF,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK;AAEnC,YAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;AAC9C,SAAC,CAAC;AAEF,QAAA,OAAO,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAC,CAAA,EAAA;KAC5E;AACF,CAAA;;;;"}

package/dist/index.umd.js

@@ -0,0 +1,57 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/extension-drag-handle'), require('vue')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@tiptap/extension-drag-handle', 'vue'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-drag-handle-vue-3"] = {}, global.extensionDragHandle, global.vue));
+})(this, (function (exports, extensionDragHandle, vue) { 'use strict';
+
+  const DragHandle = vue.defineComponent({
+      name: 'DragHandleVue',
+      props: {
+          pluginKey: {
+              type: [String, Object],
+              default: extensionDragHandle.dragHandlePluginDefaultKey,
+          },
+          editor: {
+              type: Object,
+              required: true,
+          },
+          tippyOptions: {
+              type: Object,
+              default: () => ({}),
+          },
+          onNodeChange: {
+              type: Function,
+              default: null,
+          },
+          class: {
+              type: String,
+              default: 'drag-handle',
+          },
+      },
+      setup(props, { slots }) {
+          const root = vue.ref(null);
+          vue.onMounted(() => {
+              const { editor, pluginKey, onNodeChange, tippyOptions, } = props;
+              editor.registerPlugin(extensionDragHandle.DragHandlePlugin({
+                  editor,
+                  element: root.value,
+                  pluginKey,
+                  tippyOptions,
+                  onNodeChange,
+              }));
+          });
+          vue.onBeforeUnmount(() => {
+              const { pluginKey, editor } = props;
+              editor.unregisterPlugin(pluginKey);
+          });
+          return () => { var _a; return vue.h('div', { ref: root, class: props.class }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+      },
+  });
+
+  exports.DragHandle = DragHandle;
+  exports.default = DragHandle;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/DragHandle.ts"],"sourcesContent":["import {\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n  DragHandlePluginProps,\n} from '@tiptap/extension-drag-handle'\nimport { Editor } from '@tiptap/vue-3'\nimport {\n  defineComponent, h, onBeforeUnmount, onMounted, PropType, ref,\n} from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string;\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;\n};\n\nexport const DragHandle = defineComponent({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    tippyOptions: {\n      type: Object as PropType<DragHandleProps['tippyOptions']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  setup(props, { slots }) {\n    const root = ref<HTMLElement | null>(null)\n\n    onMounted(() => {\n      const {\n        editor, pluginKey, onNodeChange, tippyOptions,\n      } = props\n\n      editor.registerPlugin(\n        DragHandlePlugin({\n          editor,\n          element: root.value as HTMLElement,\n          pluginKey,\n          tippyOptions,\n          onNodeChange,\n        }),\n      )\n    })\n\n    onBeforeUnmount(() => {\n      const { pluginKey, editor } = props\n\n      editor.unregisterPlugin(pluginKey as string)\n    })\n\n    return () => h('div', { ref: root, class: props.class }, slots.default?.())\n  },\n})\n"],"names":["defineComponent","dragHandlePluginDefaultKey","ref","onMounted","DragHandlePlugin","onBeforeUnmount","h"],"mappings":";;;;;;AAiBO,QAAM,UAAU,GAAGA,mBAAe,CAAC;EACxC,IAAA,IAAI,EAAE,eAAe;EAErB,IAAA,KAAK,EAAE;EACL,QAAA,SAAS,EAAE;EACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA2C;EAChE,YAAA,OAAO,EAAEC,8CAA0B;EACpC,SAAA;EAED,QAAA,MAAM,EAAE;EACN,YAAA,IAAI,EAAE,MAA6C;EACnD,YAAA,QAAQ,EAAE,IAAI;EACf,SAAA;EAED,QAAA,YAAY,EAAE;EACZ,YAAA,IAAI,EAAE,MAAmD;EACzD,YAAA,OAAO,EAAE,OAAO,EAAE,CAAC;EACpB,SAAA;EAED,QAAA,YAAY,EAAE;EACZ,YAAA,IAAI,EAAE,QAAqD;EAC3D,YAAA,OAAO,EAAE,IAAI;EACd,SAAA;EAED,QAAA,KAAK,EAAE;EACL,YAAA,IAAI,EAAE,MAA4C;EAClD,YAAA,OAAO,EAAE,aAAa;EACvB,SAAA;EACF,KAAA;EAED,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;EACpB,QAAA,MAAM,IAAI,GAAGC,OAAG,CAAqB,IAAI,CAAC;UAE1CC,aAAS,CAAC,MAAK;cACb,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAC9C,GAAG,KAAK;EAET,YAAA,MAAM,CAAC,cAAc,CACnBC,oCAAgB,CAAC;kBACf,MAAM;kBACN,OAAO,EAAE,IAAI,CAAC,KAAoB;kBAClC,SAAS;kBACT,YAAY;kBACZ,YAAY;EACb,aAAA,CAAC,CACH;EACH,SAAC,CAAC;UAEFC,mBAAe,CAAC,MAAK;EACnB,YAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK;EAEnC,YAAA,MAAM,CAAC,gBAAgB,CAAC,SAAmB,CAAC;EAC9C,SAAC,CAAC;EAEF,QAAA,OAAO,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAAC,KAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAC,CAAA,EAAA;OAC5E;EACF,CAAA;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-drag-handle-vue-3",
+  "description": "drag handle extension for tiptap with vue 3",
+  "version": "2.22.0",
+  "homepage": "https://tiptap.dev",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "license": "MIT",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-drag-handle-vue-3"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "umd": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "@tiptap/extension-drag-handle": "^2.14.0",
+    "@tiptap/pm": "^2.7.0",
+    "@tiptap/vue-3": "^2.7.0",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/extension-drag-handle": "^2.22.0",
+    "@tiptap/pm": "^2.22.0",
+    "@tiptap/vue-3": "^2.22.0",
+    "vue": "^3.0.0"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && rollup -c"
+  }
+}

package/src/DragHandle.ts

@@ -0,0 +1,75 @@
+import {
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey,
+  DragHandlePluginProps,
+} from '@tiptap/extension-drag-handle'
+import { Editor } from '@tiptap/vue-3'
+import {
+  defineComponent, h, onBeforeUnmount, onMounted, PropType, ref,
+} from 'vue'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+
+export type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {
+  class?: string;
+  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void;
+};
+
+export const DragHandle = defineComponent({
+  name: 'DragHandleVue',
+
+  props: {
+    pluginKey: {
+      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,
+      default: dragHandlePluginDefaultKey,
+    },
+
+    editor: {
+      type: Object as PropType<DragHandleProps['editor']>,
+      required: true,
+    },
+
+    tippyOptions: {
+      type: Object as PropType<DragHandleProps['tippyOptions']>,
+      default: () => ({}),
+    },
+
+    onNodeChange: {
+      type: Function as PropType<DragHandleProps['onNodeChange']>,
+      default: null,
+    },
+
+    class: {
+      type: String as PropType<DragHandleProps['class']>,
+      default: 'drag-handle',
+    },
+  },
+
+  setup(props, { slots }) {
+    const root = ref<HTMLElement | null>(null)
+
+    onMounted(() => {
+      const {
+        editor, pluginKey, onNodeChange, tippyOptions,
+      } = props
+
+      editor.registerPlugin(
+        DragHandlePlugin({
+          editor,
+          element: root.value as HTMLElement,
+          pluginKey,
+          tippyOptions,
+          onNodeChange,
+        }),
+      )
+    })
+
+    onBeforeUnmount(() => {
+      const { pluginKey, editor } = props
+
+      editor.unregisterPlugin(pluginKey as string)
+    })
+
+    return () => h('div', { ref: root, class: props.class }, slots.default?.())
+  },
+})

package/src/index.ts

@@ -0,0 +1,5 @@
+import { DragHandle } from './DragHandle.js'
+
+export * from './DragHandle.js'
+
+export default DragHandle