pukaad-ui-lib 1.450.0 → 1.450.2

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

@@ -1,78 +0,0 @@
-<script setup>
-import {
-  Table as ShadTable,
-  TableBody as ShadTableBody,
-  TableRow as ShadTableRow,
-  TableCell as ShadTableCell,
-  TableEmpty as ShadTableEmpty
-} from "#pukaad-ui/runtime/components/ui/table";
-const emit = defineEmits(["select-page", "change-page", "click-row", "change-item-per-page"]);
-const props = defineProps({
-  items: { type: Array, required: false, default: () => [] },
-  height: { type: [Number, String], required: false },
-  maxHeight: { type: [Number, String], required: false },
-  fullHeight: { type: Boolean, required: false, default: false },
-  disabledPagination: { type: Boolean, required: false, default: false },
-  totalPage: { type: Number, required: false, default: 1 }
-});
-const page = defineModel("page", { type: Number, ...{
-  default: 1
-} });
-</script>
-
-<template>
-  <div class="bg-white rounded-lg flex flex-col">
-    <!-- List Container -->
-    <div
-      class="flex-1 overflow-auto"
-      :style="{
-  height: props.fullHeight ? '100%' : props.height ? `${props.height}px` : 'auto',
-  maxHeight: props.maxHeight ? `${props.maxHeight}px` : void 0
-}"
-    >
-      <ShadTable>
-        <slot name="body" :items="props.items">
-          <ShadTableBody>
-            <template v-if="props.items.length > 0">
-              <ShadTableRow
-                v-for="(item, index) in props.items"
-                :key="index"
-                class="cursor-pointer"
-                @click="emit('click-row', item, index)"
-              >
-                <ShadTableCell class="w-full">
-                  <slot name="item" :item="item" :index="index">
-                    {{ item }}
-                  </slot>
-                </ShadTableCell>
-              </ShadTableRow>
-            </template>
-
-            <!-- Empty State -->
-            <template v-else>
-              <slot name="empty">
-                <ShadTableEmpty :colspan="1">
-                  <slot name="empty-content" />
-                </ShadTableEmpty>
-              </slot>
-            </template>
-          </ShadTableBody>
-        </slot>
-      </ShadTable>
-    </div>
-
-    <!-- Pagination -->
-    <div
-      v-if="props.items.length > 0 && !props.disabledPagination"
-      class="p-4 flex justify-center items-center border-t"
-    >
-      <Pagination
-        :totalPage="props.totalPage"
-        v-model="page"
-        @change-item-per-page="
-  (val) => emit('change-item-per-page', val)
-"
-      />
-    </div>
-  </div>
-</template>

package/dist/runtime/components/data-list.vue.d.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;
-    };
-};

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

