@finema/core 3.20.0 → 3.20.1

package/dist/runtime/components/Form/fileState/MultipleFilesState.vue

@@ -1,79 +1,79 @@
 <template>
-  <div :class="theme.multipleFilesWrapper()">
-    <div
-      v-for="(item, index) in fileItems"
-      :key="index"
-      :class="theme.fileItemWrapper()"
-    >
-      <!-- Uploading State -->
-      <div
-        v-if="item.state === UploadState.UPLOADING"
-        :class="theme.uploadingItemWrapper()"
-      >
-        <div :class="theme.uploadingIconWrapper()">
-          <Icon
-            :name="icons.filePreviewIcon"
-            :class="theme.uploadingIconClass()"
-          />
-        </div>
-        <div :class="theme.uploadingTextWrapper()">
-          <h1 class="truncate font-bold">
-            {{ item.file.name }}
-          </h1>
-          <div class="flex items-center gap-2">
-            <div :class="theme.progressBarWrapper()">
-              <div
-                :class="theme.progressBarFill()"
-                :style="{ width: `${item.progress}%` }"
-              />
-            </div>
-            <p class="text-sm text-gray-400">
-              {{ item.progress }}%
-            </p>
-          </div>
-        </div>
-      </div>
-
-      <!-- Error State -->
-      <div
-        v-else-if="item.state === UploadState.ERROR"
-        :class="theme.errorItemWrapper()"
-      >
-        <div :class="theme.errorIconWrapper()">
-          <Icon
-            :name="icons.errorIcon"
-            :class="theme.errorIconClass()"
-          />
-        </div>
-        <div :class="theme.errorTextWrapper()">
-          <h1 class="truncate font-bold">
-            {{ item.file.name }}
-          </h1>
-          <p class="text-error-500 text-sm">
-            {{ item.error || uploadFailedLabel }}
-          </p>
-        </div>
-        <div :class="theme.errorActionWrapper()">
-          <Button
-            variant="link"
-            :icon="icons.actionRetryIcon"
-            :class="theme.actionRetryBtnClass()"
-            color="primary"
-            @click="$emit('retry', index)"
-          >
-            {{ retryLabel }}
-          </Button>
-          <Icon
-            v-if="!disabled && !readonly"
-            :name="icons.actionDeleteIcon"
-            :class="theme.actionIconClass()"
-            title="ลบไฟล์"
-            @click="$emit('delete', index)"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
+  <div :class="theme.multipleFilesWrapper()">
+    <div
+      v-for="(item, index) in fileItems"
+      :key="index"
+      :class="theme.fileItemWrapper()"
+    >
+      <!-- Uploading State -->
+      <div
+        v-if="item.state === UploadState.UPLOADING"
+        :class="theme.uploadingItemWrapper()"
+      >
+        <div :class="theme.uploadingIconWrapper()">
+          <Icon
+            :name="icons.filePreviewIcon"
+            :class="theme.uploadingIconClass()"
+          />
+        </div>
+        <div :class="theme.uploadingTextWrapper()">
+          <h1 class="truncate font-bold">
+            {{ item.file.name }}
+          </h1>
+          <div class="flex items-center gap-2">
+            <div :class="theme.progressBarWrapper()">
+              <div
+                :class="theme.progressBarFill()"
+                :style="{ width: `${item.progress}%` }"
+              />
+            </div>
+            <p class="text-sm text-gray-400">
+              {{ item.progress }}%
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <!-- Error State -->
+      <div
+        v-else-if="item.state === UploadState.ERROR"
+        :class="theme.errorItemWrapper()"
+      >
+        <div :class="theme.errorIconWrapper()">
+          <Icon
+            :name="icons.errorIcon"
+            :class="theme.errorIconClass()"
+          />
+        </div>
+        <div :class="theme.errorTextWrapper()">
+          <h1 class="truncate font-bold">
+            {{ item.file.name }}
+          </h1>
+          <p class="text-error-500 text-sm">
+            {{ item.error || uploadFailedLabel }}
+          </p>
+        </div>
+        <div :class="theme.errorActionWrapper()">
+          <Button
+            variant="link"
+            :icon="icons.actionRetryIcon"
+            :class="theme.actionRetryBtnClass()"
+            color="primary"
+            @click="$emit('retry', index)"
+          >
+            {{ retryLabel }}
+          </Button>
+          <Icon
+            v-if="!disabled && !readonly"
+            :name="icons.actionDeleteIcon"
+            :class="theme.actionIconClass()"
+            title="ลบไฟล์"
+            @click="$emit('delete', index)"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/Form/fileState/PreviewModal.vue

