pukaad-ui-lib 1.330.0 → 1.332.0

package/dist/module.json

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

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

@@ -5,15 +5,23 @@
     :loading="loading"
     v-model="isOpen"
   >
-    <!-- backoffice: แสดงแบบมี tabs -->
-    <ShadTabs v-if="props.state === 'backoffice'" default-value="business-info">
+    <!-- backoffice / business: แสดงแบบมี tabs (Figma 2778-244494) -->
+    <ShadTabs
+      v-if="props.state === 'backoffice' || props.state === 'business'"
+      default-value="business-info"
+    >
       <ShadTabsList>
         <ShadTabsTrigger value="business-info">ข้อมูลธุรกิจ</ShadTabsTrigger>
         <ShadTabsTrigger value="image">รูปภาพ</ShadTabsTrigger>
         <ShadTabsTrigger value="video">วิดีโอ</ShadTabsTrigger>
       </ShadTabsList>
       <ShadTabsContent value="business-info">
-        <SuggestPlaceForm v-model="formData" :state="props.state" />
+        <SuggestPlaceForm
+          ref="formRef"
+          v-model="formData"
+          :state="props.state"
+          :fixed-province-id="fixedProvinceId"
+        />
       </ShadTabsContent>
       <ShadTabsContent value="image">
         <div class="flex flex-col gap-[16px] w-full">
@@ -99,18 +107,19 @@
       </ShadTabsContent>
     </ShadTabs>
 
-    <!-- personal / business: แสดงตรงๆ ไม่มี tabs -->
+    <!-- personal: แสดงตรงๆ ไม่มี tabs -->
     <div v-else>
       <SuggestPlaceForm
         ref="formRef"
         v-model="formData"
         :state="props.state"
-        :fixed-province-id="provinceIdState ?? void 0"
+        :fixed-province-id="fixedProvinceId"
+        :edit-id="props.editId"
       />
     </div>
     <template #footer>
       <div class="flex gap-[8px] justify-end">
-        <Button variant="outline">ยกเลิก</Button>
+        <Button variant="outline" @click="isOpen = false">ยกเลิก</Button>
         <Button color="primary" :disabled="!isFormValid" @click="onSubmit">{{
           props.state === "personal" ? "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01" : "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E41\u0E25\u0E30\u0E40\u0E1C\u0E22\u0E41\u0E1E\u0E23\u0E48"
         }}</Button>
@@ -161,6 +170,9 @@ watch(isOpen, (val) => {
     }, 300);
   }
 });
+const fixedProvinceId = computed(
+  () => props.state === "personal" ? provinceIdState.value ?? void 0 : void 0
+);
 const isFormValid = computed(() => {
   const d = formData.value;
   const addressComplete = !!(d.address?.province_id && d.address?.amphur_id && d.address?.tambon_id && d.address?.zipcode);
@@ -197,7 +209,10 @@ const onSubmit = async () => {
       method,
       body: {
         business_name: d.businessName ?? "",
-        localized_names: (d.localizedNames ?? []).map((ln) => ({ language: ln.language, name: ln.name })),
+        localized_names: (d.localizedNames ?? []).map((ln) => ({
+          language: ln.language,
+          name: ln.name
+        })),
         description: d.description ?? "",
         address: {
           province_id: d.address?.province_id,
@@ -236,10 +251,13 @@ const onSubmit = async () => {
   }
 };
 const drawerTitle = computed(() => {
+  if (props.state === "business") {
+    return props.editId ? "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E18\u0E38\u0E23\u0E01\u0E34\u0E08\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13" : "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E18\u0E38\u0E23\u0E01\u0E34\u0E08\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13";
+  }
   if (props.editId) {
     return "\u0E41\u0E01\u0E49\u0E44\u0E02\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48";
   }
-  if (props.state === "personal" || props.state === "business") {
+  if (props.state === "personal") {
     return "\u0E41\u0E19\u0E30\u0E19\u0E33\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E17\u0E35\u0E48\u0E02\u0E32\u0E14\u0E44\u0E1B";
   }
   if (props.state === "backoffice") {

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

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

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

@@ -155,7 +155,8 @@ import SuggestPlaceMap from "./suggest-place-map.vue";
 import InputLocalizedName from "../../input/input-localized-name.vue";
 const props = defineProps({
   state: { type: String, required: false, default: "personal" },
-  fixedProvinceId: { type: Number, required: false }
+  fixedProvinceId: { type: Number, required: false },
+  editId: { type: String, required: false }
 });
 const api = useApi();
 const { $alert } = useNuxtApp();
@@ -262,7 +263,7 @@ const checkDuplicate = async () => {
       }
     });
     const match = (res.data ?? []).find(
-      (p) => p.business_name.trim().toLowerCase() === name.toLowerCase() && p.address?.tambon_id === modelValue.address?.tambon_id
+      (p) => p.id !== props.editId && p.business_name.trim().toLowerCase() === name.toLowerCase() && p.address?.tambon_id === modelValue.address?.tambon_id
     );
     if (match) {
       await showDuplicateAlert(match);

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

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

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