@@ -1,22 +0,0 @@
-import type { InputMediaProps } from "#pukaad-ui/types/components/input/input-media";
-type __VLS_Props = InputMediaProps;
-type __VLS_ModelProps = {
-    modelValue?: Array<File>;
-    "thumbnail"?: File | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: File[]) => any;
-    "update:thumbnail": (value: File | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
-    "onUpdate:thumbnail"?: ((value: File | undefined) => any) | undefined;
-}>, {
-    name: string;
-    fullHeight: boolean;
-    fullWidth: boolean;
-    limitImage: number;
-    limitVideo: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/input/input-media.vue

@@ -1,141 +0,0 @@
-<template>
-  <InputFile
-    v-if="files.length == 0"
-    :name="props.name"
-    :accept="`${acceptImage},${acceptVideo}`"
-    full-width
-    full-height
-    :limit="
-  props.limitImage > props.limitVideo ? props.limitImage : props.limitVideo
-"
-    @select="onSelect"
-    v-model="files"
-  >
-    <div
-      class="flex flex-col justify-center items-center gap-[4px] p-[10px]"
-      :style="{
-  width: props.fullWidth ? '100%' : props.width,
-  height: props.fullHeight ? '100%' : props.height
-}"
-    >
-      <Icon name="fa6-solid:cloud-arrow-up" size="24" />
-      <div class="font-body-large">เพิ่มรูปภาพ/วิดีโอ</div>
-      <div class="font-body-small">หรือลากและวาง</div>
-    </div>
-  </InputFile>
-
-  <template v-else>
-    <InputFile
-      v-if="fileType == 'image'"
-      :name="props.name"
-      :accept="acceptImage"
-      :limit="props.limitImage"
-      v-model="files"
-    />
-    <InputFile
-      v-if="fileType == 'video'"
-      :name="props.name"
-      :accept="acceptVideo"
-      :limit="props.limitVideo"
-      v-model="files"
-    />
-  </template>
-</template>
-
-<script setup>
-import { ref, watch } from "vue";
-import { useNuxtApp } from "nuxt/app";
-const { $alert } = useNuxtApp();
-const props = defineProps({
-  name: { type: String, required: false, default: "input-media" },
-  width: { type: [Number, String], required: false },
-  height: { type: [Number, String], required: false },
-  fullWidth: { type: Boolean, required: false, default: true },
-  fullHeight: { type: Boolean, required: false, default: true },
-  limitImage: { type: Number, required: false, default: 4 },
-  limitVideo: { type: Number, required: false, default: 1 }
-});
-const acceptImage = "image/jpg,image/jpeg,image/png,image/webp,image/bmp,image/gif";
-const acceptVideo = "video/mp4,video/quicktime,video/x-ms-wmv";
-const files = defineModel({ type: Array, ...{
-  default: []
-} });
-const thumbnail = defineModel("thumbnail", { type: null, ...{
-  default: null
-} });
-const fileType = ref();
-const onSelect = async (files2) => {
-  let countImageFile = 0;
-  let countVideoFile = 0;
-  let countNotAllowedFile = 0;
-  for (const file of files2) {
-    if (acceptImage.includes(file.type)) {
-      countImageFile++;
-    } else if (acceptVideo.includes(file.type)) {
-      countVideoFile++;
-    } else {
-      countNotAllowedFile++;
-    }
-  }
-  if (countNotAllowedFile > 0 || countImageFile > 0 && countVideoFile > 0) {
-    files2.splice(0, files2.length);
-    $alert.show({
-      variant: "error",
-      title: "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E09\u0E1E\u0E32\u0E30\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14 \u0E2B\u0E23\u0E37\u0E2D\u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D\u0E40\u0E1E\u0E35\u0E22\u0E07\u0E44\u0E1F\u0E25\u0E4C\u0E40\u0E14\u0E35\u0E22\u0E27\u0E40\u0E17\u0E48\u0E32\u0E19\u0E31\u0E49\u0E19"
-    });
-  } else {
-    if (countImageFile > 0 && countVideoFile == 0) {
-      fileType.value = "image";
-      thumbnail.value = files2[0];
-    }
-    if (countVideoFile > 0 && countImageFile == 0) {
-      fileType.value = "video";
-      thumbnail.value = await getVideoThumbnailVideo(files2[0]);
-    }
-  }
-};
-function getVideoThumbnailVideo(file, atSecond = 1) {
-  return new Promise((resolve, reject) => {
-    const video = document.createElement("video");
-    video.preload = "metadata";
-    video.muted = true;
-    video.playsInline = true;
-    video.src = URL.createObjectURL(file);
-    video.addEventListener("loadeddata", () => {
-      video.currentTime = atSecond;
-    });
-    video.addEventListener("seeked", () => {
-      const canvas = document.createElement("canvas");
-      canvas.width = video.videoWidth;
-      canvas.height = video.videoHeight;
-      const ctx = canvas.getContext("2d");
-      ctx?.drawImage(video, 0, 0, canvas.width, canvas.height);
-      canvas.toBlob((blob) => {
-        if (!blob) {
-          reject(new Error("Failed to create thumbnail blob"));
-          return;
-        }
-        const thumbnailFile = new File([blob], "thumbnail.png", {
-          type: "image/png"
-        });
-        URL.revokeObjectURL(video.src);
-        resolve(thumbnailFile);
-      }, "image/png");
-    });
-    video.addEventListener("error", () => {
-      reject(new Error("Failed to load video"));
-    });
-  });
-}
-watch(
-  files,
-  async (v) => {
-    if (fileType.value === "image") {
-      thumbnail.value = v[0];
-    }
-  },
-  {
-    deep: true
-  }
-);
-</script>

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