@@ -1,29 +1,29 @@
 <template>
-  <Modal
-    :close="{ onClick: () => emits('close', false) }"
-    :dismissible="false"
-    :title="value?.name"
+  <Modal
+    :close="{ onClick: () => emits('close', false) }"
+    :dismissible="false"
+    :title="value?.name"
     :ui="{
   content: 'max-w-3xl'
-}"
-  >
-    <template #body>
-      <div class="flex justify-center">
-        <img
-          v-if="value && isImageFromPath(value.path)"
-          :src="value.url"
-          alt="img-preview"
-          class="max-h-96 max-w-full rounded-lg"
-        />
-        <video
-          v-else-if="value && isVideoFromPath(value.path)"
-          :src="value.url"
-          controls
-          class="max-h-96 max-w-full"
-        />
-      </div>
-    </template>
-  </Modal>
+}"
+  >
+    <template #body>
+      <div class="flex justify-center">
+        <img
+          v-if="value && isImageFromPath(value.path)"
+          :src="value.url"
+          alt="img-preview"
+          class="max-h-96 max-w-full rounded-lg"
+        />
+        <video
+          v-else-if="value && isVideoFromPath(value.path)"
+          :src="value.url"
+          controls
+          class="max-h-96 max-w-full"
+        />
+      </div>
+    </template>
+  </Modal>
 </template>
 
 <script setup>

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

@@ -1,5 +1,5 @@
-<template>
-  <form class="form">
-    <slot />
-  </form>
-</template>
+<template>
+  <form class="form">
+    <slot />
+  </form>
+</template>

package/dist/runtime/components/Image.vue

@@ -1,32 +1,32 @@
 <template>
-  <UseImage v-bind="$props">
-    <template #loading>
-      <slot name="loading">
-        <div
-          class="flex h-full w-full items-center justify-center"
-        >
-          <Loader
-            :loading="true"
-          />
-        </div>
-      </slot>
-    </template>
-
-    <template #error>
-      <slot name="error">
-        <div
-          class="flex h-full w-full items-center justify-center"
-        >
-          <p class="text-error-400">
-            <Icon
-              name="i-heroicons:exclamation-circle-solid"
-              class="text-error-400 size-8"
-            />
-          </p>
-        </div>
-      </slot>
-    </template>
-  </UseImage>
+  <UseImage v-bind="$props">
+    <template #loading>
+      <slot name="loading">
+        <div
+          class="flex h-full w-full items-center justify-center"
+        >
+          <Loader
+            :loading="true"
+          />
+        </div>
+      </slot>
+    </template>
+
+    <template #error>
+      <slot name="error">
+        <div
+          class="flex h-full w-full items-center justify-center"
+        >
+          <p class="text-error-400">
+            <Icon
+              name="i-heroicons:exclamation-circle-solid"
+              class="text-error-400 size-8"
+            />
+          </p>
+        </div>
+      </slot>
+    </template>
+  </UseImage>
 </template>
 
 <script setup>

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

@@ -1,21 +1,21 @@
 <template>
-  <DevOnly>
-    <TeleportSafe
-      to="#dev-logs"
-    >
-      <LogItem
-        v-if="typeof data !== 'undefined'"
-        :data="data"
-        :title="title"
-      />
-      <LogItem
-        v-for="(item, index) in dataItems"
-        :key="index"
-        :data="item"
-        :title="`${title} #${index + 1}`"
-      />
-    </TeleportSafe>
-  </DevOnly>
+  <DevOnly>
+    <TeleportSafe
+      to="#dev-logs"
+    >
+      <LogItem
+        v-if="typeof data !== 'undefined'"
+        :data="data"
+        :title="title"
+      />
+      <LogItem
+        v-for="(item, index) in dataItems"
+        :key="index"
+        :data="item"
+        :title="`${title} #${index + 1}`"
+      />
+    </TeleportSafe>
+  </DevOnly>
 </template>
 
 <script setup>

package/dist/runtime/components/Table/Base.d.vue.ts

@@ -7,17 +7,17 @@ type __VLS_Props = {
     target?: string | ((row: any) => string | undefined);
     preserveQuery?: boolean;
 };
