pukaad-ui-lib 1.450.0 → 1.450.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.450.0",
+  "version": "1.450.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-blog.vue

@@ -13,7 +13,7 @@
                 </div>
                 <div class="text-gray flex gap-[4px] items-center">
                     <div>•</div>
-                    <div>{{ convertDateTorelativeText(displayDate) }}</div>
+                    <div>{{ convertDateToRelativeText(displayDate) }}</div>
                 </div>
             </div>
             <div v-if="!displayImage" class="text-body-large text-gray"
@@ -54,7 +54,7 @@
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 import { useRouter } from "vue-router";
 import { computed, ref, watch, onMounted, onBeforeUnmount } from "vue";
-const { convertNumber, convertDateTorelativeText } = useConvert();
+const { convertNumber, convertDateToRelativeText } = useConvert();
 const router = useRouter();
 const props = defineProps({
   item: { type: Object, required: true },

package/dist/runtime/components/card/card-review.vue

@@ -61,7 +61,7 @@
             />
             <div class="text-gray font-body-small">
               {{
-                convertDateTorelativeText(props.item.review?.created_at ?? "")
+                convertDateToRelativeText(props.item.review?.created_at ?? "")
               }}
             </div>
           </div>
@@ -146,7 +146,7 @@ import { useNuxtApp } from "nuxt/app";
 import { useConvert } from "../../composables/useConvert";
 import { useApi } from "../../composables/useApi";
 const router = useRouter();
-const { convertNumber, convertDateTorelativeText } = useConvert();
+const { convertNumber, convertDateToRelativeText } = useConvert();
 const api = useApi();
 const nuxtApp = useNuxtApp();
 const $toast = nuxtApp.$toast;

package/dist/runtime/components/card/card-user/card-user-blog.vue

@@ -23,7 +23,7 @@
           </div>
           <div class="text-gray font-body-small flex gap-[4px] items-center">
             <div>
-              {{ convertDateTorelativeText(props.item.create_at) }}
+              {{ convertDateToRelativeText(props.item.create_at) }}
             </div>
             <div>•</div>
             <div>{{ convertNumber(props.item.view_count) }} วิว</div>
@@ -91,7 +91,7 @@ import { ref, watch } from "vue";
 import { useNuxtApp } from "nuxt/app";
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 import { useApi } from "../../../composables/useApi";
-const { convertNumber, convertDateTorelativeText } = useConvert();
+const { convertNumber, convertDateToRelativeText } = useConvert();
 const { $toast, $alert } = useNuxtApp();
 const api = useApi();
 const props = defineProps({

package/dist/runtime/components/comment.vue

@@ -51,7 +51,7 @@
         </div>
         <div class="pl-[38px] flex gap-[16px] text-gray">
           <div class="font-body-large">
-            {{ convertDateTorelativeText(cmt.created_at) }}
+            {{ convertDateToRelativeText(cmt.created_at) }}
           </div>
           <div class="flex gap-[4px] items-center cursor-pointer" @click="onToggleLikeComment(cmt)">
             <Icon :name="
@@ -131,7 +131,7 @@
             </div>
             <div class="pl-[38px] flex gap-[16px] text-gray">
               <div class="font-body-large">
-                {{ convertDateTorelativeText(reply.created_at) }}
+                {{ convertDateToRelativeText(reply.created_at) }}
               </div>
               <div class="flex gap-[4px] items-center cursor-pointer" @click="onToggleLikeReplyComment(reply)">
                 <Icon :name="
@@ -194,7 +194,7 @@ const resolvedCommentCount = computed(
   () => props.fetchFn ? internalCommentCount.value : props.commentCount ?? 0
 );
 const router = useRouter();
-const { convertDateTorelativeText } = useConvert();
+const { convertDateToRelativeText } = useConvert();
 const openedComments = ref([]);
 const expandedContentIds = ref([]);
 const truncatedTexts = ref({});

package/dist/runtime/components/data-table.d.vue.ts

@@ -74,13 +74,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     loading: boolean;
     items: Record<string, any>[];
-    disabledPagination: boolean;
-    totalPage: number;
     itemHeader: TableHeader[];
     headerAlignment: TableHeaderAlignment;
     cellAlignment: TableHeaderAlignment;
     disabledHeader: boolean;
     disabledSort: boolean;
+    disabledPagination: boolean;
+    totalPage: number;
     selectable: boolean;
     selectKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/data-table.vue.d.ts

@@ -74,13 +74,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }>, {
     loading: boolean;
     items: Record<string, any>[];
-    disabledPagination: boolean;
-    totalPage: number;
     itemHeader: TableHeader[];
     headerAlignment: TableHeaderAlignment;
     cellAlignment: TableHeaderAlignment;
     disabledHeader: boolean;
     disabledSort: boolean;
+    disabledPagination: boolean;
+    totalPage: number;
     selectable: boolean;
     selectKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/display/display-video.d.vue.ts

@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";
     poster: string;
     autoplay: boolean;

package/dist/runtime/components/display/display-video.vue.d.ts

@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";
     poster: string;
     autoplay: boolean;

package/dist/runtime/components/input/input-address.d.vue.ts

@@ -50,12 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    placeholder: string;
     layout: "vertical" | "horizontal";
-    gap: number | string;
+    placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-address.vue.d.ts

@@ -50,12 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    placeholder: string;
     layout: "vertical" | "horizontal";
-    gap: number | string;
+    placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-birth-date.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-chat.d.vue.ts

@@ -47,9 +47,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     disabled: boolean;
     name: string;
-    maxHeight: number;
     placeholder: string;
     maxlength: number;
+    maxHeight: number;
     limitImage: number;
     limitVideo: number;
     disabledMedia: boolean;

package/dist/runtime/components/input/input-chat.vue.d.ts

@@ -47,9 +47,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     disabled: boolean;
     name: string;
-    maxHeight: number;
     placeholder: string;
     maxlength: number;
+    maxHeight: number;
     limitImage: number;
     limitVideo: number;
     disabledMedia: boolean;

package/dist/runtime/components/input/input-date-picker.d.vue.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

package/dist/runtime/components/input/input-date-picker.vue.d.ts

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
-    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -34,11 +34,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     width: number | string;
     height: number | string;
     name: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -34,11 +34,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     width: number | string;
     height: number | string;
     name: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    placeholder: string;
     options: InputSelectItem[];
+    placeholder: string;
     limit: number;
     removable: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    placeholder: string;
     options: InputSelectItem[];
+    placeholder: string;
     limit: number;
     removable: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-radio.d.vue.ts

@@ -35,11 +35,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     items: import("#pukaad-ui/types/components/input/input-radio").InputRadioItem[] | string[] | number[];
     item: string | number;
     name: string;
-    columnGap: number | string;
     layout: "vertical" | "horizontal";
     disabledErrorMessage: boolean;
     labelPosition: "left" | "right";
     layoutGap: number | string;
+    columnGap: number | string;
     standalone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/input/input-radio.vue.d.ts

@@ -35,11 +35,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     items: import("#pukaad-ui/types/components/input/input-radio").InputRadioItem[] | string[] | number[];
     item: string | number;
     name: string;
-    columnGap: number | string;
     layout: "vertical" | "horizontal";
     disabledErrorMessage: boolean;
     labelPosition: "left" | "right";
     layoutGap: number | string;
+    columnGap: number | string;
     standalone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/input/input-tag-modal.d.vue.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
-    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

package/dist/runtime/components/input/input-tag-modal.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
+    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
-    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     profileScope: "personal" | "business";
     ignore: string[];

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     profileScope: "personal" | "business";
     ignore: string[];

package/dist/runtime/components/input/input-textarea.d.vue.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     rows: number;
     limit: number;
     readonly: boolean;

package/dist/runtime/components/input/input-textarea.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     rows: number;
     limit: number;
     readonly: boolean;

package/dist/runtime/components/modal/modal-media-view.vue

@@ -91,7 +91,7 @@
                     />
                     <span class="font-body-small opacity-75">
                       {{
-                        convertDateTorelativeText(
+                        convertDateToRelativeText(
   props.review.review.created_at ?? ""
 )
                       }}
@@ -148,7 +148,7 @@
                     />
                     <span class="font-body-small opacity-75">
                       {{
-                        convertDateTorelativeText(
+                        convertDateToRelativeText(
   props.review.review.created_at ?? ""
 )
                       }}
@@ -181,7 +181,7 @@ import { ref, computed } from "vue";
 import { useNuxtApp } from "nuxt/app";
 import { useConvert } from "../../composables/useConvert";
 import { useApi } from "../../composables/useApi";
-const { convertNumber, convertDateTorelativeText } = useConvert();
+const { convertNumber, convertDateToRelativeText } = useConvert();
 const api = useApi();
 const { $alert } = useNuxtApp();
 const props = defineProps({

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

@@ -40,11 +40,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
     items: Record<string, any>[];
-    totalPage: number;
     itemHeader: TableHeader[];
     headerAlignment: "start" | "center" | "end";
     disabledHeader: false;
     disabledSort: false;
+    totalPage: number;
     paginationVisible: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -40,11 +40,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
     items: Record<string, any>[];
-    totalPage: number;
     itemHeader: TableHeader[];
     headerAlignment: "start" | "center" | "end";
     disabledHeader: false;
     disabledSort: false;
+    totalPage: number;
     paginationVisible: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,8 +1,8 @@
 import type { VideoProps } from "#pukaad-ui/types/components/video";
 declare const __VLS_export: import("vue").DefineComponent<VideoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VideoProps> & Readonly<{}>, {
     src: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     fit: import("#pukaad-ui/types/components/video").VideoFit;
     poster: string;
     autoplay: boolean;

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

@@ -1,8 +1,8 @@
 import type { VideoProps } from "#pukaad-ui/types/components/video";
 declare const __VLS_export: import("vue").DefineComponent<VideoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VideoProps> & Readonly<{}>, {
     src: string;
-    fullHeight: boolean;
     fullWidth: boolean;
+    fullHeight: boolean;
     fit: import("#pukaad-ui/types/components/video").VideoFit;
     poster: string;
     autoplay: boolean;

package/dist/runtime/composables/store-notification.d.ts

@@ -71,7 +71,7 @@ export declare const useNotificationStore: import("pinia").StoreDefinition<"noti
     openDrawer: () => void;
     closeDrawer: () => void;
     toggleDrawer: () => void;
-}, "activeTab" | "unreadCount" | "unreadByTab" | "isOpenDrawer" | "lists" | "hasMore" | "isLoadingList" | "isLoadingMore">, Pick<{
+}, "unreadCount" | "unreadByTab" | "isOpenDrawer" | "activeTab" | "lists" | "hasMore" | "isLoadingList" | "isLoadingMore">, Pick<{
     unreadCount: import("vue").Ref<number, number>;
     unreadByTab: {
         general: number;

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

@@ -18,7 +18,8 @@ export declare class Convert {
      * Convert date to relative text
      * @example "เมื่อสักครู่", "10 นาทีที่ผ่านมา", "2 ชั่วโมงที่ผ่านมา", "17 กุมภาพันธ์ 2569, 13:19"
      */
-    convertDateTorelativeText: (date: string | Date | null | undefined) => string;
+    convertDateToRelativeText: (date: string | Date | null | undefined) => string;
     convertChatRelativeText: (date: string | Date | null | undefined) => string;
+    convertDateTorelativeText: (date: string | Date | null | undefined) => string;
 }
 export declare function useConvert(): Convert;

package/dist/runtime/composables/useConvert.js

@@ -43,7 +43,7 @@ export class Convert {
    * Convert date to relative text
    * @example "เมื่อสักครู่", "10 นาทีที่ผ่านมา", "2 ชั่วโมงที่ผ่านมา", "17 กุมภาพันธ์ 2569, 13:19"
    */
-  convertDateTorelativeText = (date) => {
+  convertDateToRelativeText = (date) => {
     if (!date) return "-";
     const target = dayjs(date);
     const now = dayjs();
@@ -74,6 +74,7 @@ export class Convert {
     if (target.year() === now.year()) return target.format("D MMM");
     return target.format("D MMM BB");
   };
+  convertDateTorelativeText = (date) => this.convertDateToRelativeText(date);
 }
 const convertInstance = new Convert();
 export function useConvert() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.450.0",
+  "version": "1.450.2",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",

package/dist/runtime/components/data-list.d.vue.ts

@@ -1,55 +0,0 @@
-export interface DataListProps {
-    items?: Record<string, any>[];
-    height?: number | string;
-    maxHeight?: number | string;
-    fullHeight?: boolean;
-    disabledPagination?: boolean;
-    totalPage?: number;
-}
-type __VLS_Props = DataListProps;
-type __VLS_ModelProps = {
-    "page"?: number;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {
-    items: Record<string, any>[];
-}, __VLS_29: {
-    item: Record<string, any>;
-    index: number;
-}, __VLS_31: {}, __VLS_39: {};
-type __VLS_Slots = {} & {
-    body?: (props: typeof __VLS_7) => any;
-} & {
-    item?: (props: typeof __VLS_29) => any;
-} & {
-    empty?: (props: typeof __VLS_31) => any;
-} & {
-    'empty-content'?: (props: typeof __VLS_39) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:page": (value: number) => any;
-} & {
-    "select-page": (value: number) => any;
-    "change-page": (value: number) => any;
-    "click-row": (item: Record<string, any>, index: number) => any;
-    "change-item-per-page": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onSelect-page"?: ((value: number) => any) | undefined;
-    "onChange-page"?: ((value: number) => any) | undefined;
-    "onClick-row"?: ((item: Record<string, any>, index: number) => any) | undefined;
-    "onChange-item-per-page"?: ((value: number) => any) | undefined;
-    "onUpdate:page"?: ((value: number) => any) | undefined;
-}>, {
-    items: Record<string, any>[];
-    fullHeight: boolean;
-    disabledPagination: boolean;
-    totalPage: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};