pukaad-ui-lib 1.21.1 → 1.22.2

package/dist/runtime/components/dialog/dialog-email-OTP.vue

@@ -1,30 +1,30 @@
 <template>
-  <Dialog v-model:open="isOpen">
-    <DialogContent class="w-[425px]">
-      <div>
-        <Form v-slot="{ meta }" @submit="onVerifyOTP">
-          <DialogHeader>
-            <ShadDialogTitle>รหัสยืนยันตัวตน</ShadDialogTitle>
-            <DialogDescription class="gap-[8px]">
-              ป้อนรหัส 6 หลักที่ส่งไปยังอีเมล <span>{{ props.email }}</span>
-              <span v-if="textRef">(Ref : {{ textRef }})</span>
-            </DialogDescription>
-          </DialogHeader>
-
-          <div class="flex flex-col gap-[8px] font-body-large">
-            <InputOTP ref="otpInputRef" v-model="valueOTP" />
-           
-          </div>
-
-          <DialogFooter>
-            <Button class="w-full" type="submit" :disabled="!meta.valid">
-              {{ props.confirmedText }}
-            </Button>
-          </DialogFooter>
-        </Form>
-      </div>
-    </DialogContent>
-  </Dialog>
+  <Dialog v-model:open="isOpen">
+    <DialogContent class="w-[425px]">
+      <div>
+        <Form v-slot="{ meta }" @submit="onVerifyOTP">
+          <DialogHeader>
+            <ShadDialogTitle>รหัสยืนยันตัวตน</ShadDialogTitle>
+            <DialogDescription class="gap-[8px]">
+              ป้อนรหัส 6 หลักที่ส่งไปยังอีเมล <span>{{ props.email }}</span>
+              <span v-if="textRef">(Ref : {{ textRef }})</span>
+            </DialogDescription>
+          </DialogHeader>
+
+          <div class="flex flex-col gap-[8px] font-body-large">
+            <InputOTP ref="otpInputRef" v-model="valueOTP" />
+           
+          </div>
+
+          <DialogFooter>
+            <Button class="w-full" type="submit" :disabled="!meta.valid">
+              {{ props.confirmedText }}
+            </Button>
+          </DialogFooter>
+        </Form>
+      </div>
+    </DialogContent>
+  </Dialog>
 </template>
 
 <script setup>

package/dist/runtime/components/dialog/dialog-email-OTP.vue.d.ts

@@ -7,12 +7,12 @@ 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;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onComplete?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/dialog-phone-OTP.d.vue.ts

@@ -7,12 +7,12 @@ 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;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue

@@ -1,29 +1,29 @@
 <template>
-  <Dialog v-model:open="isOpen">
-    <Form v-slot="{ meta }" @submit="onVerifyOTP">
-      <DialogContent class="w-[425px]">
-        <DialogHeader>
-          <ShadDialogTitle>ป้อนรหัสรักษาความปลอดภัย (OTP)</ShadDialogTitle>
-          <DialogDescription class="gap-[8px]">
-            ส่งรหัส 6 หลักไปที่เบอร์
-            <span>{{ props.phoneLabel || props.phone }}</span>
-            <div v-if="textRef">(Ref : {{ textRef }})</div>
-          </DialogDescription>
-        </DialogHeader>
-
-        <div class="flex flex-col gap-[8px] font-body-large">
-          <InputOTP ref="otpInputRef" v-model="valueOTP" />
-         
-        </div>
-
-        <DialogFooter>
-          <Button class="w-full" type="submit" :disabled="!meta.valid">
-            {{ props.confirmedText }}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Form>
-  </Dialog>
+  <Dialog v-model:open="isOpen">
+    <Form v-slot="{ meta }" @submit="onVerifyOTP">
+      <DialogContent class="w-[425px]">
+        <DialogHeader>
+          <ShadDialogTitle>ป้อนรหัสรักษาความปลอดภัย (OTP)</ShadDialogTitle>
+          <DialogDescription class="gap-[8px]">
+            ส่งรหัส 6 หลักไปที่เบอร์
+            <span>{{ props.phoneLabel || props.phone }}</span>
+            <div v-if="textRef">(Ref : {{ textRef }})</div>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div class="flex flex-col gap-[8px] font-body-large">
+          <InputOTP ref="otpInputRef" v-model="valueOTP" />
+         
+        </div>
+
+        <DialogFooter>
+          <Button class="w-full" type="submit" :disabled="!meta.valid">
+            {{ props.confirmedText }}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Form>
+  </Dialog>
 </template>
 
 <script setup>

