@finema/core 3.19.0 → 3.20.1

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

@@ -1,14 +1,14 @@
 <template>
-  <NuxtLink
-    v-if="column.meta?.link"
-    v-bind="column.meta.link"
-  >
-    {{ getValue }}
-  </NuxtLink>
-
-  <span v-else>
-    {{ getValue }}
-  </span>
+  <NuxtLink
+    v-if="column.meta?.link"
+    v-bind="column.meta.link"
+  >
+    {{ getValue }}
+  </NuxtLink>
+
+  <span v-else>
+    {{ getValue }}
+  </span>
 </template>
 
 <script setup>

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

@@ -1,90 +1,90 @@
 <template>
-  <div
+  <div
     :class="
   theme.paginationContainer({
     class: [ui?.paginationContainer]
   })
-"
-  >
-    <div
+"
+  >
+    <div
       :class="
   theme.paginationInfoWrapper({
     class: [ui?.paginationInfoWrapper]
   })
-"
-    >
-      <USelect
-        v-if="options.pageOptions && !options.isHideLimitSelect"
-        size="lg"
-        trailing="รายการ"
+"
+    >
+      <USelect
+        v-if="options.pageOptions && !options.isHideLimitSelect"
+        size="lg"
+        trailing="รายการ"
         :class="
   theme.paginationLimitSelect({
     class: [ui?.paginationLimitSelect, 'cursor-pointer']
   })
-"
-        :items="pageLimitItems"
-        :model-value="pageLimit"
-        @update:modelValue="emits('pageLimitChange', $event)"
-      >
-        <template #default="{ modelValue }">
-          <p
+"
+        :items="pageLimitItems"
+        :model-value="pageLimit"
+        @update:modelValue="emits('pageLimitChange', $event)"
+      >
+        <template #default="{ modelValue }">
+          <p
             :class="
   theme.paginationLimitSelectLabel({
     class: [ui?.paginationLimitSelectLabel]
   })
