@finema/core 2.1.1 → 2.3.0

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

@@ -1,52 +1,52 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Input
-      v-if="type === 'password'"
-      v-maska="activeMaskOptions"
-      :model-value="value"
-      :disabled="wrapperProps.disabled"
-      :leading-icon="leadingIcon"
-      :trailing-icon="trailingIcon"
-      :loading="loading"
-      :loading-icon="loadingIcon"
-      :name="name"
-      :placeholder="wrapperProps.placeholder"
-      :type="isShowPassword ? 'text' : 'password'"
-      :autofocus="!!autoFocus"
-      :icon="icon"
-      :readonly="readonly"
-      :ui="defu(ui, { icon: { trailing: { pointer: '' } } })"
-      @update:model-value="onChange"
-    >
-      <template #trailing>
-        <Button
-          color="neutral"
-          variant="link"
-          :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
-          :padded="false"
-          @click="isShowPassword = !isShowPassword"
-        />
-      </template>
-    </Input>
-    <Input
-      v-else
-      v-maska="activeMaskOptions"
-      :model-value="value"
-      :disabled="wrapperProps.disabled"
-      :leading-icon="leadingIcon"
-      :trailing-icon="trailingIcon"
-      :loading="loading"
-      :loading-icon="loadingIcon"
-      :name="name"
-      :placeholder="wrapperProps.placeholder"
-      :type="type"
-      :autofocus="!!autoFocus"
-      :icon="icon"
-      :readonly="readonly"
-      :ui="ui"
-      @update:model-value="onChange"
-    />
-  </FieldWrapper>
+  <FieldWrapper v-bind="wrapperProps">
+    <Input
+      v-if="type === 'password'"
+      v-maska="activeMaskOptions"
+      :model-value="value"
+      :disabled="wrapperProps.disabled"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :loading="loading"
+      :loading-icon="loadingIcon"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :type="isShowPassword ? 'text' : 'password'"
+      :autofocus="!!autoFocus"
+      :icon="icon"
+      :readonly="readonly"
+      :ui="defu(ui, { icon: { trailing: { pointer: '' } } })"
+      @update:model-value="onChange"
+    >
+      <template #trailing>
+        <Button
+          color="neutral"
+          variant="link"
+          :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
+          :padded="false"
+          @click="isShowPassword = !isShowPassword"
+        />
+      </template>
+    </Input>
+    <Input
+      v-else
+      v-maska="activeMaskOptions"
+      :model-value="value"
+      :disabled="wrapperProps.disabled"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :loading="loading"
+      :loading-icon="loadingIcon"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :type="type"
+      :autofocus="!!autoFocus"
+      :icon="icon"
+      :readonly="readonly"
+      :ui="ui"
+      @update:model-value="onChange"
+    />
+  </FieldWrapper>
 </template>
 
 <script setup>

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

@@ -1,22 +1,22 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Textarea
-      :model-value="value"
-      :disabled="wrapperProps.disabled"
-      :name="name"
-      :resize="resize"
-      :placeholder="wrapperProps.placeholder"
-      :autofocus="!!autoFocus"
-      :autoresize="autoresize"
-      :rows="rows"
-      :maxrows="maxrows"
-      :loading="loading"
-      :loading-icon="loadingIcon"
-      :readonly="readonly"
-      :ui="ui"
-      @update:model-value="onChange"
-    />
-  </FieldWrapper>
+  <FieldWrapper v-bind="wrapperProps">
+    <Textarea
+      :model-value="value"
+      :disabled="wrapperProps.disabled"
+      :name="name"
+      :resize="resize"
+      :placeholder="wrapperProps.placeholder"
+      :autofocus="!!autoFocus"
+      :autoresize="autoresize"
+      :rows="rows"
+      :maxrows="maxrows"
+      :loading="loading"
+      :loading-icon="loadingIcon"
+      :readonly="readonly"
+      :ui="ui"
+      @update:model-value="onChange"
+    />
+  </FieldWrapper>
 </template>
 
 <script setup>

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

