pukaad-ui-lib 1.282.0 → 1.282.2

package/dist/runtime/components/display/display-rating-summary.vue

@@ -1,38 +1,38 @@
 <template>
-  <div class="flex gap-[24px] items-center">
-    <!-- Left: คะแนนรวม -->
-    <div class="flex flex-col items-center text-primary flex-shrink-0 w-[100px]">
-      <div class="text-[56px] font-bold leading-none">
-        {{ Number(props.rating).toFixed(1) }}
-      </div>
-      <div class="font-body-large mt-[4px]">
-        {{ convertNumber(Number(props.totalReviews)) }} รีวิว
-      </div>
-    </div>
-
-    <!-- Right: แถบการกระจายคะแนน -->
-    <div class="flex flex-col gap-[8px] flex-1">
-      <div v-for="(item, idx) in sortedDistribution" :key="item.stars" class="flex items-center gap-[12px]">
-        <!-- badge แสดงบน row แรก (5 ดาว) -->
-        <div class="relative flex-shrink-0">
-          <InputRating :size="16" readonly :model-value="item.stars" />
-          <div v-if="idx === 0 && props.badge != null"
-            class="absolute -top-[10px] -left-[10px] min-w-[22px] h-[22px] px-[4px] rounded-full bg-error flex items-center justify-center">
-            <span class="text-white text-[11px] font-bold leading-none">{{ props.badge }}</span>
-          </div>
-        </div>
-
-        <div class="flex-1 max-w-[260px]">
-          <ProgressBar :value="maxCount > 0 ? item.count / maxCount * 100 : 0" full-width :height="8"
-            color-active="#FBC02D" color-background="#E0E0E0" />
-        </div>
-
-        <div class="text-gray font-body-large w-[72px]">
-          {{ convertNumber(item.count) }}
-        </div>
-      </div>
-    </div>
-  </div>
+  <div class="flex gap-[24px] items-center">
+    <!-- Left: คะแนนรวม -->
+    <div class="flex flex-col items-center text-primary flex-shrink-0 w-[100px]">
+      <div class="text-[56px] font-bold leading-none">
+        {{ Number(props.rating).toFixed(1) }}
+      </div>
+      <div class="font-body-large mt-[4px]">
+        {{ convertNumber(Number(props.totalReviews)) }} รีวิว
+      </div>
+    </div>
+
+    <!-- Right: แถบการกระจายคะแนน -->
+    <div class="flex flex-col gap-[8px] flex-1">
+      <div v-for="(item, idx) in sortedDistribution" :key="item.stars" class="flex items-center gap-[12px]">
+        <!-- badge แสดงบน row แรก (5 ดาว) -->
+        <div class="relative flex-shrink-0">
+          <InputRating :size="16" readonly :model-value="item.stars" />
+          <div v-if="idx === 0 && props.badge != null"
+            class="absolute -top-[10px] -left-[10px] min-w-[22px] h-[22px] px-[4px] rounded-full bg-error flex items-center justify-center">
+            <span class="text-white text-[11px] font-bold leading-none">{{ props.badge }}</span>
+          </div>
+        </div>
+
+        <div class="flex-1 max-w-[260px]">
+          <ProgressBar :value="maxCount > 0 ? item.count / maxCount * 100 : 0" full-width :height="8"
+            color-active="#FBC02D" color-background="#E0E0E0" />
+        </div>
+
+        <div class="text-gray font-body-large w-[72px]">
+          {{ convertNumber(item.count) }}
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>

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/draggable.vue

@@ -1,19 +1,19 @@
 <template>
-  <div v-bind="$attrs">
-    <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>
+  <div v-bind="$attrs">
+    <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>
 </template>
 
 <script setup>

package/dist/runtime/components/drawer/drawer-post-blog.vue

@@ -1,74 +1,74 @@
 <template>