@@ -1,22 +0,0 @@
-import type { InputMediaProps } from "#pukaad-ui/types/components/input/input-media";
-type __VLS_Props = InputMediaProps;
-type __VLS_ModelProps = {
-    modelValue?: Array<File>;
-    "thumbnail"?: File | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: File[]) => any;
-    "update:thumbnail": (value: File | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
-    "onUpdate:thumbnail"?: ((value: File | undefined) => any) | undefined;
-}>, {
-    name: string;
-    fullHeight: boolean;
-    fullWidth: boolean;
-    limitImage: number;
-    limitVideo: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,93 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    items: {
-        (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        isArray(arg: any): arg is any[];
-        readonly prototype: any[];
-        from<T>(arrayLike: ArrayLike<T>): T[];
-        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        of<T>(...items: T[]): T[];
-        readonly [Symbol.species]: ArrayConstructor;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        isArray(arg: any): arg is any[];
-        readonly prototype: any[];
-        from<T>(arrayLike: ArrayLike<T>): T[];
-        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        of<T>(...items: T[]): T[];
-        readonly [Symbol.species]: ArrayConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/list/list-menu.vue

@@ -1,33 +0,0 @@
-<template>
-  <ul class="bg-white space-y-[4px]">
-    <li
-      v-for="(menu, i_menu) in props.items"
-      :key="i_menu"
-      :class="[
-  'flex items-center h-[44px] gap-[12px]',
-  'rounded-[8px] p-[16px] font-body-large-prominent cursor-pointer',
-  menu.to === route.path ? 'bg-info text-primary' : 'hover:bg-smoke'
-]"
-      @click="onAction(menu.to, menu.action)"
-    >
-      <Icon size="24" :name="menu.icon" />
-      <div>
-        {{ menu.label }}
-      </div>
-    </li>
-  </ul>
-</template>
-
-<script setup>
-import { useRoute, useRouter } from "vue-router";
-const route = useRoute();
-const router = useRouter();
-const props = defineProps({
-  items: Array
-});
-const onAction = (to, act) => {
-  if (act instanceof Function) return act();
-  if (to.startsWith("http") || to.startsWith("https")) return window.open(to);
-  router.push(to);
-};
-</script>

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

@@ -1,93 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    items: {
-        (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        isArray(arg: any): arg is any[];
-        readonly prototype: any[];
-        from<T>(arrayLike: ArrayLike<T>): T[];
-        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        of<T>(...items: T[]): T[];
-        readonly [Symbol.species]: ArrayConstructor;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (arrayLength: number): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        new (...items: {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[]): {
-            icon: string;
-            label: string;
-            to: string;
-            action: string | Function;
-        }[];
-        isArray(arg: any): arg is any[];
-        readonly prototype: any[];
-        from<T>(arrayLike: ArrayLike<T>): T[];
-        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-        of<T>(...items: T[]): T[];
-        readonly [Symbol.species]: ArrayConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/modal/modal-review-detail.d.vue.ts

@@ -1,21 +0,0 @@
-import type { ModalReviewDetailProps } from "#pukaad-ui/types/components/modal/modal-review-detail";
-type __VLS_Props = ModalReviewDetailProps;
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-    "toggle-like": (reviewId: string, liked: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    "onToggle-like"?: ((reviewId: string, liked: boolean) => any) | undefined;
-}>, {
-    title: string;
-    items: string[];
-    selectIndex: number;
-    isProfile: boolean;
-    review: import("../../../types/components/card/card-review.js").CardReviewProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;