pukaad-ui-lib 1.236.0 → 1.238.0

package/dist/module.json

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

package/dist/runtime/components/card/card-user-blog.d.vue.ts

@@ -24,9 +24,13 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "blog-edit": () => any;
     "blog-updated": () => any;
+    "blog-deleted": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBlog-edit"?: (() => any) | undefined;
     "onBlog-updated"?: (() => any) | undefined;
+    "onBlog-deleted"?: (() => any) | undefined;
 }>, {
     isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-user-blog.vue

@@ -39,6 +39,7 @@
         @blog-unpin="onBlogUnpin"
         @blog-pin="onBlogPin"
         @blog-edit="onBlogEdit"
+        @blog-delete="onBlogDelete"
       />
     </div>
     <div class="flex flex-col gap-[16px] cursor-pointer" @click="onBlogClick">
@@ -73,15 +74,15 @@
 }"
       state="blog"
     />
-  </div>
 
-  <!-- Edit Blog Drawer -->
-  <DrawerPostBlog
-    v-if="editBlogItem"
-    v-model="isEditDrawerOpen"
-    :item="editBlogItem"
-    @success="onEditSuccess"
-  />
+    <!-- Edit Blog Drawer — อยู่ใน root เดียวกันเพื่อหลีกเลี่ยง fragment -->
+    <DrawerPostBlog
+      v-if="editBlogItem"
+      v-model="isEditDrawerOpen"
+      :item="editBlogItem"
+      @success="onEditSuccess"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -91,14 +92,14 @@ import { useNuxtApp } from "nuxt/app";
 import { useConvert } from "@/runtime/composables/useConvert";
 import { useApi } from "../../composables/useApi";
 const { convertNumber, convertDateTorelativeText } = useConvert();
-const { $toast } = useNuxtApp();
+const { $toast, $alert } = useNuxtApp();
 const api = useApi();
 const props = defineProps({
   item: { type: Object, required: true },
   isMyProfile: { type: Boolean, required: false, default: false }
 });
 const router = useRouter();
-const emit = defineEmits(["blog-updated"]);
+const emit = defineEmits(["blog-edit", "blog-updated", "blog-deleted"]);
 const isPinned = ref(props.item.is_pinned);
 const isEditDrawerOpen = ref(false);
 const editBlogItem = ref(null);
@@ -148,10 +149,30 @@ const onBlogEdit = async () => {
     };
     isEditDrawerOpen.value = true;
   } catch (e) {
-    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E42\u0E2B\u0E25\u0E14\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E44\u0E14\u0E49");
+    $toast.error(
+      e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E42\u0E2B\u0E25\u0E14\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E44\u0E14\u0E49"
+    );
   }
 };
 const onEditSuccess = () => {
   emit("blog-updated");
 };
+const onBlogDelete = async () => {
+  const { isConfirmed } = await $alert.show({
+    type: "warning",
+    title: "\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E25\u0E1A\u0E1A\u0E25\u0E47\u0E2D\u0E01\u0E19\u0E35\u0E49\u0E2B\u0E23\u0E37\u0E2D\u0E44\u0E21\u0E48 ?",
+    description: "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E01\u0E39\u0E49\u0E04\u0E37\u0E19\u0E42\u0E1E\u0E2A\u0E15\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E25\u0E1A\u0E44\u0E1B\u0E41\u0E25\u0E49\u0E27\u0E44\u0E14\u0E49",
+    confirmText: "\u0E25\u0E1A",
+    cancelText: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
+    showCancelBtn: true
+  });
+  if (!isConfirmed) return;
+  try {
+    await api(`/blogs/${props.item.id}`, { method: "DELETE" });
+    $toast.success("\u0E25\u0E1A\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08");
+    emit("blog-deleted");
+  } catch (e) {
+    $toast.error(e?.data?.message?.description || "\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E25\u0E1A\u0E1A\u0E17\u0E04\u0E27\u0E32\u0E21\u0E44\u0E14\u0E49");
+  }
+};
 </script>

package/dist/runtime/components/card/card-user-blog.vue.d.ts

@@ -24,9 +24,13 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "blog-edit": () => any;
     "blog-updated": () => any;
+    "blog-deleted": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBlog-edit"?: (() => any) | undefined;
     "onBlog-updated"?: (() => any) | undefined;
+    "onBlog-deleted"?: (() => any) | undefined;
 }>, {
     isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.d.vue.ts

@@ -1,15 +1,15 @@
 import type { PickerOptionMenuUserProps } from "@/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
-    "blog-edit": () => any;
+    "blog-delete": () => any;
     "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
     "profile-block": () => any;
-    "blog-delete": () => any;
     "report-blog": () => any;
     "report-place": () => any;
     "report-profile": () => any;
@@ -19,16 +19,16 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
-    "onBlog-edit"?: (() => any) | undefined;
+    "onBlog-delete"?: (() => any) | undefined;
     "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;
     "onProfile-block"?: (() => any) | undefined;
-    "onBlog-delete"?: (() => any) | undefined;
     "onReport-blog"?: (() => any) | undefined;
     "onReport-place"?: (() => any) | undefined;
     "onReport-profile"?: (() => any) | undefined;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu-user.vue.d.ts

@@ -1,15 +1,15 @@
 import type { PickerOptionMenuUserProps } from "@/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
-    "blog-edit": () => any;
+    "blog-delete": () => any;
     "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
     "profile-block": () => any;
-    "blog-delete": () => any;
     "report-blog": () => any;
     "report-place": () => any;
     "report-profile": () => any;
@@ -19,16 +19,16 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
-    "onBlog-edit"?: (() => any) | undefined;
+    "onBlog-delete"?: (() => any) | undefined;
     "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;
     "onProfile-block"?: (() => any) | undefined;
-    "onBlog-delete"?: (() => any) | undefined;
     "onReport-blog"?: (() => any) | undefined;
     "onReport-place"?: (() => any) | undefined;
     "onReport-profile"?: (() => any) | undefined;

package/package.json

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