-  <Drawer
-    class="w-[748px]"
-    :title="drawerTitle"
-    @close="onClose"
-    disabled-auto-close
-    @submit="onSubmit"
-    v-model="isOpen"
-  >
-    <div class="flex flex-col gap-[16px]">
-      <InputTextField
-        name="title"
-        label="หัวข้อ"
-        placeholder="ตั้งชื่อบทความให้น่าสนใจ"
-        showCounter
-        :limit="180"
-        v-model="form.title"
-        disabled-border
-        required
-      />
-
-      <InputContent
-        placeholder="อยากเล่าอะไร"
-        :height="288"
-        v-model="form.content"
-      />
-
-      <InputTag
-        v-model="form.tags"
-        name="tags"
-        label="แท็ก"
-        placeholder="เพิ่มแท็ก"
-        :limit="5"
-      />
-
-      <!-- <InputCheckbox
-        name="disableComment"
-        label="ไม่อนุญาตให้แสดงความคิดเห็น"
-        v-model="form.disableComment"
-      /> -->
-
-      <div class="flex flex-col gap-[8px]">
-        <div class="text-gray font-body-large">ภาพหน้าปก</div>
-        <InputFile
-          :limit="1"
-          name="coverImage"
-          accept="image/jpeg,image/png,image/webp,image/bmp,image/gif"
-          v-model="form.coverImage"
-        />
-        <div class="flex flex-col text-gray font-body-small">
-          <div>รองรับไฟล์ *.jpg *.jpeg *.png *.webp *.bmp *.gif</div>
-          <div>ขนาดไม่เกิน 30 mb</div>
-        </div>
-      </div>
-    </div>
-
-    <template #footer="{ meta }">
-      <div class="flex justify-end gap-[16px] items-center">
-        <Button variant="outline" @click="onClose">ยกเลิก</Button>
-        <Button @click="onSaveDraft"> บันทึกแบบร่าง </Button>
-        <Button
-          type="submit"
-          color="primary"
-          :disabled="!meta.valid || isLoading"
-        >
-          <span v-if="isLoading">กำลังบันทึก...</span>
-          <span v-else>เผยแพร่</span>
-        </Button>
-      </div>
-    </template>
-  </Drawer>
+  <Drawer
+    class="w-[748px]"
+    :title="drawerTitle"
+    @close="onClose"
+    disabled-auto-close
+    @submit="onSubmit"
+    v-model="isOpen"
+  >
+    <div class="flex flex-col gap-[16px]">
+      <InputTextField
+        name="title"
+        label="หัวข้อ"
+        placeholder="ตั้งชื่อบทความให้น่าสนใจ"
+        showCounter
+        :limit="180"
+        v-model="form.title"
+        disabled-border
+        required
+      />
+
+      <InputContent
+        placeholder="อยากเล่าอะไร"
+        :height="288"
+        v-model="form.content"
+      />
+
+      <InputTag
+        v-model="form.tags"
+        name="tags"
+        label="แท็ก"
+        placeholder="เพิ่มแท็ก"
+        :limit="5"
+      />
+
+      <!-- <InputCheckbox
+        name="disableComment"
+        label="ไม่อนุญาตให้แสดงความคิดเห็น"
+        v-model="form.disableComment"
+      /> -->
+
+      <div class="flex flex-col gap-[8px]">
+        <div class="text-gray font-body-large">ภาพหน้าปก</div>
+        <InputFile
+          :limit="1"
+          name="coverImage"
+          accept="image/jpeg,image/png,image/webp,image/bmp,image/gif"
+          v-model="form.coverImage"
+        />
+        <div class="flex flex-col text-gray font-body-small">
+          <div>รองรับไฟล์ *.jpg *.jpeg *.png *.webp *.bmp *.gif</div>
+          <div>ขนาดไม่เกิน 30 mb</div>
+        </div>
+      </div>
+    </div>
+
+    <template #footer="{ meta }">
+      <div class="flex justify-end gap-[16px] items-center">
+        <Button variant="outline" @click="onClose">ยกเลิก</Button>
+        <Button @click="onSaveDraft"> บันทึกแบบร่าง </Button>
+        <Button
+          type="submit"
+          color="primary"
+          :disabled="!meta.valid || isLoading"
+        >
+          <span v-if="isLoading">กำลังบันทึก...</span>
+          <span v-else>เผยแพร่</span>
+        </Button>
+      </div>
+    </template>
+  </Drawer>
 </template>
 
 <script setup>

package/dist/runtime/components/drawer/drawer-post-review.vue

@@ -1,71 +1,71 @@
 <template>
