pukaad-ui-lib 1.389.0 → 1.391.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.389.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-content/card-content-disable.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/card/card-content/card-content-disable.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="absolute inset-0 bg-cloud/80 z-content" />
+</template>

package/dist/runtime/components/card/card-content/card-content-disable.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
     selectable: boolean;
+    disable: boolean;
     disabledNavigate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -8,7 +8,7 @@
   <div
     :class="[
   'relative h-[345px] w-[194px] overflow-hidden rounded-[4px] bg-white outline outline-offset-0',
-  props.disabledNavigate && !props.selectable ? 'cursor-default' : 'cursor-pointer',
+  props.disable || props.disabledNavigate && !props.selectable ? 'cursor-default' : 'cursor-pointer',
   props.selectable || selected ? 'outline-2 outline-gray' : 'outline-1 outline-silver'
 ]"
     @mouseenter="hovering = true"
@@ -17,6 +17,8 @@
   >
     <component :is="bodyComponent" v-if="bodyComponent" :item="props.item" />
 
+    <CardContentDisable v-if="props.disable" />
+
     <div v-if="showTime" class="absolute left-[8px] top-[8px] z-content">
       <CardContentTime :item="props.item" />
     </div>
@@ -26,7 +28,7 @@
         :state="props.state"
         :is-pinned="!!props.item.pinned"
         :is-bookmarked="!!props.item.bookmarked"
-        :is-show="hovering"
+        :is-show="isMenuShow"
         @action="onMenuAction"
       />
     </div>
@@ -49,16 +51,19 @@ import CardContentVideo from "./card-content-video.vue";
 import CardContentTime from "./card-content-time.vue";
 import CardContentMenu from "./card-content-menu.vue";
 import CardContentSelect from "./card-content-select.vue";
+import CardContentDisable from "./card-content-disable.vue";
 const router = useRouter();
 const props = defineProps({
   item: { type: Object, required: true },
   state: { type: String, required: false },
   selectable: { type: Boolean, required: false, default: false },
-  disabledNavigate: { type: Boolean, required: false, default: false }
+  disabledNavigate: { type: Boolean, required: false, default: false },
+  disable: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["click", "action"]);
 const selected = defineModel("selected", { type: Boolean, ...{ default: false } });
 const handleClick = () => {
+  if (props.disable) return;
   if (props.selectable) {
     selected.value = !selected.value;
     emit("click", props.item);
@@ -70,6 +75,10 @@ const handleClick = () => {
   }
 };
 const hovering = ref(false);
+const isMenuShow = computed(() => {
+  if (props.disable) return false;
+  return hovering.value;
+});
 const BODY = {
   postIt: CardContentPostIt,
   image: CardContentImage,
@@ -77,7 +86,13 @@ const BODY = {
 };
 const bodyComponent = computed(() => BODY[props.item.type]);
 const showTime = computed(() => !!props.item.expireAt);
-const hasMenu = computed(() => !props.selectable && !!props.state);
+const hasMenu = computed(() => {
+  if (props.selectable || !props.state) return false;
+  if (props.disable) {
+    return !!(props.item.pinned || props.item.bookmarked);
+  }
+  return true;
+});
 const onMenuAction = (name) => {
   emit("action", name, props.item);
 };

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

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
     selectable: boolean;
+    disable: boolean;
     disabledNavigate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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/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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: 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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: 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-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,9 +34,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
+    disabledErrorMessage: boolean;
     limit: number;
     accept: string;
-    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -34,9 +34,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     name: string;
     fullHeight: boolean;
     fullWidth: boolean;
+    disabledErrorMessage: boolean;
     limit: number;
     accept: string;
-    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: 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-password.d.vue.ts

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

package/dist/runtime/components/input/input-personal-card-id.d.vue.ts

@@ -11,12 +11,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: File | null) => any;
 } & {
-    complete: (file: File) => any;
     remove: () => any;
+    complete: (file: File) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onComplete?: ((file: File) => any) | undefined;
     onRemove?: (() => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

package/dist/runtime/components/input/input-personal-card-id.vue.d.ts

@@ -11,12 +11,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: File | null) => any;
 } & {
-    complete: (file: File) => any;
     remove: () => any;
+    complete: (file: File) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
-    onComplete?: ((file: File) => any) | undefined;
     onRemove?: (() => any) | undefined;
+    onComplete?: ((file: File) => any) | undefined;
 }>, {
     name: string;
     disabledErrorMessage: boolean;

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

@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     readonly: boolean;
     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

@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     readonly: boolean;
     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

@@ -47,11 +47,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
-    limit: number;
     readonly: boolean;
     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

@@ -47,11 +47,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
-    limit: number;
     readonly: boolean;
     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-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: 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.389.0",
+  "version": "1.391.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",