@finema/core 2.1.1 → 2.3.0

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

@@ -1,116 +1,116 @@
 <template>
-  <div>
-    <div
-      v-if="options.isEnabledSearch"
+  <div>
+    <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>
-    <div
-      v-if="!options.isHideCaption || !options.isHideBottomPagination"
+})"
+    >
+      <Input
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || '\u0E04\u0E49\u0E19\u0E2B\u0E32....'"
+      />
+    </div>
+    <div
+      v-if="!options.isHideCaption || !options.isHideBottomPagination"
       :class="theme.captionContainer({
   class: [ui?.captionContainer]
-})"
-    >
-      <span
+})"
+    >
+      <span
         :class="theme.captionBoldText({
   class: [ui?.captionBoldText]
-})"
-      >
-        ผลลัพธ์ทั้งหมด:</span>
-      จำนวน
-      <span
+})"
+      >
+        ผลลัพธ์ทั้งหมด:</span>
+      จำนวน
+      <span
         :class="theme.captionBoldText({
   class: [ui?.captionBoldText]
-})"
-      >{{ options.pageOptions?.totalCount || 0 }}</span>
-      รายการ
-    </div>
-
-    <UTable
-      v-bind="$attrs"
-      :loading="options.status.isLoading"
-      :data="options.rawData"
-      :columns="options.columns"
-    >
-      <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 text-2xl h-[200px] flex justify-center items-center"
-          >
-            {{ StringHelper.getError(options.status.errorData) }}
-          </div>
-        </slot>
-
-        <slot
-          v-else
-          name="error"
-        >
-          <Empty />
-        </slot>
-      </template>
-      <template
-        v-for="column in options.columns.filter((item) => !!item.type)"
-        #[`${column.accessorKey}-cell`]="{ row }"
-        :key="column.accessorKey"
-      >
-        <component
-          :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : columnTypeComponents[column.type]"
-          v-if="column.type === COLUMN_TYPES.COMPONENT || columnTypeComponents[column.type]"
-          :value="transformValue(column, row)"
-          :column="column"
-          :row="row"
-        />
-      </template>
-      <template
-        v-for="(_, slotName) of $slots"
-        #[slotName]="slotProps"
-      >
-        <slot
-          :name="slotName"
-          v-bind="slotProps || {}"
-        />
-      </template>
-    </UTable>
-
-    <div
+})"
+      >{{ options.pageOptions?.totalCount || 0 }}</span>
+      รายการ
+    </div>
+
+    <UTable
+      v-bind="$attrs"
+      :loading="options.status.isLoading"
+      :data="options.rawData"
+      :columns="options.columns"
+    >
+      <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 text-2xl h-[200px] flex justify-center items-center"
+          >
+            {{ StringHelper.getError(options.status.errorData) }}
+          </div>
+        </slot>
+
+        <slot
+          v-else
+          name="error"
+        >
+          <Empty />
+        </slot>
+      </template>
+      <template
+        v-for="column in options.columns.filter((item) => !!item.type)"
+        #[`${column.accessorKey}-cell`]="{ row }"
+        :key="column.accessorKey"
+      >
+        <component
+          :is="column.type === COLUMN_TYPES.COMPONENT ? column.component : columnTypeComponents[column.type]"
+          v-if="column.type === COLUMN_TYPES.COMPONENT || columnTypeComponents[column.type]"
+          :value="transformValue(column, row)"
+          :column="column"
+          :row="row"
+        />
+      </template>
+      <template
+        v-for="(_, slotName) of $slots"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps || {}"
+        />
+      </template>
+    </UTable>
+
+    <div
       :class="theme.paginationContainer({
   class: [ui?.paginationContainer]
-})"
-    >
-      <p
+})"
+    >
+      <p
         :class="theme.paginationInfo({
   class: [ui?.paginationInfo]