-  <Drawer
-    class="w-[748px]"
-    :title="drawerTitle"
-    @close="onClose"
-    disabled-auto-close
-    @submit="onSubmit"
-    v-model="isOpen"
-  >
-    <div class="flex flex-col gap-[16px]">
-      <div class="flex gap-[16px]">
-        <div
-          class="w-[178px] h-[100px] rounded-[8px] overflow-hidden flex-shrink-0"
-        >
-          <Image
-            v-if="form.coverImage"
-            :src="form.coverImage"
-            width="auto"
-            height="auto"
-            fit="cover"
-          />
-        </div>
-        <div class="flex flex-col gap-[4px]">
-          <div class="font-body-large-prominent">
-            {{ form.placeName }}
-          </div>
-          <div class="font-body-small text-gray">
-            {{ form.address }}
-          </div>
-        </div>
-      </div>
-      <div class="flex items-center justify-center">
-        <InputRating v-model="form.rating" :size="40" />
-      </div>
-      <InputTextarea
-        name="description"
-        label="คำอธิบาย"
-        placeholder="เขียนรีวิวของคุณ"
-        showCounter
-        v-model="form.description"
-        class="min-h-[120px]"
-      />
-      <div class="flex flex-col gap-[8px]">
-        <div class="flex flex-col gap-[4px]">
-          <div class="text-gray font-body-large">เพิ่มภาพถ่าย</div>
-          <div class="text-gray font-body-small">อัปโหลด 9 รายการ</div>
-        </div>
-        <InputFile
-          :limit="9"
-          name="photos"
-          accept="image/jpeg,image/png,image/webp,image/bmp,image/gif"
-          v-model="form.photos"
-        />
-        <div class="flex flex-col text-gray font-body-small">
-          <div>รองรับไฟล์ *.jpg *.jpeg *.png *.webp *.bmp *.gif</div>
-          <div>ขนาดไฟล์สูงสุด 30 mb</div>
-        </div>
-      </div>
-    </div>
-    <template #footer="{ meta }">
-      <div class="flex justify-end gap-[16px] items-center">
-        <Button variant="outline" @click="onClose">ยกเลิก</Button>
-        <Button type="submit" color="primary" :disabled="form.rating === 0">
-          ยืนยัน
-        </Button>
-      </div>
-    </template>
-  </Drawer>
+  <Drawer
+    class="w-[748px]"
+    :title="drawerTitle"
+    @close="onClose"
+    disabled-auto-close
+    @submit="onSubmit"
+    v-model="isOpen"
+  >
+    <div class="flex flex-col gap-[16px]">
+      <div class="flex gap-[16px]">
+        <div
+          class="w-[178px] h-[100px] rounded-[8px] overflow-hidden flex-shrink-0"
+        >
+          <Image
+            v-if="form.coverImage"
+            :src="form.coverImage"
+            width="auto"
+            height="auto"
+            fit="cover"
+          />
+        </div>
+        <div class="flex flex-col gap-[4px]">
+          <div class="font-body-large-prominent">
+            {{ form.placeName }}
+          </div>
+          <div class="font-body-small text-gray">
+            {{ form.address }}
+          </div>
+        </div>
+      </div>
+      <div class="flex items-center justify-center">
+        <InputRating v-model="form.rating" :size="40" />
+      </div>
+      <InputTextarea
+        name="description"
+        label="คำอธิบาย"
+        placeholder="เขียนรีวิวของคุณ"
+        showCounter
+        v-model="form.description"
+        class="min-h-[120px]"
+      />
+      <div class="flex flex-col gap-[8px]">
+        <div class="flex flex-col gap-[4px]">
+          <div class="text-gray font-body-large">เพิ่มภาพถ่าย</div>
+          <div class="text-gray font-body-small">อัปโหลด 9 รายการ</div>
+        </div>
+        <InputFile
+          :limit="9"
+          name="photos"
+          accept="image/jpeg,image/png,image/webp,image/bmp,image/gif"
+          v-model="form.photos"
+        />
+        <div class="flex flex-col text-gray font-body-small">
+          <div>รองรับไฟล์ *.jpg *.jpeg *.png *.webp *.bmp *.gif</div>
+          <div>ขนาดไฟล์สูงสุด 30 mb</div>
+        </div>
+      </div>
+    </div>
+    <template #footer="{ meta }">
+      <div class="flex justify-end gap-[16px] items-center">
+        <Button variant="outline" @click="onClose">ยกเลิก</Button>
+        <Button type="submit" color="primary" :disabled="form.rating === 0">
+          ยืนยัน
+        </Button>
+      </div>
+    </template>
+  </Drawer>
 </template>
 
 <script setup>

