pukaad-ui-lib 1.277.0 → 1.279.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.277.0",
+  "version": "1.279.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"
       /> -->
@@ -149,26 +149,51 @@ const onSaveDraft = async () => {
       emit("success", res.data);
       isOpen.value = false;
     } catch (error) {
-      $toast.error(error?.data?.message?.description || "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+      $toast.error(
+        error?.data?.message?.description || "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E21\u0E48\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08"
+      );
     } finally {
       isLoading.value = false;
     }
   } else {
     try {
-      const drafts = JSON.parse(localStorage.getItem("blog_drafts") || "[]");
+      const rawCoverImage = form.value.coverImage?.map((img) => ({
+        file: img.file,
+        // File object is not a proxy, safe to copy reference
+        url: img.url
+      })) || [];
       const draftData = {
-        ...form.value,
-        savedAt: (/* @__PURE__ */ new Date()).toISOString(),
-        id: form.value.id || `draft_${Date.now()}`
+        id: form.value.id || `draft_${Date.now()}`,
+        title: form.value.title,
+        content: JSON.parse(JSON.stringify(form.value.content || [])),
+        tags: JSON.parse(JSON.stringify(form.value.tags || [])),
+        disableComment: form.value.disableComment,
+        coverImage: rawCoverImage,
+        savedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      const idx = drafts.findIndex((d) => d.id === draftData.id);
-      if (idx >= 0) drafts[idx] = draftData;
-      else drafts.unshift(draftData);
-      localStorage.setItem("blog_drafts", JSON.stringify(drafts));
-      $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");
-      emit("saveDraft", form.value);
-      isOpen.value = false;
-    } catch {
+      const request = indexedDB.open("PukaadDraftsDB", 1);
+      request.onupgradeneeded = (e) => {
+        e.target.result.createObjectStore("blogDrafts", { keyPath: "id" });
+      };
+      request.onsuccess = (e) => {
+        const db = e.target.result;
+        const tx = db.transaction("blogDrafts", "readwrite");
+        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");
+          emit("saveDraft", form.value);
+          isOpen.value = false;
+        };
+        tx.onerror = () => {
+          $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
+        };
+      };
+      request.onerror = () => {
+        $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
+      };
+    } catch (e) {
+      console.error(e);
       $toast.error("\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E1A\u0E1A\u0E23\u0E48\u0E32\u0E07\u0E44\u0E14\u0E49");
     }
   }

package/package.json

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