pukaad-ui-lib 1.286.0 → 1.288.0

package/dist/module.json

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

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

@@ -92,7 +92,7 @@
 
     <!-- personal / business: แสดงตรงๆ ไม่มี tabs -->
     <div v-else>
-      <SuggestPlaceForm v-model="formData" :state="props.state" />
+      <SuggestPlaceForm v-model="formData" :state="props.state" :fixed-province-id="provinceIdState ?? void 0" />
     </div>
     <template #footer>
       <div class="flex gap-[8px] justify-end">
@@ -107,7 +107,7 @@
 
 <script setup>
 import { computed, ref, watch } from "vue";
-import { useNuxtApp } from "nuxt/app";
+import { useNuxtApp, useState } from "nuxt/app";
 import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { usePresignedUpload } from "#pukaad-ui/runtime/composables/usePresignedUpload";
 const props = defineProps({
@@ -116,6 +116,7 @@ const props = defineProps({
 const emit = defineEmits(["submit"]);
 const { $toast } = useNuxtApp();
 const api = useApi();
+const provinceIdState = useState("pukaad:province-id", () => null);
 const { uploadFiles } = usePresignedUpload();
 const isOpen = defineModel({ type: Boolean, ...{ default: false } });
 const formData = defineModel("data", { type: Object, ...{ default: () => ({}) } });

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

@@ -23,6 +23,7 @@ export interface SuggestPlaceData {
 }
 type __VLS_Props = {
     state?: "personal" | "business" | "backoffice";
+    fixedProvinceId?: number;
 };
 type __VLS_ModelProps = {
     modelValue?: SuggestPlaceData;

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

@@ -2,7 +2,7 @@
   <div class="flex gap-[16px] w-full">
     <!-- กรอกข้อมูล -->
     <div class="flex flex-col gap-[16px] w-[490px]">
-      <InputAddress name="address" v-model="modelValue.address" />
+      <InputAddress name="address" v-model="modelValue.address" :fixed-province-id="props.fixedProvinceId" />
       <template v-if="isAddressCompleted">
         <div class="font-body-large-prominent">รายละเอียด</div>
         <div class="flex flex-col gap-[4px]">
@@ -78,7 +78,8 @@ import { ref, computed, onMounted, watch, reactive } from "vue";
 import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import SuggestPlaceMap from "./suggest-place-map.vue";
 const props = defineProps({
-  state: { type: String, required: false, default: "personal" }
+  state: { type: String, required: false, default: "personal" },
+  fixedProvinceId: { type: Number, required: false }
 });
 const api = useApi();
 const _model = defineModel({ type: Object, ...{ default: () => ({}) } });

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

@@ -23,6 +23,7 @@ export interface SuggestPlaceData {
 }
 type __VLS_Props = {
     state?: "personal" | "business" | "backoffice";
+    fixedProvinceId?: number;
 };
 type __VLS_ModelProps = {
     modelValue?: SuggestPlaceData;

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

@@ -17,6 +17,7 @@ export interface InputAddressProps {
     requiredDetail?: boolean;
     rules?: object | string | Function;
     gap?: string;
+    fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
 type __VLS_ModelProps = {

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

@@ -15,7 +15,7 @@
         <ShadCommand class="p-2">
           <ShadTabs v-model="currentTab" class="w-full">
             <ShadTabsList class="w-full grid grid-cols-4">
-              <ShadTabsTrigger value="province"> จังหวัด </ShadTabsTrigger>
+              <ShadTabsTrigger value="province" :disabled="!!props.fixedProvinceId"> จังหวัด </ShadTabsTrigger>
               <ShadTabsTrigger value="district" :disabled="!selectedProvince">
                 อำเภอ/เขต
               </ShadTabsTrigger>
@@ -171,7 +171,8 @@ const props = defineProps({
   required: { type: Boolean, required: false, default: false },
   requiredDetail: { type: Boolean, required: false, default: false },
   rules: { type: [Object, String, Function], required: false },
-  gap: { type: String, required: false, default: "gap-4" }
+  gap: { type: String, required: false, default: "gap-4" },
+  fixedProvinceId: { type: Number, required: false }
 });
 const emits = defineEmits(["selectProvince", "selectDistrict", "selectSubDistrict", "selectZipCode", "change"]);
 const modelValue = defineModel({ type: Object, ...{
@@ -372,8 +373,36 @@ const initializeFromModelValue = async () => {
     addressDetailValue.value = val.detail_address;
   }
 };
-onMounted(() => {
-  initializeFromModelValue();
+onMounted(async () => {
+  await initializeFromModelValue();
+  if (props.fixedProvinceId) {
+    if (!selectedProvince.value) {
+      const province = await loadProvinceById(props.fixedProvinceId);
+      if (province) {
+        selectedProvince.value = province;
+        await loadAmphursForProvince(province.id);
+        updateModelValue();
+      }
+    }
+    currentTab.value = "district";
+  }
+});
+watch(() => props.fixedProvinceId, async (newId, oldId) => {
+  if (!newId || newId === oldId) return;
+  selectedProvince.value = null;
+  selectedDistrict.value = null;
+  selectedSubDistrict.value = null;
+  selectedZipcode.value = null;
+  allAmphurs.value = [];
+  allTambons.value = [];
+  zipcodes.value = [];
+  const province = await loadProvinceById(newId);
+  if (province) {
+    selectedProvince.value = province;
+    await loadAmphursForProvince(province.id);
+    currentTab.value = "district";
+    updateModelValue();
+  }
 });
 const defaultRules = (v) => {
   if (!v && props.required) {

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

@@ -17,6 +17,7 @@ export interface InputAddressProps {
     requiredDetail?: boolean;
     rules?: object | string | Function;
     gap?: string;
+    fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
 type __VLS_ModelProps = {

package/package.json

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