package/dist/runtime/components/drawer/drawer-profile-about.vue

@@ -1,56 +1,56 @@
 <template>
-  <Drawer
-    class="w-[748px]"
-    title="ข้อมูลทั่วไป"
-    :loading="loading"
-    @close="onClose"
-    disabled-auto-close
-    @submit="onSubmit"
-    v-model="isDrawerOpen"
-  >
-    <div class="flex flex-col gap-[16px]">
-      <InputTextarea
-        name="description"
-        placeholder="เพิ่มคำอธิบายที่จะช่วยให้ค้นพบและติดตามคุณได้ง่ายขึ้น (สูงสุด 220 ตัวอักษร)"
-        label="คำอธิบาย"
-        show-counter
-        :limit="220"
-        v-model="form.description"
-        class="min-h-[120px]"
-      />
-      <InputTextField
-        name="address"
-        placeholder="บ้านเลขที่, ถนน, เขต/อำเภอ, จังหวัด, รหัสไปรษณีย์"
-        label="ที่อยู่"
-        v-model="form.address"
-      />
-
-      <div class="flex flex-col gap-[8px]">
-        <InputTextField
-          name="phone"
-          placeholder="กรอกเบอร์โทรศัพท์"
-          label="เบอร์โทรศัพท์สำหรับติดต่อ"
-          v-model="form.contact_phone"
-        />
-        <div class="font-body-small text-gray">
-          เบอร์โทรศัพท์นี้จะแสดงในโปรไฟล์ของคุณ และสามารถมองเห็นได้โดยสาธารณะ
-        </div>
-      </div>
-      <InputLink
-        name="links"
-        format="contact_channel"
-        v-model="form.contact_channels"
-      />
-    </div>
-    <template #footer="{ meta }">
-      <div class="flex justify-end gap-[16px] items-center">
-        <Button variant="outline" @click="onClose"> ยกเลิก </Button>
-        <Button type="submit" color="primary" :disabled="!meta.valid">
-          ยืนยัน
-        </Button>
-      </div>
-    </template>
-  </Drawer>
+  <Drawer
+    class="w-[748px]"
+    title="ข้อมูลทั่วไป"
+    :loading="loading"
+    @close="onClose"
+    disabled-auto-close
+    @submit="onSubmit"
+    v-model="isDrawerOpen"
+  >
+    <div class="flex flex-col gap-[16px]">
+      <InputTextarea
+        name="description"
+        placeholder="เพิ่มคำอธิบายที่จะช่วยให้ค้นพบและติดตามคุณได้ง่ายขึ้น (สูงสุด 220 ตัวอักษร)"
+        label="คำอธิบาย"
+        show-counter
+        :limit="220"
+        v-model="form.description"
+        class="min-h-[120px]"
+      />
+      <InputTextField
+        name="address"
+        placeholder="บ้านเลขที่, ถนน, เขต/อำเภอ, จังหวัด, รหัสไปรษณีย์"
+        label="ที่อยู่"
+        v-model="form.address"
+      />
+
+      <div class="flex flex-col gap-[8px]">
+        <InputTextField
+          name="phone"
+          placeholder="กรอกเบอร์โทรศัพท์"
+          label="เบอร์โทรศัพท์สำหรับติดต่อ"
+          v-model="form.contact_phone"
+        />
+        <div class="font-body-small text-gray">
+          เบอร์โทรศัพท์นี้จะแสดงในโปรไฟล์ของคุณ และสามารถมองเห็นได้โดยสาธารณะ
+        </div>
+      </div>
+      <InputLink
+        name="links"
+        format="contact_channel"
+        v-model="form.contact_channels"
+      />
+    </div>
+    <template #footer="{ meta }">
+      <div class="flex justify-end gap-[16px] items-center">
+        <Button variant="outline" @click="onClose"> ยกเลิก </Button>
+        <Button type="submit" color="primary" :disabled="!meta.valid">
+          ยืนยัน
+        </Button>
+      </div>
+    </template>
+  </Drawer>
 </template>
 
 <script setup>

package/dist/runtime/components/drawer/drawer-profile-network.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-profiles"?: (() => any) | undefined;
     "onExplore-places"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;