@@ -1,21 +1,21 @@
 <template>
-  <FieldWrapper
-    v-bind="wrapperProps"
-    label=""
-    description=""
-  >
-    <Switch
-      :model-value="value"
-      :disabled="wrapperProps.disabled"
-      :name="name"
-      :ui="ui"
-      :label="label"
-      :description="description"
-      :loading="loading"
-      :loading-icon="loadingIcon"
-      @update:modelValue="onChange"
-    />
-  </FieldWrapper>
+  <FieldWrapper
+    v-bind="wrapperProps"
+    label=""
+    description=""
+  >
+    <Switch
+      :model-value="value"
+      :disabled="wrapperProps.disabled"
+      :name="name"
+      :ui="ui"
+      :label="label"
+      :description="description"
+      :loading="loading"
+      :loading-icon="loadingIcon"
+      @update:modelValue="onChange"
+    />
+  </FieldWrapper>
 </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="w-full h-full flex justify-center items-center"
-        >
-          <Loader
-            :loading="true"
-          />
-        </div>
-      </slot>
-    </template>
-
-    <template #error>
-      <slot name="error">
-        <div
-          class="w-full h-full flex justify-center items-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="w-full h-full flex justify-center items-center"
+        >
+          <Loader
+            :loading="true"
+          />
+        </div>
+      </slot>
+    </template>
+
+    <template #error>
+      <slot name="error">
+        <div
+          class="w-full h-full flex justify-center items-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/Loader.vue

@@ -1,18 +1,18 @@
 <template>
-  <div
-    v-if="loading"
+  <div
+    v-if="loading"
     :class="theme.base({
   class: [ui?.base, props.class]
-})"
-  >
-    <Icon
-      :name="icon"
+})"
+  >
+    <Icon
+      :name="icon"
       :class="[theme.icon({
   class: [ui?.icon]
-})]"
-    />
-  </div>
-  <slot v-else />
+})]"
+    />
+  </div>
+  <slot v-else />
 </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.vue

@@ -1,80 +1,80 @@
 <template>
