pukaad-ui-lib 1.391.0 → 1.393.0

package/dist/module.json

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

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

@@ -4,6 +4,8 @@ type __VLS_Props = {
     isPinned?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
+    hidePin?: boolean;
+    hideBookmark?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     action: (name: string) => any;
@@ -13,6 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     isPinned: boolean;
     isBookmarked: boolean;
     isShow: boolean;
+    hidePin: boolean;
+    hideBookmark: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -7,7 +7,8 @@
       size="icon"
       :color="action.color ?? 'primary'"
       class="h-[40px] w-[40px] rounded-full"
-      @click.stop="emit('action', action.name)"
+      :style="action.clickable === false ? { cursor: 'default' } : {}"
+      @click.stop="onActionClick(action)"
     >
       <Icon :name="action.icon" :size="20" />
     </Button>
@@ -20,13 +21,20 @@ const props = defineProps({
   state: { type: String, required: false },
   isPinned: { type: Boolean, required: false, default: false },
   isBookmarked: { type: Boolean, required: false, default: false },
-  isShow: { type: Boolean, required: false, default: false }
+  isShow: { type: Boolean, required: false, default: false },
+  hidePin: { type: Boolean, required: false, default: false },
+  hideBookmark: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["action"]);
+const onActionClick = (action) => {
+  if (action.clickable === false) return;
+  emit("action", action.name);
+};
 const actions = computed(() => {
   if (props.state === "my-content") {
+    const pinAction = props.hidePin ? [] : [{ name: "pin", icon: "lucide:pin", isActive: props.isPinned }];
     return [
-      { name: "pin", icon: "lucide:pin", isActive: props.isPinned },
+      ...pinAction,
       { name: "preview", icon: "lucide:tv-minimal-play" },
       {
         name: "delete",
@@ -37,14 +45,24 @@ const actions = computed(() => {
     ];
   }
   if (props.state === "content") {
-    return [
-      {
+    const result = [];
+    if (props.isPinned) {
+      result.push({
+        name: "pin",
+        icon: "lucide:pin",
+        isActive: true,
+        clickable: false
+      });
+    }
+    if (!props.hideBookmark) {
+      result.push({
         name: "bookmark",
         icon: "lucide:bookmark",
         isActive: props.isBookmarked
-      },
-      { name: "preview", icon: "lucide:tv-minimal-play" }
-    ];
+      });
+    }
+    result.push({ name: "preview", icon: "lucide:tv-minimal-play" });
+    return result;
   }
   return [];
 });

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

@@ -4,6 +4,8 @@ type __VLS_Props = {
     isPinned?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
+    hidePin?: boolean;
+    hideBookmark?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     action: (name: string) => any;
@@ -13,6 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     isPinned: boolean;
     isBookmarked: boolean;
     isShow: boolean;
+    hidePin: boolean;
+    hideBookmark: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -28,6 +28,8 @@
         :state="props.state"
         :is-pinned="!!props.item.pinned"
         :is-bookmarked="!!props.item.bookmarked"
+        :hide-pin="!!props.hidePin"
+        :hide-bookmark="!!props.hideBookmark"
         :is-show="isMenuShow"
         @action="onMenuAction"
       />
@@ -58,7 +60,9 @@ const props = defineProps({
   state: { type: String, required: false },
   selectable: { type: Boolean, required: false, default: false },
   disabledNavigate: { type: Boolean, required: false, default: false },
-  disable: { type: Boolean, required: false, default: false }
+  disable: { type: Boolean, required: false, default: false },
+  hidePin: { type: Boolean, required: false },
+  hideBookmark: { type: Boolean, required: false }
 });
 const emit = defineEmits(["click", "action"]);
 const selected = defineModel("selected", { type: Boolean, ...{ default: false } });
@@ -89,7 +93,7 @@ const showTime = computed(() => !!props.item.expireAt);
 const hasMenu = computed(() => {
   if (props.selectable || !props.state) return false;
   if (props.disable) {
-    return !!(props.item.pinned || props.item.bookmarked);
+    return !!(props.item.pinned && !props.hidePin || props.item.bookmarked && !props.hideBookmark);
   }
   return true;
 });

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;
-    disabledErrorMessage: boolean;
     limit: number;
+    disabledErrorMessage: boolean;
     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;
-    disabledErrorMessage: boolean;
     limit: number;
+    disabledErrorMessage: boolean;
     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[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     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[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     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[];
-    options: InputSelectItem[];
     placeholder: string;
-    showCounter: boolean;
+    options: InputSelectItem[];
     limit: number;
+    showCounter: boolean;
     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[];
-    options: InputSelectItem[];
     placeholder: string;
-    showCounter: boolean;
+    options: InputSelectItem[];
     limit: number;
+    showCounter: boolean;
     addLabel: string;
     removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     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;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     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[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     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[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

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", "delete", "report", "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", "report-content", "delete-content", "content-delete", "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 },
@@ -115,11 +115,12 @@ const menu = [
     }
   },
   {
-    label: "\u0E25\u0E1A\u0E1A\u0E25\u0E47\u0E2D\u0E04\u0E19\u0E35\u0E49",
+    label: "\u0E25\u0E1A\u0E1A\u0E25\u0E47\u0E2D\u0E01\u0E19\u0E35\u0E49",
     name: "blog-delete",
     icon: "lucide:trash-2",
     action: () => {
       emit("blog-delete");
+      emit("delete");
     }
   },
   {
@@ -130,6 +131,7 @@ const menu = [
       isOpenModalReport.value = true;
       reportState.value = "blog";
       emit("report-blog");
+      emit("report");
     }
   },
   {
@@ -161,23 +163,24 @@ const menu = [
     }
   },
   {
-    label: "\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19",
-    name: "report",
+    label: "\u0E23\u0E32\u0E22\u0E07\u0E32\u0E19\u0E40\u0E19\u0E37\u0E49\u0E2D\u0E2B\u0E32\u0E19\u0E35\u0E49",
+    name: "report-content",
     icon: "fa6-regular:flag",
     action: () => {
       isOpenModalReport.value = true;
       reportState.value = "content";
+      emit("report-content");
       emit("report");
-      emit("report-blog");
     }
   },
   {
-    label: "\u0E25\u0E1A",
-    name: "delete",
+    label: "\u0E25\u0E1A\u0E40\u0E19\u0E37\u0E49\u0E2D\u0E2B\u0E32\u0E19\u0E35\u0E49",
+    name: "delete-content",
     icon: "lucide:trash-2",
     action: () => {
+      emit("delete-content");
+      emit("content-delete");
       emit("delete");
-      emit("blog-delete");
     }
   },
   // ลำดับใน array นี้ = ลำดับที่แสดงในเมนู (items ใช้ menu.filter ซึ่งคงลำดับเดิมไว้)
@@ -289,14 +292,19 @@ const items = computed(() => {
       }
     ];
   }
-  if (props.state === "report") {
+  if (props.state === "delete-blog") {
+    return menu.filter(
+      (fil) => ["blog-delete"].includes(fil.name)
+    );
+  }
+  if (props.state === "content") {
     return menu.filter(
-      (item) => ["report"].includes(item.name)
+      (item) => ["report-content"].includes(item.name)
     );
   }
-  if (props.state === "delete") {
+  if (props.state === "delete-content") {
     return menu.filter(
-      (item) => ["delete"].includes(item.name)
+      (item) => ["delete-content", "content-delete"].includes(item.name)
     );
   }
   return [];

package/package.json

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