-})"
-      >
-        ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
-      </p>
-      <Pagination
-        v-model:page="page"
-        :default-page="options.pageOptions?.currentPage || 1"
-        :items-per-page="options.pageOptions.limit"
-        :total="options.pageOptions.totalCount"
-        @update:page="emits('pageChange', $event)"
-      />
-    </div>
-  </div>
+})"
+      >
+        ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
+      </p>
+      <Pagination
+        v-model:page="page"
+        :default-page="options.pageOptions?.currentPage || 1"
+        :items-per-page="options.pageOptions.limit"
+        :total="options.pageOptions.totalCount"
+        @update:page="emits('pageChange', $event)"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/helpers/apiPageHelper.js

@@ -1,4 +1,5 @@
 import { useCoreConfig } from "../composables/useConfig.js";
+import { _get } from "../utils/lodash.js";
 import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
   checkExpiration,
@@ -6,7 +7,7 @@ import {
   prepareRequestOptions,
   updateLoaderState
 } from "./apiBaseHelper.js";
-import { _findIndex, _get, _shuffle } from "#imports";
+import { _findIndex, _shuffle } from "#imports";
 export const apiAddHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, onUpdateItems, data, opts) => {
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/types/common.d.ts

@@ -3,7 +3,7 @@ export interface IError {
     message: any;
 }
 export interface IOption extends Record<string, any> {
-    value: any;
+    value: any | null;
     label: string;
 }
 export interface IGetParams {

package/dist/runtime/utils/ArrayHelper.js

@@ -1,4 +1,4 @@
-import { get as _get } from "lodash";
+import { _get } from "./lodash.js";
 export class ArrayHelper {
   static toOptions(data, valueAttr = "id", labelAttr = "name") {
     return ArrayHelper.toArray(data).map((item) => {

package/dist/runtime/utils/ObjectHelper.js

@@ -1,6 +1,5 @@
-import { get as _get } from "lodash";
 import { ParamHelper } from "./ParamHelper.js";
-import { _isEmpty } from "./lodash.js";
+import { _isEmpty, _get } from "./lodash.js";
 export class ObjectHelper {
   static createOption(value, label = "") {
     return {

package/dist/runtime/utils/ParamHelper.js

@@ -1,4 +1,4 @@
-import { get as _get } from "lodash";
+import { _get } from "./lodash.js";
 export class ParamHelper {
   static getParams = (opts, reqOptions) => {
     if (opts.params) {

package/dist/runtime/utils/lodash.d.ts

@@ -1 +1,16 @@
 export declare const _isEmpty: (value: any) => boolean;
+/**
+ * Gets the value at path of object. If the resolved value is undefined,
+ * the defaultValue is returned in its place.
+ */
+type PathKeys<T> = {
+    [K in keyof T]: T[K] extends object ? K extends string | number ? `${K}` | `${K}.${PathKeys<T[K]>}` : never : K extends string | number ? `${K}` : never;
+}[keyof T];
+interface GetFunction {
+    <T extends object, K extends PathKeys<T>>(object: T, path: K): any;
+    <T extends object, K extends PathKeys<T>, D>(object: T, path: K, defaultValue: D): D;
+    <T>(object: any, path: string | (string | number)[], defaultValue: T): T;
+    <T = any>(object: any, path: string | (string | number)[]): T | undefined;
+}
+export declare const _get: GetFunction;
+export {};

package/dist/runtime/utils/lodash.js

@@ -10,3 +10,30 @@ export const _isEmpty = (value) => {
   }
   return false;
 };
+export const _get = (object, path, defaultValue) => {
+  if (object == null) {
+    return defaultValue;
+  }
+  const pathArray = Array.isArray(path) ? path : stringToPath(path);
+  let current = object;
+  for (let i = 0; i < pathArray.length; i++) {
+    if (current == null) {
+      return defaultValue;
+    }
+    current = current[pathArray[i]];
+  }
+  return current === void 0 ? defaultValue : current;
+};
+const stringToPath = (path) => {
+  if (typeof path !== "string") {
+    return [path];
+  }
+  const normalizedPath = path.replace(/\[(\d+)\]/g, ".$1").replace(/\[['"]([^'"]*)['"]\]/g, ".$1").replace(/^\./, "");
+  if (normalizedPath === "") {
+    return [];
+  }
+  return normalizedPath.split(".").map((key) => {
+    const numKey = Number(key);
+    return !Number.isNaN(numKey) && key === numKey.toString() ? numKey : key;
+  });
+};

package/package.json

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