-declare var __VLS_22: {}, __VLS_29: {}, __VLS_31: {}, __VLS_44: `${string}-cell`, __VLS_45: any, __VLS_64: string, __VLS_65: any;
+declare var __VLS_21: {}, __VLS_28: {}, __VLS_30: {}, __VLS_44: `${string}-cell`, __VLS_45: any, __VLS_64: string, __VLS_65: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 } & {
     [K in NonNullable<typeof __VLS_64>]?: (props: typeof __VLS_65) => any;
 } & {
-    loading?: (props: typeof __VLS_22) => any;
+    loading?: (props: typeof __VLS_21) => any;
 } & {
-    error?: (props: typeof __VLS_29) => any;
+    error?: (props: typeof __VLS_28) => any;
 } & {
-    error?: (props: typeof __VLS_31) => any;
+    error?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (...args: any[]) => void;

package/dist/runtime/components/Table/Base.vue

@@ -1,131 +1,131 @@
 <template>
-  <div
+  <div
     :class="
   theme.rootWrapper({
     class: [ui?.rootWrapper]
   })
-"
-  >
-    <Pagination
-      v-if="!options.isHidePagination && !options.isHidePaginationTop"
-      :options="options"
-      :ui="ui"
-      :page="page"
-      :page-limit="pageLimit"
-      class="border-b border-[#EAECF0]"
-      @pageChange="onPageChange"
-      @search="emits('search')"
-      @pageLimitChange="changePageLimit"
-    />
-    <UTable
-      :loading="options.status.isLoading"
-      :columns="uTableCompatibleColumns"
-      :data="options.rawData"
-      v-bind="$attrs"
-      :ui="ui"
-    >
-      <template #loading>
-        <Loader :loading="true" />
-      </template>
-      <template #empty>
-        <slot
-          v-if="options.status.isLoading"
-          name="loading"
-        >
-          <Loader :loading="true" />
-        </slot>
-        <slot
-          v-else-if="options.status.isError"
-          name="error"
-        >
-          <div
-            class="text-error-400 flex h-[200px] items-center justify-center text-2xl"
-          >
-            {{ StringHelper.getError(options.status.errorData) }}
-          </div>
-        </slot>
-
-        <slot
-          v-else
-          name="error"
-        >
-          <Empty />
-        </slot>
-      </template>
-      <template
-        v-for="column in options.columns"
-        #[`${column.accessorKey}-cell`]="slotProps"
-        :key="column.accessorKey"
-      >
-        <NuxtLink
-          v-if="to && column.accessorKey !== 'actions'"
-          :to="resolveTo(slotProps.row.original)"
-          :target="resolveTarget(slotProps.row.original)"
+"
+  >
+    <Pagination
+      v-if="!options.isHidePagination && !options.isHidePaginationTop"
+      :options="options"
+      :ui="ui"
+      :page="page"
+      :page-limit="pageLimit"
+      class="border-b border-[#EAECF0]"
+      @pageChange="onPageChange"
+      @search="emits('search')"
+      @pageLimitChange="changePageLimit"
+    />
+    <UTable
+      :loading="options.status.isLoading"
+      :columns="uTableCompatibleColumns"
+      :data="options.rawData"
+      v-bind="$attrs"
+      :ui="ui"
+    >
+      <template #loading>
+        <Loader :loading="true" />
+      </template>
+      <template #empty>
+        <slot
+          v-if="options.status.isLoading"
+          name="loading"
+        >
+          <Loader :loading="true" />
+        </slot>
+        <slot
+          v-else-if="options.status.isError"
+          name="error"
+        >
+          <div
+            class="text-error-400 flex h-[200px] items-center justify-center text-2xl"
+          >
+            {{ StringHelper.getError(options.status.errorData) }}
+          </div>
+        </slot>
+
+        <slot
+          v-else
+          name="error"
+        >
+          <Empty />
+        </slot>
+      </template>
+      <template
+        v-for="column in options.columns"
+        #[`${column.accessorKey}-cell`]="slotProps"
+        :key="column.accessorKey"
+      >
+        <NuxtLink
+          v-if="to && column.accessorKey !== 'actions'"
+          :to="resolveTo(slotProps.row.original)"
+          :target="resolveTarget(slotProps.row.original)"
           :rel="
   resolveTarget(slotProps.row.original) === '_blank' ? 'noopener noreferrer' : void 0
-"
-          class="absolute inset-0"
-          tabindex="-1"
-          aria-hidden="true"
-        />
-        <div
+"
+          class="absolute inset-0"
+          tabindex="-1"
+          aria-hidden="true"
+        />
+        <div
           :class="
   to && column.accessorKey !== 'actions' ? 'pointer-events-none relative z-10' : 'relative z-10'
-"
-        >
-          <slot
-            :name="`${column.accessorKey}-cell`"
-            v-bind="slotProps"
-          >
-            <component
-              :is="column.component"
-              v-if="column.type === COLUMN_TYPES.COMPONENT && column.component"
-              :value="transformValue(column, slotProps.row)"
-              :column="column"
-              :row="slotProps.row"
-            />
-            <component
-              :is="columnTypeComponents[column.type]"
+"
+        >
+          <slot
+            :name="`${column.accessorKey}-cell`"
+            v-bind="slotProps"
+          >
+            <component
+              :is="column.component"
+              v-if="column.type === COLUMN_TYPES.COMPONENT && column.component"
+              :value="transformValue(column, slotProps.row)"
+              :column="column"
+              :row="slotProps.row"
+            />
+            <component
+              :is="columnTypeComponents[column.type]"
               v-else-if="
   column.type !== COLUMN_TYPES.COMPONENT && columnTypeComponents[column.type]
-"
-              :value="transformValue(column, slotProps.row)"
-              :column="column"
-              :row="slotProps.row"
-            />
-            <VNodeRenderer
-              v-else-if="typeof column.cell === 'function'"
-              :vnode="transformValue(column, slotProps.row)"
-            />
-            <template v-else>
-              {{ transformValue(column, slotProps.row) }}
-            </template>
-          </slot>
-        </div>
-      </template>
-      <template
-        v-for="slotName in forwardedSlotNames"
-        :key="slotName"
-        #[slotName]="slotProps"
-      >
-        <slot
-          :name="slotName"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </UTable>
-    <Pagination
-      v-if="!options.isHidePagination && !options.isHidePaginationBottom"
-      :options="options"
-      :ui="ui"
-      :page="page"
-      :page-limit="pageLimit"
-      class="rounded-b-lg border-t border-[#EAECF0]"
-      @pageChange="onPageChange"
-      @search="emits('search')"
-      @pageLimitChange="changePageLimit"
-    />
-  </div>
+"
+              :value="transformValue(column, slotProps.row)"
+              :column="column"
+              :row="slotProps.row"
+            />
+            <VNodeRenderer
+              v-else-if="typeof column.cell === 'function'"
+              :vnode="transformValue(column, slotProps.row)"
+            />
+            <template v-else>
+              {{ transformValue(column, slotProps.row) }}
+            </template>
+          </slot>
+        </div>
+      </template>
+      <template
+        v-for="slotName in forwardedSlotNames"
+        :key="slotName"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </UTable>
+    <Pagination
+      v-if="!options.isHidePagination && !options.isHidePaginationBottom"
+      :options="options"
+      :ui="ui"
+      :page="page"
+      :page-limit="pageLimit"
+      class="rounded-b-lg border-t border-[#EAECF0]"
+      @pageChange="onPageChange"
+      @search="emits('search')"
+      @pageLimitChange="changePageLimit"
+    />
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/Table/Base.vue.d.ts

@@ -7,17 +7,17 @@ type __VLS_Props = {
     target?: string | ((row: any) => string | undefined);
     preserveQuery?: boolean;
 };
-declare var __VLS_22: {}, __VLS_29: {}, __VLS_31: {}, __VLS_44: `${string}-cell`, __VLS_45: any, __VLS_64: string, __VLS_65: any;
+declare var __VLS_21: {}, __VLS_28: {}, __VLS_30: {}, __VLS_44: `${string}-cell`, __VLS_45: any, __VLS_64: string, __VLS_65: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 } & {
     [K in NonNullable<typeof __VLS_64>]?: (props: typeof __VLS_65) => any;
 } & {
-    loading?: (props: typeof __VLS_22) => any;
+    loading?: (props: typeof __VLS_21) => any;
 } & {
-    error?: (props: typeof __VLS_29) => any;
+    error?: (props: typeof __VLS_28) => any;
 } & {
-    error?: (props: typeof __VLS_31) => any;
+    error?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (...args: any[]) => void;

package/dist/runtime/components/Table/ColumnDate.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnDateTime.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnImage.vue

@@ -1,8 +1,8 @@
 <template>
-  <Image
-    class="h-12 rounded"
-    :src="getValue"
-  />
+  <Image
+    class="h-12 rounded"
+    :src="getValue"
+  />
 </template>
 
 <script setup>