package/dist/runtime/components/dialog/dialog-phone-OTP.vue.d.ts

@@ -7,12 +7,12 @@ 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;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/display/display-image-place.vue

@@ -1,4 +1,4 @@
-<template>
-  <div>asdasds</div>
-</template>
-<script setup lang="ts"></script>
+<template>
+  <div>asdasds</div>
+</template>
+<script setup lang="ts"></script>

package/dist/runtime/components/display/display-image-review.d.vue.ts

@@ -2,7 +2,11 @@ type __VLS_Props = {
     items?: string[];
     limit?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
     limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/display/display-image-review.vue

@@ -1,20 +1,20 @@
 <template>
-  <div class="inline-flex gap-[8px]">
-    <div
-      v-for="(img, i_img) in props.items?.slice(0, props.limit)"
-      :key="i_img"
-      class="relative cursor-pointer"
-      @click="emit('select', i_img)"
-    >
-      <Image :src="img" :height="100" :width="100" class="rounded-[4px]" />
-      <div
-        v-if="props.limit === i_img + 1"
-        class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[4px]"
-      >
-        <div class="font-headline-medium">+{{ numberMore }}</div>
-      </div>
-    </div>
-  </div>
+  <div class="inline-flex gap-[8px]">
+    <div
+      v-for="(img, i_img) in props.items?.slice(0, props.limit)"
+      :key="i_img"
+      class="relative cursor-pointer"
+      @click="emit('select', i_img)"
+    >
+      <Image :src="img" :height="100" :width="100" class="rounded-[4px]" />
+      <div
+        v-if="props.limit === i_img + 1"
+        class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[4px]"
+      >
+        <div class="font-headline-medium">+{{ numberMore }}</div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/display/display-image-review.vue.d.ts

@@ -2,7 +2,11 @@ type __VLS_Props = {
     items?: string[];
     limit?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
     limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -2,7 +2,11 @@ type __VLS_Props = {
     items?: Array<any>;
     itemSrc?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
     items: Array<any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/display/display-image.vue

@@ -1,55 +1,55 @@
 <template>
-  <div
-    class="flex gap-[8px] max-w-[844px]"
+  <div
+    class="flex gap-[8px] max-w-[844px]"
     :style="{
   height: `${heightBox}px`
-}"
-  >
-    <div
-      v-if="props.items && props.items?.length <= 2"
-      v-for="(item, i_item) in props.items"
-      :key="i_item"
-      class="w-full flex justify-center bg-black rounded-[8px] cursor-pointer"
-      @click="onSelect(i_item)"
-    >
-      <Image :src="getSrc(item)" height="auto" />
-    </div>
-    <div v-else class="flex gap-[8px] w-full">
-      <div class="flex rounded-[8px] cursor-pointer" @click="onSelect(0)">
-        <Image
-          :src="getSrc((props.items ?? [])[0])"
-          class="rounded-[8px]"
-          width="720"
-          height="auto"
-        />
-      </div>
-      <div class="flex flex-col gap-[8px]">
-        <div
-          v-for="(item, i_item) in props.items?.slice(1, 5)"
-          :key="i_item"
-          class="relative cursor-pointer"
-          @click="onSelect(i_item + 1)"
-        >
-          <Image
-            :src="getSrc(item)"
-            class="rounded-[8px]"
-            :width="widthSubImg"
-            :height="heightSubImg"
-          />
-
-          <div
-            v-if="showMore && i_item === 3"
-            class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[8px]"
-          >
-            <div class="flex flex-col gap-[6px] items-center">
-              <Icon name="fa6-solid:image" size="48" />
-              <div class="font-body-large">รูปภาพ ({{ numberMore }})</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+}"
+  >
+    <div
+      v-if="props.items && props.items?.length <= 2"
+      v-for="(item, i_item) in props.items"
+      :key="i_item"
+      class="w-full flex justify-center bg-black rounded-[8px] cursor-pointer"
+      @click="onSelect(i_item)"
+    >
+      <Image :src="getSrc(item)" height="auto" />
+    </div>
+    <div v-else class="flex gap-[8px] w-full">
+      <div class="flex rounded-[8px] cursor-pointer" @click="onSelect(0)">
+        <Image
+          :src="getSrc((props.items ?? [])[0])"
+          class="rounded-[8px]"
+          width="720"
+          height="auto"
+        />
+      </div>
+      <div class="flex flex-col gap-[8px]">
+        <div
+          v-for="(item, i_item) in props.items?.slice(1, 5)"
+          :key="i_item"
+          class="relative cursor-pointer"
+          @click="onSelect(i_item + 1)"
+        >
+          <Image
+            :src="getSrc(item)"
+            class="rounded-[8px]"
+            :width="widthSubImg"
+            :height="heightSubImg"
+          />
+
+          <div
+            v-if="showMore && i_item === 3"
+            class="absolute top-0 left-0 right-0 bottom-0 bg-black/50 flex justify-center items-center text-white rounded-[8px]"
+          >
+            <div class="flex flex-col gap-[6px] items-center">
+              <Icon name="fa6-solid:image" size="48" />
+              <div class="font-body-large">รูปภาพ ({{ numberMore }})</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>

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

@@ -2,7 +2,11 @@ type __VLS_Props = {
     items?: Array<any>;
     itemSrc?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
     items: Array<any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -2,8 +2,8 @@ import type { DividerProps, DividerColor } from "@/types/components/divider";
 declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     color: DividerColor;
     height: number | string;
-    size: number | string;
     style: import("@/types/components/divider").DividerStyle;
+    size: number | string;
     alignment: import("@/types/components/divider").DividerAlignment;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/divider.vue

@@ -1,23 +1,23 @@
 <template>
-  <div
+  <div
     :style="{
   paddingLeft: props.width && `${props.width}px`,
   paddingRight: props.width && `${props.width}px`,
   paddingTop: props.height && `${props.height}px`,
   paddingBottom: props.height && `${props.height}px`
-}"
-  >
-    <hr
-      :class="[props.alignment === 'vertical' ? 'h-full' : 'w-full']"
+}"
+  >
+    <hr
+      :class="[props.alignment === 'vertical' ? 'h-full' : 'w-full']"
       :style="{
   border: 0,
   borderLeft: props.alignment === 'vertical' ? `${props.size}px` : '',
   borderBottom: props.alignment === 'horizontal' ? `${props.size}px` : '',
   borderStyle: props.style,
   borderColor: color
