pukaad-ui-lib 1.76.0 → 1.78.0

package/dist/module.json

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

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

@@ -19,15 +19,7 @@ type __VLS_Props = {
     disabled?: boolean;
     iconSize?: number | string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:liked": (value: boolean) => any;
-    "update:bookmarked": (value: boolean) => any;
-    share: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:liked"?: ((value: boolean) => any) | undefined;
-    "onUpdate:bookmarked"?: ((value: boolean) => any) | undefined;
-    onShare?: (() => any) | undefined;
-}>, {
+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;
     disabledPadding: boolean;
     itemCount: Count;

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

@@ -32,8 +32,6 @@
 
 <script setup>
 import { computed, reactive, ref, watch } from "vue";
-import { useNuxtApp } from "nuxt/app";
-const { $format } = useNuxtApp();
 const isOpenModalShare = ref(false);
 const props = defineProps({
   itemCount: { type: Object, required: false, default: () => ({
@@ -54,7 +52,6 @@ const props = defineProps({
   disabled: { type: Boolean, required: false, default: false },
   iconSize: { type: [Number, String], required: false, default: 20 }
 });
-const emit = defineEmits(["update:liked", "update:bookmarked", "share"]);
 const computedPadding = computed(
   () => props.disabledPadding ? 0 : props.padding
 );
@@ -104,7 +101,8 @@ const reactions = [
   },
   {
     name: "commented",
-    icon: "lucide:message-circle-more"
+    icon: "lucide:message-circle-more",
+    action: toggleComment
   },
   {
     name: "shared",
@@ -115,15 +113,15 @@ const reactions = [
 function toggleLike() {
   reaction.liked = !reaction.liked;
   counts.liked += reaction.liked ? 1 : -1;
-  emit("update:liked", reaction.liked);
 }
 function toggleBookmark() {
   reaction.bookmarked = !reaction.bookmarked;
   counts.bookmarked += reaction.bookmarked ? 1 : -1;
-  emit("update:bookmarked", reaction.bookmarked);
+}
+function toggleComment() {
+  console.log("comment  ");
 }
 function toggleShared() {
   isOpenModalShare.value = !isOpenModalShare.value;
-  emit("share");
 }
 </script>

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

@@ -19,15 +19,7 @@ type __VLS_Props = {
     disabled?: boolean;
     iconSize?: number | string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:liked": (value: boolean) => any;
-    "update:bookmarked": (value: boolean) => any;
-    share: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:liked"?: ((value: boolean) => any) | undefined;
-    "onUpdate:bookmarked"?: ((value: boolean) => any) | undefined;
-    onShare?: (() => any) | undefined;
-}>, {
+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;
     disabledPadding: boolean;
     itemCount: Count;

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

@@ -4,9 +4,12 @@ interface User {
     avatar: string;
     path_name: string;
     verified?: boolean;
-    view_count: number;
 }
-interface Content {
+interface CardUserBlogProps {
+    id: string;
+    ispinned?: boolean;
+    user: User;
+    view_count: number;
     create_at: string;
     title: string;
     description: string;
@@ -16,12 +19,6 @@ interface Content {
     shares_count: number;
     liked?: boolean;
 }
-interface CardUserBlogProps {
-    id: string;
-    ispinned?: boolean;
-    user: User;
-    content: Content;
-}
 type __VLS_Props = {
     item: CardUserBlogProps;
     isMyProfile?: boolean;

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

@@ -25,9 +25,9 @@
               />
             </div>
             <div class="text-gray font-body-small flex gap-[4px] items-center">
-              <div>{{ props.item.content.create_at }}</div>
+              <div>{{ props.item.create_at }}</div>
               <div>•</div>
-              <div>{{ $format.number(props.item.user.view_count) }} วิว</div>
+              <div>{{ $format.number(props.item.view_count) }} วิว</div>
             </div>
           </div>
         </div>
@@ -45,31 +45,31 @@
         />
       </div>
       <Image
-        v-if="props.item.content.image"
-        :src="props.item.content.image"
+        v-if="props.item.image"
+        :src="props.item.image"
         :width="668"
         :height="376"
         fit="fill"
       />
       <div class="font-title-medium-prominent">
-        {{ props.item.content.title }}
+        {{ props.item.title }}
       </div>
       <div
-        v-if="!props.item.content.image"
+        v-if="!props.item.image"
         class="text-gray font-body-large line-clamp-4"
       >
-        {{ props.item.content.description }}
+        {{ props.item.description }}
       </div>
       <CardReaction
         disabled-divider-top
         disabled-divider-bottom
         :item-count="{
-  liked: props.item.content.likes_count,
-  commented: props.item.content.comments_count,
-  shared: props.item.content.shares_count
+  liked: props.item.likes_count,
+  commented: props.item.comments_count,
+  shared: props.item.shares_count
 }"
         :itemActive="{
-  liked: props.item.content.liked
+  liked: props.item.liked
 }"
       />
     </div>

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

@@ -4,9 +4,12 @@ interface User {
     avatar: string;
     path_name: string;
     verified?: boolean;
-    view_count: number;
 }
-interface Content {
+interface CardUserBlogProps {
+    id: string;
+    ispinned?: boolean;
+    user: User;
+    view_count: number;
     create_at: string;
     title: string;
     description: string;
@@ -16,12 +19,6 @@ interface Content {
     shares_count: number;
     liked?: boolean;
 }
-interface CardUserBlogProps {
-    id: string;
-    ispinned?: boolean;
-    user: User;
-    content: Content;
-}
 type __VLS_Props = {
     item: CardUserBlogProps;
     isMyProfile?: boolean;

package/dist/runtime/components/drawer/drawer-post-blog.vue

@@ -117,6 +117,7 @@ const onSaveDraft = () => {
 };
 const onSubmit = () => {
   emit("submit", form.value);
+  console.log("onSubmit", form.value);
   isOpen.value = false;
 };
 </script>

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

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     name: string;
-    limit: number;
     placeholder: string;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     name: string;
-    limit: number;
     placeholder: string;
+    limit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/dialog/DialogContent.vue

@@ -1,19 +1,19 @@
 <template>
   <DialogPortal>
     <DialogOverlay />
-    <Form v-slot="{ meta }" @submit="onSubmit">
-      <DialogContent
-        data-slot="dialog-content"
-        v-bind="forwarded"
-        :class="
+    <DialogContent
+      data-slot="dialog-content"
+      v-bind="forwarded"
+      :class="
   cn(
     'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
     props.class
   )
 "
-        @escape-key-down="onOutSideClick"
-        @pointer-down-outside="onOutSideClick"
-      >
+      @escape-key-down="onOutSideClick"
+      @pointer-down-outside="onOutSideClick"
+    >
+      <Form v-slot="{ meta }" @submit="onSubmit" class="grid w-full gap-4">
         <slot :meta="meta" />
         <DialogClose
           v-if="!props.disabledCloseBtn"
@@ -23,8 +23,8 @@
           <Icon name="lucide:x" size="24" />
           <span class="sr-only">Close</span>
         </DialogClose>
-      </DialogContent>
-    </Form>
+      </Form>
+    </DialogContent>
   </DialogPortal>
 </template>
 

package/dist/runtime/components/ui/sheet/SheetContent.vue

@@ -1,10 +1,9 @@
 <template>
   <DialogPortal>
     <SheetOverlay />
-    <Form v-slot="{ meta }" @submit="onSubmit">
-      <DialogContent
-        data-slot="sheet-content"
-        :class="
+    <DialogContent
+      data-slot="sheet-content"
+      :class="
   cn(
     'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
     side === 'right' && 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full min-w-full max-w-full sm:max-w-full sm:min-w-md border-l',
@@ -14,9 +13,14 @@
     props.class
   )
 "
-        @escape-key-down="onOutSideClick"
-        @pointer-down-outside="onOutSideClick"
-        v-bind="{ ...forwarded, ...$attrs }"
+      @escape-key-down="onOutSideClick"
+      @pointer-down-outside="onOutSideClick"
+      v-bind="{ ...forwarded, ...$attrs }"
+    >
+      <Form
+        v-slot="{ meta }"
+        @submit="onSubmit"
+        class="h-full flex flex-col gap-4"
       >
         <slot :meta="meta" />
         <button
@@ -27,8 +31,8 @@
           <Icon name="lucide:x" :size="24" />
           <span class="sr-only">Closed</span>
         </button>
-      </DialogContent>
-    </Form>
+      </Form>
+    </DialogContent>
   </DialogPortal>
 </template>
 

package/package.json

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