pukaad-ui-lib 1.390.0 → 1.391.0

package/dist/module.json

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

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

@@ -39,7 +39,7 @@
                 <div v-if="!props.disabledMenu" class="flex items-center gap-[8px] text-gray" @click.stop>
                     <Icon v-if="isPinned" name="mage:pin-fill" :size="20" />
                     <PickerOptionMenuUser v-if="props.item.author" :state="
-  props.isMyProfile ? isPinned ? 'my-blog-pined' : 'my-blog' : 'report-announce'
+  props.isMyProfile ? isPinned ? 'my-blog-pined' : 'my-blog' : 'blog'
 " disabled-padding @blog-unpin="$emit('blog-unpinned', props.item.id)"
                         @blog-pin="$emit('blog-pinned', props.item.id)" @blog-edit="$emit('blog-edit')"
                         @blog-delete="$emit('blog-deleted', props.item.id)" />

package/dist/runtime/components/card/card-profile/card-profile-header.d.vue.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    preview: boolean;
     disabledPadding: boolean;
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-profile/card-profile-header.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    preview: boolean;
     disabledPadding: boolean;
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-reaction.d.vue.ts

@@ -24,7 +24,6 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -32,6 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-reaction.vue.d.ts

@@ -24,7 +24,6 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -32,6 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-review.d.vue.ts

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-review.vue.d.ts

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -33,7 +33,7 @@
       <Icon v-if="isPinned" name="lucide:pin" :size="20" />
       <PickerOptionMenuUser
         :state="
-  props.isMyProfile ? isPinned ? 'my-blog-pined' : 'my-blog' : 'report-announce'
+  props.isMyProfile ? isPinned ? 'my-blog-pined' : 'my-blog' : 'blog'
 "
         disabled-padding
         @blog-unpin="onBlogUnpin"

package/dist/runtime/components/drawer/drawer-profile-network.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
+    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
-    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
+    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
-    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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-autocomplete.d.vue.ts

@@ -49,13 +49,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -49,13 +49,13 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

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

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

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

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -11,10 +11,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    placeholder: string;
     options: InputSelectItem[];
-    limit: number;
+    placeholder: string;
     showCounter: boolean;
+    limit: number;
     addLabel: string;
     removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -11,10 +11,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    placeholder: string;
     options: InputSelectItem[];
-    limit: number;
+    placeholder: string;
     showCounter: boolean;
+    limit: number;
     addLabel: string;
     removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-select-place.d.vue.ts