-  <div
-    v-if="!isHideCaption || !isHideBottomPagination"
-    class="mb-4 text-gray-500"
-  >
-    <span class="font-bold">ผลลัพธ์ทั้งหมด:</span>
-    จำนวน
-    <span class="font-bold">{{ pageOptions?.totalCount || 0 }}</span>
-    รายการ
-  </div>
-  <UTable
-    :loading="status.isLoading"
-    :columns="uTableCompatibleColumns"
-    :rows="rawData"
-    v-bind="$attrs"
-  >
-    <template #loading-state>
-      <div class="flex h-60 items-center justify-center">
-        <Icon
-          name="i-svg-spinners:180-ring-with-bg"
-          class="text-primary size-8"
-        />
-      </div>
-    </template>
-    <template #empty-state>
-      <Empty />
-    </template>
-    <template
-      v-for="column in columns"
-      #[`${column.accessorKey}-data`]="{ row }"
-      :key="column.accessorKey"
-    >
-      <component
-        :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : column.type ? columnTypeComponents[column.type] : void 0"
-        v-if="column.type === COLUMN_TYPES.COMPONENT || column.type && columnTypeComponents[column.type]"
-        :value="transformValue(column, row)"
-        :column="column"
-        :row="row"
-      />
-      <ColumnText
-        v-else
-        :value="transformValue(column, row)"
-        :column="column"
-        :row="row"
-      />
-    </template>
-
-    <template
-      v-for="(_, slotName) in $slots"
-      #[slotName]="scope"
-    >
-      <slot
-        :name="slotName"
-        v-bind="scope"
-      />
-    </template>
-  </UTable>
-  <div
-    v-if="pageOptions"
-    class="mt-4 flex justify-between px-3"
-  >
-    <p class="text-sm text-gray-500">
-      ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
-    </p>
-    <Pagination
-      v-if="pageOptions.totalPage > 1 && !isSimplePagination && !isHideBottomPagination"
-      v-model="page"
-      :page-count="pageOptions.limit"
-      :total="pageOptions.totalCount"
-    />
-    <SimplePagination
-      v-if="pageOptions.totalPage > 1 && isSimplePagination"
-      v-model="page"
-      :page-count="pageOptions.limit"
-      :total="pageOptions.totalCount"
-    />
-  </div>
+  <div
+    v-if="!isHideCaption || !isHideBottomPagination"
+    class="mb-4 text-gray-500"
+  >
+    <span class="font-bold">ผลลัพธ์ทั้งหมด:</span>
+    จำนวน
+    <span class="font-bold">{{ pageOptions?.totalCount || 0 }}</span>
+    รายการ
+  </div>
+  <UTable
+    :loading="status.isLoading"
+    :columns="uTableCompatibleColumns"
+    :rows="rawData"
+    v-bind="$attrs"
+  >
+    <template #loading-state>
+      <div class="flex h-60 items-center justify-center">
+        <Icon
+          name="i-svg-spinners:180-ring-with-bg"
+          class="text-primary size-8"
+        />
+      </div>
+    </template>
+    <template #empty-state>
+      <Empty />
+    </template>
+    <template
+      v-for="column in columns"
+      #[`${column.accessorKey}-data`]="{ row }"
+      :key="column.accessorKey"
+    >
+      <component
+        :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : column.type ? columnTypeComponents[column.type] : void 0"
+        v-if="column.type === COLUMN_TYPES.COMPONENT || column.type && columnTypeComponents[column.type]"
+        :value="transformValue(column, row)"
+        :column="column"
+        :row="row"
+      />
+      <ColumnText
+        v-else
+        :value="transformValue(column, row)"
+        :column="column"
+        :row="row"
+      />
+    </template>
+
+    <template
+      v-for="(_, slotName) in $slots"
+      #[slotName]="scope"
+    >
+      <slot
+        :name="slotName"
+        v-bind="scope"
+      />
+    </template>
+  </UTable>
+  <div
+    v-if="pageOptions"
+    class="mt-4 flex justify-between px-3"
+  >
+    <p class="text-sm text-gray-500">
+      ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
+    </p>
+    <Pagination
+      v-if="pageOptions.totalPage > 1 && !isSimplePagination && !isHideBottomPagination"
+      v-model="page"
+      :page-count="pageOptions.limit"
+      :total="pageOptions.totalCount"
+    />
+    <SimplePagination
+      v-if="pageOptions.totalPage > 1 && isSimplePagination"
+      v-model="page"
+      :page-count="pageOptions.limit"
+      :total="pageOptions.totalCount"
+    />
+  </div>
 </template>
 
 <script setup>

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>

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

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

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

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

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

@@ -1,25 +1,25 @@
 <template>
-  <Base
-    v-bind="$attrs"
-    :columns="options.columns"
-    :raw-data="itemsByPage"
-    :status="options.status"
-    :page-options="pageOptions"
-    :is-simple-pagination="isShowSimplePagination"
-    :is-hide-bottom-pagination="options.isHideBottomPagination"
-    :is-hide-caption="options.isHideCaption"
-    @page-change="onPageChange"
-  >
-    <template
-      v-for="(_, slot) of $slots"
-      #[slot]="slotProps"
-    >
-      <slot
-        :name="slot"
-        v-bind="slotProps || {}"
-      />
-    </template>
-  </Base>
+  <Base
+    v-bind="$attrs"
+    :columns="options.columns"
+    :raw-data="itemsByPage"
+    :status="options.status"
+    :page-options="pageOptions"
+    :is-simple-pagination="isShowSimplePagination"
+    :is-hide-bottom-pagination="options.isHideBottomPagination"
+    :is-hide-caption="options.isHideCaption"
+    @page-change="onPageChange"
+  >
+    <template
+      v-for="(_, slot) of $slots"
+      #[slot]="slotProps"
+    >
+      <slot
+        :name="slot"
+        v-bind="slotProps || {}"
+      />
+    </template>
+  </Base>
 </template>
 
 <script setup>