@winchsa/ui 0.1.52 → 0.1.53

package/dist/components/forms/ImageCardInput.vue

@@ -73,6 +73,21 @@ const initCropper = () => {
     });
   }
 };
+const closeCropper = () => {
+  if (cropperInstance.value) {
+    cropperInstance.value.destroy();
+    cropperInstance.value = null;
+  }
+  if (cropImageSrc.value) {
+    URL.revokeObjectURL(cropImageSrc.value);
+    cropImageSrc.value = null;
+  }
+  selectedFile.value = null;
+  if (fileInputRef.value) {
+    fileInputRef.value.value = "";
+  }
+  cropperDialog.value = false;
+};
 const cropImage = () => {
   if (!cropperInstance.value) {
     return;
@@ -81,15 +96,17 @@ const cropImage = () => {
     width: 200,
     height: 200
   });
+  const fileType = selectedFile.value?.type;
+  const fileName = selectedFile.value?.name ?? "image.jpg";
   canvas.toBlob((blob) => {
-    if (blob && selectedFile.value) {
-      const croppedFile = new File([blob], selectedFile.value.name, { type: selectedFile.value.type });
+    if (blob) {
+      const croppedFile = new File([blob], fileName, { type: fileType });
       generateImageUrl(croppedFile);
       model.value = croppedFile;
       emit("update");
-      cropperDialog.value = false;
+      closeCropper();
     }
-  }, selectedFile.value?.type);
+  }, fileType);
 };
 const deleteUserImage = () => {
   imageSrc.value = avatar;
@@ -179,7 +196,7 @@ const hasImage = computed(() => {
     width="500"
     :has-icon="false"
     @save="cropImage"
-    @cancel="cropperDialog = false"
+    @cancel="closeCropper"
   >
     <img
       v-if="cropImageSrc"

package/dist/components/table/DataTable.d.vue.ts

@@ -62,9 +62,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     modelValue: string[];
     returnObject: boolean;
-    url: string;
     headers: Header[];
     formFilters: FormFilter[];
+    url: string;
     queryParams: Record<string, string>;
     enableButtons: boolean;
     enableButtonsFilter: boolean;

package/dist/components/table/DataTable.vue.d.ts

@@ -62,9 +62,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     modelValue: string[];
     returnObject: boolean;
-    url: string;
     headers: Header[];
     formFilters: FormFilter[];
+    url: string;
     queryParams: Record<string, string>;
     enableButtons: boolean;
     enableButtonsFilter: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@winchsa/ui",
-    "version": "0.1.52",
+    "version": "0.1.53",
     "type": "module",
     "private": false,
     "publishConfig": {