pukaad-ui-lib 1.280.0 → 1.282.0

package/dist/module.json

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

package/dist/runtime/components/drawer/drawer-post-blog.vue

@@ -34,7 +34,7 @@
       />
 
       <!-- <InputCheckbox
-        name="disableComment"โโห
+        name="disableComment"
         label="ไม่อนุญาตให้แสดงความคิดเห็น"
         v-model="form.disableComment"
       /> -->
@@ -188,7 +188,7 @@ const onSaveDraft = async () => {
         const store = tx.objectStore("blogDrafts");
         store.put(draftData);
         tx.oncomplete = () => {
-          $toast.success("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E27\u0E49\u0E43\u0E19\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+          $toast.success("\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08 !");
           emit("saveDraft", form.value);
           isOpen.value = false;
         };
@@ -233,7 +233,6 @@ const uploadImage = async (file) => {
       throw new Error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E2A\u0E23\u0E49\u0E32\u0E07 upload URL \u0E44\u0E14\u0E49");
     }
     const item = res.data.items[0];
-    console.log("Uploading to S3:", item.upload_url);
     await fetch(item.upload_url, {
       method: "PUT",
       body: file,

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

@@ -118,6 +118,29 @@ watch(
     drawDebounceTimer = setTimeout(() => drawPolygon(), 80);
   }
 );
+const getPolygonCentroid = (feature) => {
+  if (!feature?.geometry) return null;
+  const type = feature.geometry.type;
+  let coords = null;
+  if (type === "Polygon") {
+    coords = feature.geometry.coordinates[0];
+  } else if (type === "MultiPolygon") {
+    let maxLen = 0;
+    for (const poly of feature.geometry.coordinates) {
+      if (poly[0].length > maxLen) {
+        maxLen = poly[0].length;
+        coords = poly[0];
+      }
+    }
+  }
+  if (!coords || coords.length === 0) return null;
+  let sumLat = 0, sumLng = 0;
+  for (const [lng, lat] of coords) {
+    sumLat += lat;
+    sumLng += lng;
+  }
+  return { lat: sumLat / coords.length, lng: sumLng / coords.length };
+};
 const drawPolygon = async () => {
   if (!map || !L) return;
   if (polygonLayer) {
@@ -154,13 +177,14 @@ const drawPolygon = async () => {
       }
     }).addTo(map);
     map.flyToBounds(polygonLayer.getBounds(), { padding: [20, 20], duration: 0.5 });
-    const center = polygonLayer.getBounds().getCenter();
+    const center = getPolygonCentroid(feature) ?? polygonLayer.getBounds().getCenter();
     const divIcon = L.divIcon({
       html: mapPinSvg,
       className: "",
       // Remove default leaflet background
       iconSize: [32, 32],
-      iconAnchor: [16, 32]
+      iconAnchor: [16, 16]
+      // center of icon aligns with coordinate
     });
     marker = L.marker(center, {
       icon: divIcon

package/package.json

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