pukaad-ui-lib 1.224.0 → 1.226.0

package/dist/module.json

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

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

@@ -7,7 +7,7 @@
         <div class="font-body-large-prominent">รายละเอียด</div>
         <div class="flex flex-col gap-[4px]">
           <InputAutocomplete name="businessName" v-model="modelValue.businessName" label="ชื่อสถานที่ธุรกิจ"
-            placeholder="กรอกชื่อสถานที่" required show-counter :limit="180" free-text :fetch-fn="fetchApprovedPlaces"
+            placeholder="กรอกชื่อสถานที่" required show-counter :limit="180" :free-text="true" :fetch-fn="fetchApprovedPlaces"
             value-key="business_name" label-key="business_name" />
           <InputTextField v-if="extraNameCount >= 1" name="nameTh" v-model="modelValue.nameTh" label="ชื่อภาษาไทย"
             placeholder="ใส่ในกรณีที่ต่างจากชื่อหลัก" show-counter :limit="180" />
@@ -74,34 +74,43 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, watch } from "vue";
+import { ref, computed, onMounted, watch, reactive } from "vue";
 import { useApi } from "@/runtime/composables/useApi";
 import SuggestPlaceMap from "./suggest-place-map.vue";
 const props = defineProps({
   state: { type: String, required: false, default: "personal" }
 });
 const api = useApi();
-const modelValue = defineModel({ type: Object, ...{
-  default: () => ({})
-} });
-if (!modelValue.value.address) modelValue.value.address = {};
-if (!modelValue.value.extraPhones) modelValue.value.extraPhones = [];
-if (!modelValue.value.categories) modelValue.value.categories = [];
-if (!modelValue.value.reviewPhotos) modelValue.value.reviewPhotos = [];
+const _model = defineModel({ type: Object, ...{ default: () => ({}) } });
+const modelValue = reactive({
+  address: {},
+  extraPhones: [],
+  categories: [],
+  reviewPhotos: [],
+  photos: [],
+  videos: [],
+  ..._model.value
+});
+watch(_model, (val) => {
+  if (val) Object.assign(modelValue, val);
+}, { deep: false });
+watch(modelValue, (val) => {
+  _model.value = { ...val };
+}, { deep: true });
 const extraNameCount = ref(
-  modelValue.value.nameEn ? 2 : modelValue.value.nameTh ? 1 : 0
+  modelValue.nameEn ? 2 : modelValue.nameTh ? 1 : 0
 );
 const isAddressCompleted = computed(() => {
-  const v = modelValue.value.address || {};
+  const v = modelValue.address || {};
   return !!(v.province_id && v.amphur_id && v.tambon_id && v.zipcode);
 });
 watch(
-  () => modelValue.value.isReview,
+  () => modelValue.isReview,
   (newVal) => {
     if (!newVal) {
-      modelValue.value.rating = void 0;
-      modelValue.value.reviewDescription = "";
-      modelValue.value.reviewPhotos = [];
+      modelValue.rating = void 0;
+      modelValue.reviewDescription = "";
+      modelValue.reviewPhotos = [];
     }
   }
 );

package/package.json

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