@havue/drag-and-drop 1.0.0 → 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 HappyPedestrian
+
+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/drag-and-drop.mjs

@@ -370,15 +370,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "dragItemRef",
         ref: dragItemRef,
-        class: normalizeClass(["draggable-area", _ctx.disabled ? "disabled" : ""])
+        class: normalizeClass(["hv-draggable", _ctx.disabled ? "disabled" : ""])
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         isDragThis.value ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "draggable-clone-item",
+          class: "hv-draggable__clone-item",
           style: normalizeStyle(cloneNodeStyle.value)
         }, [
-          renderSlot(_ctx.$slots, "drag-item", {}, () => [
+          renderSlot(_ctx.$slots, "hv-drag-item", {}, () => [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], true)
         ], 4)) : createCommentVNode("", true)
@@ -393,7 +393,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-34f8fce1"]]);
+const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33722ba1"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "HvDroppable"
@@ -460,16 +460,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "dropAreaRef",
         ref: dropAreaRef,
-        class: "droppable-area"
+        class: "hv-droppable"
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        renderSlot(_ctx.$slots, "default")
       ], 512);
     };
   }
 });
-const Droppable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28d651f3"]]);
 const HvDraggable = withInstall(Draggable);
-const HvDroppable = withInstall(Droppable);
+const HvDroppable = withInstall(_sfc_main);
 export {
   HvDraggable,
   HvDroppable

package/dist/drag-and-drop.umd.js

@@ -371,15 +371,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "dragItemRef",
           ref: dragItemRef,
-          class: vue.normalizeClass(["draggable-area", _ctx.disabled ? "disabled" : ""])
+          class: vue.normalizeClass(["hv-draggable", _ctx.disabled ? "disabled" : ""])
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           isDragThis.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: "draggable-clone-item",
+            class: "hv-draggable__clone-item",
             style: vue.normalizeStyle(cloneNodeStyle.value)
           }, [
-            vue.renderSlot(_ctx.$slots, "drag-item", {}, () => [
+            vue.renderSlot(_ctx.$slots, "hv-drag-item", {}, () => [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ], true)
           ], 4)) : vue.createCommentVNode("", true)
@@ -394,7 +394,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   };
-  const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-34f8fce1"]]);
+  const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33722ba1"]]);
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "HvDroppable"
@@ -461,16 +461,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "dropAreaRef",
           ref: dropAreaRef,
-          class: "droppable-area"
+          class: "hv-droppable"
         }, [
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          vue.renderSlot(_ctx.$slots, "default")
         ], 512);
       };
     }
   });
-  const Droppable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28d651f3"]]);
   const HvDraggable = withInstall(Draggable);
-  const HvDroppable = withInstall(Droppable);
+  const HvDroppable = withInstall(_sfc_main);
   exports2.HvDraggable = HvDraggable;
   exports2.HvDroppable = HvDroppable;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });

package/dist/style.css

@@ -1,11 +1,11 @@
-.draggable-area[data-v-34f8fce1] {
+.hv-draggable[data-v-33722ba1] {
   width: fit-content;
   cursor: grab;
 }
-.draggable-area.disabled[data-v-34f8fce1] {
+.hv-draggable.disabled[data-v-33722ba1] {
   cursor: not-allowed;
 }
-.draggable-clone-item[data-v-34f8fce1] {
+.hv-draggable__clone-item[data-v-33722ba1] {
   position: fixed;
   top: 0;
   left: 0;
@@ -14,7 +14,7 @@
   cursor: grabbing;
   opacity: 0.8;
   will-change: transform;
-}.droppable-area[data-v-28d651f3] {
+}.hv-droppable {
   position: relative;
   width: fit-content;
 }

package/dist/types/src/Draggable.vue.d.ts

@@ -24,7 +24,7 @@ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    'drag-item'?: (props: typeof __VLS_3) => any;
+    'hv-drag-item'?: (props: typeof __VLS_3) => any;
 } & {
     default?: (props: typeof __VLS_5) => any;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@havue/drag-and-drop",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Drag and drop components for Vue3",
   "keywords": [
     "havue",
@@ -16,7 +16,7 @@
     "url": "git+https://github.com/HappyPedestrian/havue.git"
   },
   "dependencies": {
-    "@havue/shared": "^1.0.0"
+    "@havue/shared": "^1.1.0"
   },
   "devDependencies": {
     "vue": "^3.3.0"