@tiptap/extension-drag-handle-vue-3 2.24.2 → 3.0.0-beta.10

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -1,54 +1,86 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var extensionDragHandle = require('@tiptap/extension-drag-handle');
-var vue = require('vue');
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DragHandle: () => DragHandle,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
 
-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',
-        },
+// src/DragHandle.ts
+var import_extension_drag_handle = require("@tiptap/extension-drag-handle");
+var import_vue = require("vue");
+var DragHandle = (0, import_vue.defineComponent)({
+  name: "DragHandleVue",
+  props: {
+    pluginKey: {
+      type: [String, Object],
+      default: import_extension_drag_handle.dragHandlePluginDefaultKey
+    },
+    editor: {
+      type: Object,
+      required: true
     },
-    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)); };
+    computePositionConfig: {
+      type: Object,
+      default: () => ({})
     },
+    onNodeChange: {
+      type: Function,
+      default: null
+    },
+    class: {
+      type: String,
+      default: "drag-handle"
+    }
+  },
+  setup(props, { slots }) {
+    const root = (0, import_vue.ref)(null);
+    (0, import_vue.onMounted)(() => {
+      const { editor, pluginKey, onNodeChange, computePositionConfig } = props;
+      editor.registerPlugin(
+        (0, import_extension_drag_handle.DragHandlePlugin)({
+          editor,
+          element: root.value,
+          pluginKey,
+          computePositionConfig: { ...import_extension_drag_handle.defaultComputePositionConfig, ...computePositionConfig },
+          onNodeChange
+        }).plugin
+      );
+    });
+    (0, import_vue.onBeforeUnmount)(() => {
+      const { pluginKey, editor } = props;
+      editor.unregisterPlugin(pluginKey);
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.h)("div", { ref: root, class: props.class }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
 });
 
-exports.DragHandle = DragHandle;
-exports.default = DragHandle;
-//# sourceMappingURL=index.cjs.map
+// src/index.ts
+var index_default = DragHandle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DragHandle
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +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;;;;;"}
+{"version":3,"sources":["../src/index.ts","../src/DragHandle.ts"],"sourcesContent":["import { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n","import type { DragHandlePluginProps } from '@tiptap/extension-drag-handle'\nimport {\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@tiptap/extension-drag-handle'\nimport type { Editor } from '@tiptap/vue-3'\nimport type { PropType } from 'vue'\nimport { defineComponent, h, onBeforeUnmount, onMounted, ref } 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    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\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 { editor, pluginKey, onNodeChange, computePositionConfig } = props\n\n      editor.registerPlugin(\n        DragHandlePlugin({\n          editor,\n          element: root.value as HTMLElement,\n          pluginKey,\n          computePositionConfig: { ...defaultComputePositionConfig, ...computePositionConfig },\n          onNodeChange,\n        }).plugin,\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mCAIO;AAGP,iBAAoE;AAS7D,IAAM,iBAAa,4BAAgB;AAAA,EACxC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,EAAE,MAAM,GAAG;AACtB,UAAM,WAAO,gBAAwB,IAAI;AAEzC,8BAAU,MAAM;AACd,YAAM,EAAE,QAAQ,WAAW,cAAc,sBAAsB,IAAI;AAEnE,aAAO;AAAA,YACL,+CAAiB;AAAA,UACf;AAAA,UACA,SAAS,KAAK;AAAA,UACd;AAAA,UACA,uBAAuB,EAAE,GAAG,2DAA8B,GAAG,sBAAsB;AAAA,UACnF;AAAA,QACF,CAAC,EAAE;AAAA,MACL;AAAA,IACF,CAAC;AAED,oCAAgB,MAAM;AACpB,YAAM,EAAE,WAAW,OAAO,IAAI;AAE9B,aAAO,iBAAiB,SAAmB;AAAA,IAC7C,CAAC;AAED,WAAO,MAAG;AAtEd;AAsEiB,+BAAE,OAAO,EAAE,KAAK,MAAM,OAAO,MAAM,MAAM,IAAG,WAAM,YAAN,8BAAiB;AAAA;AAAA,EAC5E;AACF,CAAC;;;ADpED,IAAO,gBAAQ;","names":[]}