@@ -3,6 +3,7 @@ export interface SelectPlaceItem {
     name: string;
     address: string;
     image: string;
+    post_count?: number;
 }
 interface InputSelectPlaceProps {
     label?: string;

package/dist/runtime/components/input/input-select-place.vue

@@ -21,13 +21,13 @@
               <Image
                 v-if="place.image"
                 :src="place.image"
-                :width="70"
-                :height="40"
+                :width="105"
+                :height="60"
                 class="shrink-0 rounded-[4px]"
               />
               <div
                 v-else
-                class="w-[70px] h-[40px] bg-cloud flex items-center justify-center rounded-[4px]"
+                class="w-[105px] h-[60px] bg-cloud flex items-center justify-center rounded-[4px]"
               >
                 <Icon
                   name="pukaad:map-location-dot"
@@ -40,6 +40,9 @@
                 <div class="font-body-small text-gray truncate">
                   {{ place.address }}
                 </div>
+                <div class="font-body-small text-gray">
+                  {{ $convert.convertNumber(place.post_count ?? 0) }} โพสต์
+                </div>
               </div>
               <Icon
                 v-if="isSelected(place.id)"
@@ -84,13 +87,13 @@
         <Image
           v-if="item.image"
           :src="item.image"
-          :width="70"
-          :height="40"
+          :width="105"
+          :height="60"
           class="shrink-0 rounded-[4px]"
         />
         <div
           v-else
-          class="w-[70px] h-[40px] bg-cloud flex items-center justify-center rounded-[4px]"
+          class="w-[105px] h-[60px] bg-cloud flex items-center justify-center rounded-[4px]"
         >
           <Icon
             name="pukaad:map-location-dot"
@@ -103,6 +106,9 @@
           <div class="font-body-small text-gray w-full truncate">
             {{ item.address }}
           </div>
+          <div class="font-body-small text-gray">
+            {{ $convert.convertNumber(item.post_count ?? 0) }} โพสต์
+          </div>
         </div>
         <Icon
           name="lucide:x"
@@ -138,7 +144,8 @@ const mapPlace = (raw) => ({
   id: raw.id,
   name: raw.name,
   address: raw.address,
-  image: raw.cover_image
+  image: raw.cover_image,
+  post_count: raw.post_count ?? 0
 });
 const performSearch = async (q) => {
   isSearching.value = true;
@@ -205,7 +212,9 @@ const handleSuggestPlaceCreated = (_data, record) => {
     id,
     name: String(record.business_name ?? ""),
     address: address?.full_address ?? "",
-    image: String(record.image_cover ?? "")
+    image: String(record.image_cover ?? ""),
+    post_count: 0
+    // สถานที่เพิ่งสร้างใหม่ ยังไม่มีโพสต์ผูกแน่นอน
   };
   selectedCache.value.set(id, item);
   if (!selectedIds.value.includes(id)) {

package/dist/runtime/components/input/input-select-place.vue.d.ts

@@ -3,6 +3,7 @@ export interface SelectPlaceItem {
     name: string;
     address: string;
     image: string;
+    post_count?: number;
 }
 interface InputSelectPlaceProps {
     label?: string;

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

@@ -22,10 +22,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -22,10 +22,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -60,10 +60,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -60,10 +60,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -48,10 +48,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullWidth: boolean;
     rows: number;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -48,10 +48,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullWidth: boolean;
     rows: number;
     readonly: boolean;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-typed-field.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

package/dist/runtime/components/input/input-typed-field.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

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

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    uploaderLabel: string;
     startIndex: number;
+    uploaderLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    uploaderLabel: string;
     startIndex: number;
+    uploaderLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,51 +1,8 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
-import type { ModalReportSubmitPayload } from "#pukaad-ui/types/components/modal/modal-report";
 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-delete": () => any;
-    "reply-delete": () => any;
-    "report-review": () => any;
-    "review-edit": () => any;
-    "review-delete": () => any;
-    "review-reply": () => any;
-    "reply-edit": () => any;
-    "profile-name-updated": (name: string) => any;
-    "profile-edit": () => any;
-    "profile-share": () => any;
-    "profile-follower-delete": () => any;
-    "profile-block": () => any;
-    "report-blog": () => any;
-    "report-place": () => any;
-    "report-profile": () => any;
-    "place-close-duplicate": () => any;
-    archive: () => any;
-    "report-submit": (payload: ModalReportSubmitPayload) => any;
+    [x: string]: 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-delete"?: (() => any) | undefined;
-    "onReply-delete"?: (() => any) | undefined;
-    "onReport-review"?: (() => any) | undefined;
-    "onReview-edit"?: (() => any) | undefined;
-    "onReview-delete"?: (() => any) | undefined;
-    "onReview-reply"?: (() => any) | undefined;
-    "onReply-edit"?: (() => 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;
-    "onReport-blog"?: (() => any) | undefined;
-    "onReport-place"?: (() => any) | undefined;
-    "onReport-profile"?: (() => any) | undefined;
-    "onPlace-close-duplicate"?: (() => any) | undefined;
-    onArchive?: (() => any) | undefined;
-    "onReport-submit"?: ((payload: ModalReportSubmitPayload) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -25,7 +25,7 @@
 
 <script setup>
 import { computed, ref } from "vue";
-const emit = defineEmits(["profile-edit", "profile-share", "profile-follower-delete", "profile-block", "blog-pin", "blog-unpin", "blog-edit", "blog-delete", "report-blog", "report-place", "report-profile", "report-announce", "report-review", "place-close-duplicate", "review-edit", "review-delete", "review-reply", "reply-edit", "reply-delete", "archive", "profile-name-updated", "report-submit"]);
+const emit = defineEmits(["profile-edit", "profile-share", "profile-follower-delete", "profile-block", "blog-pin", "blog-unpin", "blog-edit", "blog-delete", "report-blog", "report-place", "report-profile", "delete", "report", "report-review", "place-close-duplicate", "review-edit", "review-delete", "review-reply", "reply-edit", "reply-delete", "archive", "profile-name-updated", "report-submit"]);
 const props = defineProps({
   state: { type: String, required: false },
   profileDetail: { type: Object, required: false },
@@ -161,13 +161,23 @@ const menu = [
     }
   },
   {
-    label: "\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19\u0E40\u0E19\u0E37\u0E49\u0E2D\u0E2B\u0E32\u0E19\u0E35\u0E49",
-    name: "report-announce",
+    label: "\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19",
+    name: "report",
     icon: "fa6-regular:flag",
     action: () => {
       isOpenModalReport.value = true;
-      reportState.value = "announce";
-      emit("report-announce");
+      reportState.value = "content";
+      emit("report");
+      emit("report-blog");
+    }
+  },
+  {
+    label: "\u0E25\u0E1A",
+    name: "delete",
+    icon: "lucide:trash-2",
+    action: () => {
+      emit("delete");
+      emit("blog-delete");
     }
   },
   // ลำดับใน array นี้ = ลำดับที่แสดงในเมนู (items ใช้ menu.filter ซึ่งคงลำดับเดิมไว้)
@@ -279,9 +289,14 @@ const items = computed(() => {
       }
     ];
   }
-  if (props.state === "report-announce") {
+  if (props.state === "report") {
+    return menu.filter(
+      (item) => ["report"].includes(item.name)
+    );
+  }
+  if (props.state === "delete") {
     return menu.filter(
-      (item) => ["report-announce"].includes(item.name)
+      (item) => ["delete"].includes(item.name)
     );
   }
   return [];

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

@@ -1,51 +1,8 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
-import type { ModalReportSubmitPayload } from "#pukaad-ui/types/components/modal/modal-report";
 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-delete": () => any;
-    "reply-delete": () => any;
-    "report-review": () => any;
-    "review-edit": () => any;
-    "review-delete": () => any;
-    "review-reply": () => any;
-    "reply-edit": () => any;
-    "profile-name-updated": (name: string) => any;
-    "profile-edit": () => any;
-    "profile-share": () => any;
-    "profile-follower-delete": () => any;
-    "profile-block": () => any;
-    "report-blog": () => any;
-    "report-place": () => any;
-    "report-profile": () => any;
-    "place-close-duplicate": () => any;
-    archive: () => any;
-    "report-submit": (payload: ModalReportSubmitPayload) => any;
+    [x: string]: 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-delete"?: (() => any) | undefined;
-    "onReply-delete"?: (() => any) | undefined;
-    "onReport-review"?: (() => any) | undefined;
-    "onReview-edit"?: (() => any) | undefined;
-    "onReview-delete"?: (() => any) | undefined;
-    "onReview-reply"?: (() => any) | undefined;
-    "onReply-edit"?: (() => 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;
-    "onReport-blog"?: (() => any) | undefined;
-    "onReport-place"?: (() => any) | undefined;
-    "onReport-profile"?: (() => any) | undefined;
-    "onPlace-close-duplicate"?: (() => any) | undefined;
-    onArchive?: (() => any) | undefined;
-    "onReport-submit"?: ((payload: ModalReportSubmitPayload) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

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