@finema/core 1.4.217 → 1.4.219

package/dist/module.json

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

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import { defu } from 'defu';
 
 const name = "@finema/core";
-const version = "1.4.217";
+const version = "1.4.219";
 
 const colorModeOptions = {
   preference: "light"

package/dist/runtime/components/Dialog/index.vue

@@ -29,6 +29,7 @@
         v-if="dialog.meta?.isShowCancelBtn"
         :color="uiConfig.actionGroup?.cancelColor"
         :variant="uiConfig.actionGroup?.cancelVariant"
+        :class="[dialog.meta.cancelButtonClassName]"
         type="button"
         @click="dialog.closeDialogCancel"
       >
@@ -45,6 +46,7 @@
             'btn-warning': dialog.meta?.type === DialogType.WARNING,
             'mr-3': dialog.meta.isShowCancelBtn,
           },
+          dialog.meta.confirmButtonClassName,
         ]"
         @click="dialog.closeDialogProceed"
       >

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

@@ -99,7 +99,7 @@
                 />
               </a>
               <Icon
-                v-if="isImageFromPath(value.path)"
+                v-if="isImageFromPath(value.path) || isVideoFromPath(value.path)"
                 :name="ui.action.previewIcon"
                 :class="[ui.action.iconClass]"
                 title="ดูตัวอย่าง"
@@ -119,7 +119,18 @@
                 @click="handleDeleteFile"
               />
               <Modal v-model="isPreviewOpen" :title="value.name">
-                <img :src="value.url" alt="img-preview" />
+                <img
+                  v-if="isImageFromPath(value.path)"
+                  :src="value.url"
+                  alt="img-preview"
+                  class="mx-auto max-w-full rounded-lg"
+                />
+                <video
+                  v-else-if="isVideoFromPath(value.path)"
+                  :src="value.url"
+                  controls
+                  class="mx-auto max-w-full"
+                />
               </Modal>
             </div>
           </div>
@@ -180,6 +191,7 @@ import {
   isImageFromPath,
   useFileSize,
   isPDFFromPath,
+  isVideoFromPath,
 } from '#core/helpers/componentHelper'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
 import { useFieldHOC } from '#core/composables/useForm'

package/dist/runtime/components/Form/InputUploadDropzoneAutoMultiple/ItemView.vue

@@ -31,7 +31,7 @@
         </div>
         <div :class="[ui.action.wrapper]">
           <Icon
-            v-if="isImageFromPath(selectedFile.path)"
+            v-if="isImageFromPath(selectedFile.path) || isVideoFromPath(selectedFile.path)"
             :name="ui.action.previewIcon"
             :class="[ui.action.iconClass]"
             title="ดูตัวอย่าง"
@@ -59,10 +59,17 @@
           />
           <Modal v-model="isPreviewOpen" :title="selectedFile?.name">
             <img
+              v-if="isImageFromPath(selectedFile.path)"
               :src="selectedFile.url"
               alt="image-preview"
               class="mx-auto max-w-full rounded-lg"
             />
+            <video
+              v-else-if="isVideoFromPath(selectedFile.path)"
+              :src="selectedFile.url"
+              controls
+              class="mx-auto max-w-full"
+            />
           </Modal>
         </div>
       </div>
@@ -74,6 +81,7 @@ import {
   downloadFileFromURL,
   isImageFromPath,
   isPDFFromPath,
+  isVideoFromPath,
   useFileSize,
 } from '#core/helpers/componentHelper'
 import { type uploadFileDropzone } from '#core/ui.config'

package/dist/runtime/composables/useDialog.d.ts

@@ -12,6 +12,8 @@ export interface IDialogMetaItem {
     cancelText?: string;
     isShowCancelBtn?: boolean;
     isHideIcon?: boolean;
+    confirmButtonClassName?: string;
+    cancelButtonClassName?: string;
 }
 export interface IDialog {
     isShow: boolean;

package/dist/runtime/helpers/componentHelper.d.ts

@@ -4,6 +4,7 @@ export declare const checkFileType: (file: File, acceptFileType: string | string
 export declare const generateURL: (file: File) => string;
 export declare const isImage: (file: File) => boolean;
 export declare const isImageFromPath: (path?: string) => boolean;
+export declare const isVideoFromPath: (path?: string) => boolean;
 export declare const isPDFFromPath: (path?: string) => boolean;
 export declare const useFileAllocate: (selectedFile: Ref<File | undefined | null>, props: {
     accept?: string | string[];

package/dist/runtime/helpers/componentHelper.mjs

@@ -41,6 +41,11 @@ export const isImageFromPath = (path = "") => {
   const extension = path.toLowerCase().substring(path.lastIndexOf("."));
   return imageExtensions.includes(extension);
 };
+export const isVideoFromPath = (path = "") => {
+  const imageExtensions = [".mp4"];
+  const extension = path.toLowerCase().substring(path.lastIndexOf("."));
+  return imageExtensions.includes(extension);
+};
 export const isPDFFromPath = (path = "") => {
   const imageExtensions = [".pdf"];
   const extension = path.toLowerCase().substring(path.lastIndexOf("."));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.217",
+  "version": "1.4.219",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.13.1",
-    "@nuxt/ui": "2.19.2",
+    "@nuxt/ui": "2.20.0",
     "@pinia/nuxt": "^0.7.0",
     "@tiptap/extension-image": "^2.8.0",
     "@tiptap/extension-link": "^2.8.0",