@finema/core 1.4.132 → 1.4.134

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.132",
+  "version": "1.4.134",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.4.132";
+const version = "1.4.134";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue

@@ -67,14 +67,10 @@
         </div>
 
         <!-- Success State -->
-        <div v-if="selectedFile && upload.status.value.isSuccess" :class="[ui.onPreview.wrapper]">
+        <div v-if="value" :class="[ui.onPreview.wrapper]">
           <div :class="[ui.onPreview.previewImgWrapper]">
-            <div v-if="isImage(selectedFile)" class="size-full overflow-hidden">
-              <img
-                :src="upload.data.value[responseURL || 'url']"
-                :class="[ui.onPreview.previewImgClass]"
-                alt="img-preview"
-              />
+            <div v-if="isImageFromPath(value.path)" class="size-full overflow-hidden">
+              <img :src="value.url" :class="[ui.onPreview.previewImgClass]" alt="img-preview" />
             </div>
             <div v-else>
               <Icon
@@ -85,18 +81,18 @@
           </div>
           <div :class="[ui.onPreview.textWrapper]">
             <div class="truncate">
-              <h1 class="truncate font-bold">{{ selectedFile?.name }}</h1>
+              <h1 class="truncate font-bold">{{ value.name }}</h1>
               <p class="truncate text-sm font-light text-gray-400">
                 {{
-                  fileAllocate.isSelectedFileUseMb.value
+                  fileAllocateFromPath.isSelectedFileUseMb.value
                     ? `${fileAllocate.selectedFileSizeMb.value} MB`
-                    : `${fileAllocate.selectedFileSizeKb.value} KB`
+                    : `${fileAllocateFromPath.selectedFileSizeKb.value} KB`
                 }}
               </p>
             </div>
             <div :class="[ui.action.wrapper]">
               <Icon
-                v-if="isImage(selectedFile)"
+                v-if="isImageFromPath(value.path)"
                 :name="ui.action.previewIcon"
                 :class="[ui.action.iconClass]"
                 title="ดูตัวอย่าง"
@@ -114,8 +110,8 @@
                 title="ลบไฟล์"
                 @click="handleDeleteFile"
               />
-              <Modal v-model="isPreviewOpen" :title="selectedFile?.name">
-                <img :src="_get(upload.data.value, responseURL)" alt="img-preview" />
+              <Modal v-model="isPreviewOpen" :title="value.name">
+                <img :src="value.url" alt="img-preview" />
               </Modal>
             </div>
           </div>
@@ -173,12 +169,15 @@ import {
   downloadFileFromURL,
   useFileAllocate,
   useFileProgress,
+  isImageFromPath,
+  useFileSize,
 } from '#core/helpers/componentHelper'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
 import { useFieldHOC } from '#core/composables/useForm'
 import {
   type IUploadRequest,
   ref,
+  computed,
   toRef,
   useUI,
   useUiConfig,
@@ -223,6 +222,7 @@ const isPreviewOpen = ref<boolean>(false)
 
 const { onUploadProgress, onDownloadProgress, percent } = useFileProgress()
 const fileAllocate = useFileAllocate(selectedFile, props)
+const fileAllocateFromPath = computed(() => useFileSize(value.value?.size))
 
 const onDrop = (files: File[] | null) => {
   if (props.isDisabled || files?.length === 0 || !files) return
@@ -306,7 +306,7 @@ const handleCheckFileCondition = (file: File | undefined): boolean => {
 }
 
 const handleDownloadFile = () => {
-  downloadFileFromURL(_get(upload.data.value, props.responseURL), selectedFile.value?.name)
+  downloadFileFromURL(value.value?.url, value.value?.name)
 }
 
 const handleRetryUpload = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.132",
+  "version": "1.4.134",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",