sprintify-ui 0.10.17 → 0.10.19

package/dist/sprintify-ui.es.js

@@ -16784,11 +16784,11 @@ const Tr = /* @__PURE__ */ ne({
   __name: "BaseDraggable",
   props: {
     modelValue: {},
-    itemKey: {},
-    handle: {},
-    disabled: { type: Boolean }
+    itemKey: { default: "id" },
+    handle: { default: ".handle" },
+    disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change", "end"],
   setup(t, { emit: n }) {
     const e = t, o = n, r = F(null);
     function a(u) {
@@ -16799,8 +16799,11 @@ const Tr = /* @__PURE__ */ ne({
       r.value && (l = Xe.create(r.value, {
         handle: e.handle,
         disabled: e.disabled,
+        onChange: (u) => {
+          o("change", u);
+        },
         onEnd: (u) => {
-          if (u.oldIndex === void 0 || u.newIndex === void 0)
+          if (o("end", u), u.oldIndex === void 0 || u.newIndex === void 0)
             return;
           const c = e.modelValue, p = s(
             c,

package/dist/types/components/BaseDraggable.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
     modelValue: any[];
     itemKey: string;
-    handle: string;
+    handle?: string;
     disabled?: boolean;
 };
 declare const elementsRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
@@ -19,15 +19,31 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     elementsRef: typeof elementsRef;
     getKey: typeof getKey;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    end: (...args: any[]) => void;
+    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    itemKey: string;
+    handle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    end: (...args: any[]) => void;
+    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    itemKey: string;
+    handle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.17",
+  "version": "0.10.19",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDraggable.vue

@@ -14,14 +14,18 @@
 import { uniqueId } from 'lodash';
 import Sortable from 'sortablejs';
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   modelValue: any[];
   itemKey: string;
-  handle: string;
+  handle?: string;
   disabled?: boolean;
-}>();
+}>(), {
+  itemKey: 'id',
+  handle: '.handle',
+  disabled: false,
+});
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits(['update:modelValue', 'change', 'end']);
 
 const elementsRef = ref<HTMLElement | null>(null);
 
@@ -39,8 +43,13 @@ onMounted(() => {
   sortable = Sortable.create(elementsRef.value, {
     handle: props.handle,
     disabled: props.disabled,
+    onChange: (event) => {
+      emit('change', event);
+    },
     onEnd: (event) => {
 
+      emit('end', event);
+
       if (event.oldIndex === undefined || event.newIndex === undefined) {
         return;
       }