pukaad-ui-lib 1.286.0 → 1.287.0

package/dist/module.json

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

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="provinceIdState ?? void 0" />
       <template v-if="isAddressCompleted">
         <div class="font-body-large-prominent">รายละเอียด</div>
         <div class="flex flex-col gap-[4px]">
@@ -81,6 +81,7 @@ const props = defineProps({
   state: { type: String, required: false, default: "personal" }
 });
 const api = useApi();
+const provinceIdState = useState("pukaad:province-id", () => null);
 const _model = defineModel({ type: Object, ...{ default: () => ({}) } });
 const modelValue = reactive({
   address: {},

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.287.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",