pukaad-ui-lib 1.215.0 → 1.217.0

package/dist/module.json

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

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

@@ -3,7 +3,7 @@
     <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"
+      <div v-if="props.limit === i_img + 1 && numberMore > 0"
         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">+{{ convertNumber(numberMore ?? 0) }}</div>
       </div>

package/dist/runtime/components/drawer/drawer-suggest-place/drawer-suggest-place.vue

@@ -96,7 +96,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { useNuxtApp } from "nuxt/app";
 import { useApi } from "@/runtime/composables/useApi";
 import { usePresignedUpload } from "@/runtime/composables/usePresignedUpload";
@@ -114,6 +114,21 @@ const photoColumns = ref(false);
 const videoColumns = ref(false);
 if (!formData.value.photos) formData.value.photos = [];
 if (!formData.value.videos) formData.value.videos = [];
+watch(isOpen, (val) => {
+  if (!val) {
+    setTimeout(() => {
+      formData.value = {
+        photos: [],
+        videos: [],
+        address: {},
+        extraPhones: [],
+        contactChannels: [],
+        categories: [],
+        reviewPhotos: []
+      };
+    }, 300);
+  }
+});
 const isFormValid = computed(() => {
   const d = formData.value;
   const addressComplete = !!(d.address?.province_id && d.address?.amphur_id && d.address?.tambon_id && d.address?.zipcode);

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, watch } from "vue";
 import { useApi } from "@/runtime/composables/useApi";
 import SuggestPlaceMap from "./suggest-place-map.vue";
 const props = defineProps({
@@ -95,6 +95,16 @@ const isAddressCompleted = computed(() => {
   const v = modelValue.value.address || {};
   return !!(v.province_id && v.amphur_id && v.tambon_id && v.zipcode);
 });
+watch(
+  () => modelValue.value.isReview,
+  (newVal) => {
+    if (!newVal) {
+      modelValue.value.rating = void 0;
+      modelValue.value.reviewDescription = "";
+      modelValue.value.reviewPhotos = [];
+    }
+  }
+);
 const listEndpointMap = {
   personal: "/personal/suggest-places",
   business: "/business/suggest-places",

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.d.vue.ts

@@ -1,3 +1,4 @@
+import "leaflet/dist/leaflet.css";
 type __VLS_Props = {
     provinceId?: number;
     amphurId?: number;

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue

@@ -8,6 +8,7 @@
 
 <script setup>
 import { ref, onMounted, watch } from "vue";
+import "leaflet/dist/leaflet.css";
 import { useThaiAddress } from "@/runtime/composables/useThaiAddress";
 import provincesGeoJson from "@/runtime/geo/provinces.json";
 import mapPinSvg from "@/runtime/assets/svg/map-pin.svg?raw";
@@ -24,7 +25,6 @@ let marker = null;
 const { getProvinceById } = useThaiAddress();
 onMounted(async () => {
   const L = (await import("leaflet")).default;
-  await import("leaflet/dist/leaflet.css");
   if (mapContainer.value) {
     map = L.map(mapContainer.value, {
       zoomControl: false,

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue.d.ts

@@ -1,3 +1,4 @@
+import "leaflet/dist/leaflet.css";
 type __VLS_Props = {
     provinceId?: number;
     amphurId?: number;

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

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

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

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.215.0",
+  "version": "1.217.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -95,4 +95,4 @@
     "@types/vue-cropperjs": "^4.1.6",
     "@vue/compiler-sfc": "^3.5.24"
   }
-}
+}