-"
-          >
-            {{ modelValue }}
-            {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
-          </p>
-        </template>
-      </USelect>
-      <p
+"
+          >
+            {{ modelValue }}
+            {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}
+          </p>
+        </template>
+      </USelect>
+      <p
         :class="
   theme.paginationInfo({
     class: [ui?.paginationInfo, '']
   })
-"
-      >
-        <span v-if="options.pageOptions">{{ pageBetween }}
-          {{ appConfig.core?.locale === "th" ? "\u0E08\u0E32\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "of total" }}
-          {{ totalCountWithComma }}</span>
-        <span v-else>{{ appConfig.core?.locale === "th" ? "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "Total" }}
-          {{ options.rawData.length }}
-          {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}</span>
-      </p>
-    </div>
-    <UPagination
-      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
-      :page="page"
-      :default-page="options.pageOptions?.currentPage || 1"
-      :items-per-page="options.pageOptions.limit"
-      :total="options.pageOptions.totalCount"
-      :to="options.isRouteChange ? to : void 0"
-      show-edges
-      variant="outline"
-      color="neutral"
-      active-color="neutral"
-      active-variant="subtle"
-      @update:page="emits('pageChange', $event)"
-    >
-      <template #item="{ item, page }">
-        <Button
-          :variant="page === item.value ? 'subtle' : 'outline'"
-          :color="page === item.value ? 'neutral' : 'neutral'"
-          :label="String(NumberHelper.withComma(item.value))"
-          :ui="{ label: themePagination.label }"
-          square
-          :to="options.isRouteChange ? to?.(item.value) : void 0"
+"
+      >
+        <span v-if="options.pageOptions">{{ pageBetween }}
+          {{ appConfig.core?.locale === "th" ? "\u0E08\u0E32\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "of total" }}
+          {{ totalCountWithComma }}</span>
+        <span v-else>{{ appConfig.core?.locale === "th" ? "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14" : "Total" }}
+          {{ options.rawData.length }}
+          {{ appConfig.core?.locale === "th" ? "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23" : "items" }}</span>
+      </p>
+    </div>
+    <UPagination
+      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
+      :page="page"
+      :default-page="options.pageOptions?.currentPage || 1"
+      :items-per-page="options.pageOptions.limit"
+      :total="options.pageOptions.totalCount"
+      :to="options.isRouteChange ? to : void 0"
+      show-edges
+      variant="outline"
+      color="neutral"
+      active-color="neutral"
+      active-variant="subtle"
+      @update:page="emits('pageChange', $event)"
+    >
+      <template #item="{ item, page }">
+        <Button
+          :variant="page === item.value ? 'subtle' : 'outline'"
+          :color="page === item.value ? 'neutral' : 'neutral'"
+          :label="String(NumberHelper.withComma(item.value))"
+          :ui="{ label: themePagination.label }"
+          square
+          :to="options.isRouteChange ? to?.(item.value) : void 0"
           :class="
   theme.buttonPagination({
     class: [ui?.buttonPagination]
   })
-"
-        />
-      </template>
-    </UPagination>
-  </div>
+"
+        />
+      </template>
+    </UPagination>
+  </div>
 </template>
 
 <script setup>

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

@@ -1,28 +1,28 @@
 <template>
-  <Base
-    v-bind="$attrs"
+  <Base
+    v-bind="$attrs"
     :options="{
   ...options,
   pageOptions,
   isHideLimitSelect: true,
   rawData: itemsByPage
-}"
-    :ui="computedUi"
-    :to="to"
-    :target="target"
-    :preserve-query="preserveQuery"
-    @page-change="onPageChange"
-  >
-    <template
-      v-for="(_, slot) of $slots"
-      #[slot]="slotProps"
-    >
-      <slot
-        :name="slot"
-        v-bind="slotProps || {}"
-      />
-    </template>
-  </Base>
+}"
+    :ui="computedUi"
+    :to="to"
+    :target="target"
+    :preserve-query="preserveQuery"
+    @page-change="onPageChange"
+  >
+    <template
+      v-for="(_, slot) of $slots"
+      #[slot]="slotProps"
+    >
+      <slot
+        :name="slot"
+        v-bind="slotProps || {}"
+      />
+    </template>
+  </Base>
 </template>
 
 <script setup>

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

@@ -1,41 +1,41 @@
 <template>
-  <div ref="tableContainer">
-    <div
-      v-if="options.isEnabledSearch"
+  <div ref="tableContainer">
+    <div
+      v-if="options.isEnabledSearch"
       :class="
   theme.searchContainer({
     class: [ui?.searchContainer]
   })
-"
-    >
-      <Input
-        v-model="q"
-        icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
-      />
-    </div>
-    <Base
-      v-bind="$attrs"
-      :options="options"
-      :ui="computedUi"
-      :column-pinning="computedColumnPinning"
-      :to="to"
-      :target="target"
-      :preserve-query="preserveQuery"
-      @page-change="onPageChange"
-      @search="emits('search', q)"
-    >
-      <template
-        v-for="(_, slot) of $slots"
-        #[slot]="slotProps"
-      >
-        <slot
-          :name="slot"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </Base>
-  </div>
+"
+    >
+      <Input
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
+      />
+    </div>
+    <Base
+      v-bind="$attrs"
+      :options="options"
+      :ui="computedUi"
+      :column-pinning="computedColumnPinning"
+      :to="to"
+      :target="target"
+      :preserve-query="preserveQuery"
+      @page-change="onPageChange"
+      @search="emits('search', q)"
+    >
+      <template
+        v-for="(_, slot) of $slots"
+        #[slot]="slotProps"
+      >
+        <slot
+          :name="slot"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </Base>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/TeleportSafe.d.vue.ts

@@ -2,9 +2,9 @@ type __VLS_Props = {
     to: string;
     disabled?: boolean;
 };
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/TeleportSafe.vue.d.ts

@@ -2,9 +2,9 @@ type __VLS_Props = {
     to: string;
     disabled?: boolean;
 };
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,11 +13,18 @@ export interface IRequestContext {
     data?: any;
     options: AxiosRequestConfig;
 }
+type StateRequestOptions = Partial<AxiosRequestConfig>;
 export declare const checkExpiration: (timestamp: number | undefined, expire?: number) => boolean;
 export declare const bindParamsToUrl: (urlTemplate: string, urlParams?: Record<string, any>) => string;
 export declare const prepareRequestOptions: (baseOptions?: AxiosRequestConfig, requestOptions?: AxiosRequestConfig, params?: Record<string, any>, signal?: AbortSignal) => AxiosRequestConfig;
-export declare const omitLoaderSignal: <T extends Record<string, any>>(opts: T) => Omit<T, "signal">;
-export declare const toSerializableRequestOptions: (options: AxiosRequestConfig) => Partial<AxiosRequestConfig>;
+export declare const toSerializableRequestOptions: (options: AxiosRequestConfig) => StateRequestOptions;
+export declare const prepareLoaderRequestOptions: (baseOptions?: AxiosRequestConfig, requestOptions?: AxiosRequestConfig, params?: Record<string, any>, signal?: AbortSignal) => {
+    requestOptions: AxiosRequestConfig<any>;
+    stateRequestOptions: Partial<AxiosRequestConfig<any>>;
+};
+export declare const createSuccessOptions: (status: number | undefined, request: StateRequestOptions) => IAPIOptions;
+export declare const createErrorOptions: (error: any, request: StateRequestOptions) => IAPIOptions;
+export declare const toSerializableLoaderOptions: <T extends Record<string, any>>(opts: T) => Partial<T>;
 export declare const handleApiRequest: <T>(requestContext: IRequestContext, mockData: T | T[] | null, callbacks: {
     onSuccess: (data: T, status?: number) => void;
     onError: (error: any) => void;
@@ -30,3 +37,4 @@ export declare const updateLoaderState: {
     setComplete: (status: IStatus) => IStatus;
     setOptions: (options: IAPIOptions, updates: Partial<IAPIOptions>) => IAPIOptions;
 };
+export {};

package/dist/runtime/helpers/apiBaseHelper.js

@@ -22,13 +22,6 @@ export const prepareRequestOptions = (baseOptions, requestOptions, params, signa
   });
   return options;
 };
-export const omitLoaderSignal = (opts) => {
-  const {
-    signal: _signal,
-    ...rest
-  } = opts;
-  return rest;
-};
 export const toSerializableRequestOptions = (options) => {
   const {
     adapter: _adapter,
@@ -42,6 +35,34 @@ export const toSerializableRequestOptions = (options) => {
   } = options;
   return JSON.parse(JSON.stringify(serializableOptions));
 };
+export const prepareLoaderRequestOptions = (baseOptions, requestOptions, params, signal) => {
+  const options = prepareRequestOptions(baseOptions, requestOptions, params, signal);
+  return {
+    requestOptions: options,
+    stateRequestOptions: toSerializableRequestOptions(options)
+  };
+};
+export const createSuccessOptions = (status, request) => ({
+  _timestamp: Date.now(),
+  _status: status,
+  request
+});
+export const createErrorOptions = (error, request) => ({
+  _status: error.response?.status,
+  request
+});
+export const toSerializableLoaderOptions = (opts) => {
+  const {
+    request,
+    signal: _signal,
+    ...rest
+  } = opts;
+  const serializableOptions = JSON.parse(JSON.stringify(rest));
+  if (request) {
+    serializableOptions.request = toSerializableRequestOptions(request);
+  }
+  return serializableOptions;
+};
 const createAbortError = () => ({
   code: "ERR_CANCELED",
   name: "AbortError",

package/dist/runtime/helpers/apiListHelper.js

@@ -1,9 +1,10 @@
 import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
   checkExpiration,
-  prepareRequestOptions,
+  createErrorOptions,
+  createSuccessOptions,
   handleApiRequest,
-  toSerializableRequestOptions,
+  prepareLoaderRequestOptions,
   updateLoaderState
 } from "./apiBaseHelper.js";
 export const apiListHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateItems, opts) => {
@@ -13,13 +14,15 @@ export const apiListHelper = async (state, onUpdateStatus, onUpdateOptions, onUp
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const requestOptions = prepareRequestOptions(
+  const {
+    requestOptions,
+    stateRequestOptions
+  } = prepareLoaderRequestOptions(
     {},
     opts.getRequestOptions?.(opts),
     opts.params,
     opts.signal
   );
-  const serializableRequestOptions = toSerializableRequestOptions(requestOptions);
   const url = bindParamsToUrl(opts.getURL ? opts.getURL(opts) : opts.url, opts.urlBind || {});
   await handleApiRequest(
     {
@@ -32,18 +35,11 @@ export const apiListHelper = async (state, onUpdateStatus, onUpdateOptions, onUp
       onSuccess: (items, status) => {
         onUpdateItems(items);
         onUpdateStatus(updateLoaderState.setSuccess(state().status));
-        onUpdateOptions({
-          _timestamp: Date.now(),
-          _status: status,
-          request: serializableRequestOptions
-        });
+        onUpdateOptions(createSuccessOptions(status, stateRequestOptions));
       },
       onError: (error) => {
         onUpdateStatus(updateLoaderState.setError(state().status, error));
-        onUpdateOptions({
-          _status: error.response?.status,
-          request: serializableRequestOptions
-        });
+        onUpdateOptions(createErrorOptions(error, stateRequestOptions));
       },
       onComplete: () => {
         onUpdateStatus(updateLoaderState.setComplete(state().status));

package/dist/runtime/helpers/apiObjectHelper.js

@@ -1,9 +1,10 @@
 import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
   checkExpiration,
+  createErrorOptions,
+  createSuccessOptions,
   handleApiRequest,
-  prepareRequestOptions,
-  toSerializableRequestOptions,
+  prepareLoaderRequestOptions,
   updateLoaderState
 } from "./apiBaseHelper.js";
 export const apiObjectHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, payload, opts) => {
@@ -13,13 +14,15 @@ export const apiObjectHelper = async (state, onUpdateStatus, onUpdateOptions, on
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const requestOptions = prepareRequestOptions(
+  const {
+    requestOptions,
+    stateRequestOptions
+  } = prepareLoaderRequestOptions(
     {},
     opts.getRequestOptions?.(payload, opts),
     opts.params,
     opts.signal
   );
-  const serializableRequestOptions = toSerializableRequestOptions(requestOptions);
   const url = bindParamsToUrl(opts.getURL ? opts.getURL(payload, opts) : opts.url, opts.urlBind || {});
   await handleApiRequest(
     {
@@ -33,18 +36,11 @@ export const apiObjectHelper = async (state, onUpdateStatus, onUpdateOptions, on
       onSuccess: (item, status) => {
         onUpdateData(item);
         onUpdateStatus(updateLoaderState.setSuccess(state().status));
-        onUpdateOptions({
-          request: serializableRequestOptions,
-          _timestamp: Date.now(),
-          _status: status
-        });
+        onUpdateOptions(createSuccessOptions(status, stateRequestOptions));
       },
       onError: (error) => {
         onUpdateStatus(updateLoaderState.setError(state().status, error));
-        onUpdateOptions({
-          request: serializableRequestOptions,
-          _status: error.response?.status
-        });
+        onUpdateOptions(createErrorOptions(error, stateRequestOptions));
       },
       onComplete: () => {
         onUpdateStatus(updateLoaderState.setComplete(state().status));