pukaad-ui-lib 1.311.0 → 1.313.0

package/dist/module.json

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

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

@@ -209,7 +209,7 @@ const onSubmit = async () => {
         is_review: d.isReview ?? false,
         rating: d.rating ?? 0,
         review_description: d.reviewDescription ?? "",
-        review_photos: reviewPhotoUrls,
+        review_photos: reviewPhotoUrls.map((item) => item.url),
         photos: photoUrls,
         videos: videoUrls
       }

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/dist/runtime/components/input/input-address.d.vue.ts

@@ -49,11 +49,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -49,11 +49,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -14,32 +14,26 @@
       @click="!props.readonly && onSelect(n)"
     >
       <defs>
-        <linearGradient
-          :id="`star-grad-${uid}-${n}`"
-          x1="0"
-          x2="100%"
-          y1="0"
-          y2="0"
-        >
-          <stop
-            :offset="`${getFill(n)}%`"
-            :stop-color="props.activeColor"
-            stop-opacity="1"
-          />
-          <stop
-            :offset="`${getFill(n)}%`"
-            :stop-color="props.backgroundColor"
-            stop-opacity="1"
-          />
-        </linearGradient>
+        <!-- ใช้ clipPath แทน linearGradient เพื่อหลีกเลี่ยง Vue set offset บน SVGStopElement (read-only property) -->
+        <clipPath :id="`star-clip-${uid}-${n}`" clipPathUnits="objectBoundingBox">
+          <rect x="0" y="0" :width="getFill(n) / 100" height="1" />
+        </clipPath>
       </defs>
+      <!-- ดาวพื้นหลัง (สีเทา) -->
       <polygon
         points="12,17.27,16.15,19.78,17.64,18.7,16.54,13.98,20.21,10.8,19.64,9.05,14.81,8.64,12.92,4.18,11.08,4.18,9.19,8.63,4.36,9.04,3.79,10.8,7.46,13.98,6.36,18.7,7.85,19.78,12,17.27"
-        :fill="`url(#star-grad-${uid}-${n})`"
+        :fill="props.backgroundColor"
         :stroke="props.borderSize > 0 ? props.borderColor : 'none'"
         :stroke-width="props.borderSize"
         stroke-linejoin="round"
       />
+      <!-- ดาว active (clip ตาม % ที่เติม) -->
+      <polygon
+        points="12,17.27,16.15,19.78,17.64,18.7,16.54,13.98,20.21,10.8,19.64,9.05,14.81,8.64,12.92,4.18,11.08,4.18,9.19,8.63,4.36,9.04,3.79,10.8,7.46,13.98,6.36,18.7,7.85,19.78,12,17.27"
+        :fill="props.activeColor"
+        :clip-path="`url(#star-clip-${uid}-${n})`"
+        stroke="none"
+      />
     </svg>
   </div>
 </template>

package/dist/runtime/components/modal/modal-media-view.vue

@@ -10,6 +10,19 @@
         class="h-full"
       />
 
+      <!-- description info overlay (แสดงเมื่อมีข้อมูล description) -->
+      <div
+        v-if="props.review"
+        class="absolute bottom-0 w-full z-10"
+        style="
+          background: linear-gradient(
+            to top,
+            rgba(0, 0, 0, 0.75) 0%,
+            transparent 100%
+          );
+        "
+      ></div>
+
       <!-- Review info overlay (แสดงเมื่อมีข้อมูล review) -->
       <div
         v-if="props.review"

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/usePresignedUpload.d.ts

@@ -5,5 +5,8 @@ export interface FileItem {
     duration?: string;
 }
 export declare const usePresignedUpload: () => {
-    uploadFiles: (files: FileItem[], state: string) => Promise<string[]>;
+    uploadFiles: (files: FileItem[], state: string) => Promise<{
+        url: string;
+        description?: string;
+    }[]>;
 };

package/dist/runtime/composables/usePresignedUpload.js

@@ -5,41 +5,50 @@ export const usePresignedUpload = () => {
   const uploadFiles = async (files, state) => {
     if (!files || files.length === 0) return [];
     const newFiles = files.filter((item) => !!item.file);
-    const existingUrls = files.filter((item) => !item.file && item.url && !item.url.startsWith("blob:")).map((item) => item.url);
-    if (newFiles.length === 0) return existingUrls;
-    const res = await api("/storage/presigned-urls", {
-      method: "POST",
-      body: {
-        state,
-        file_name: newFiles.map((item) => item.file.name)
-      }
-    });
-    let presignedItems;
-    const d = res.data;
-    if (d.items) {
-      presignedItems = d.items;
-    } else {
-      presignedItems = [
-        {
-          original_name: d.original_name,
-          upload_url: d.upload_url,
-          public_url: d.public_url,
-          filename: d.filename
+    let presignedItems = [];
+    if (newFiles.length > 0) {
+      const res = await api("/storage/presigned-urls", {
+        method: "POST",
+        body: {
+          state,
+          file_name: newFiles.map((item) => item.file.name)
         }
-      ];
-    }
-    await Promise.all(
-      newFiles.map(
-        (item, index) => $fetch(presignedItems[index].upload_url, {
-          method: "PUT",
-          body: item.file,
-          headers: {
-            "Content-Type": item.file.type
+      });
+      const d = res.data;
+      if (d.items) {
+        presignedItems = d.items;
+      } else {
+        presignedItems = [
+          {
+            original_name: d.original_name,
+            upload_url: d.upload_url,
+            public_url: d.public_url,
+            filename: d.filename
           }
-        })
-      )
-    );
-    return [...existingUrls, ...presignedItems.map((item) => item.public_url)];
+        ];
+      }
+      await Promise.all(
+        newFiles.map(
+          (item, index) => $fetch(presignedItems[index].upload_url, {
+            method: "PUT",
+            body: item.file,
+            headers: {
+              "Content-Type": item.file.type
+            }
+          })
+        )
+      );
+    }
+    let newFileIndex = 0;
+    return files.filter((item) => item.file || !item.url.startsWith("blob:") && item.url).map((item) => {
+      if (item.file) {
+        return {
+          url: presignedItems[newFileIndex++].public_url,
+          description: item.description
+        };
+      }
+      return { url: item.url, description: item.description };
+    });
   };
   return { uploadFiles };
 };

package/package.json

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