-}"
-    />
-  </div>
+}"
+    />
+  </div>
 </template>
 
 <script setup>

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

@@ -2,8 +2,8 @@ import type { DividerProps, DividerColor } from "@/types/components/divider";
 declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     color: DividerColor;
     height: number | string;
-    size: number | string;
     style: import("@/types/components/divider").DividerStyle;
+    size: number | string;
     alignment: import("@/types/components/divider").DividerAlignment;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -3,7 +3,7 @@ type __VLS_ModelProps = {
 };
 declare var __VLS_1: {
     item: any;
-    index: any;
+    index: number;
 };
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_1) => any;

package/dist/runtime/components/draggable.vue

@@ -1,17 +1,17 @@
 <template>
-  <div
-    v-for="(n, i) in items"
-    :key="i"
-    class="cursor-grab active:cursor-grabbing"
-    draggable="true"
-    @dragstart="onDragStart($event, i)"
-    @dragover.prevent="onDragOver($event, i)"
-    @dragend="onDragEnd($event, i)"
-    @dragenter.prevent
-    @dragleave.prevent
-  >
-    <slot name="item" :item="n" :index="i"></slot>
-  </div>
+  <div
+    v-for="(n, i) in items"
+    :key="i"
+    class="cursor-grab active:cursor-grabbing"
+    draggable="true"
+    @dragstart="onDragStart($event, i)"
+    @dragover.prevent="onDragOver($event, i)"
+    @dragend="onDragEnd($event, i)"
+    @dragenter.prevent
+    @dragleave.prevent
+  >
+    <slot name="item" :item="n" :index="i"></slot>
+  </div>
 </template>
 
 <script setup>

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

@@ -3,7 +3,7 @@ type __VLS_ModelProps = {
 };
 declare var __VLS_1: {
     item: any;
-    index: any;
+    index: number;
 };
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_1) => any;