pukaad-ui-lib 1.359.0 → 1.360.0

package/dist/module.json

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

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

@@ -52,10 +52,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
     description: string;
+    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

@@ -52,10 +52,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
     description: string;
+    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

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     format: "legacy" | "contact_channel";
     defaultFirst: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    showCounter: boolean;
     limit: number;
+    showCounter: boolean;
     format: "legacy" | "contact_channel";
     defaultFirst: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

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

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

@@ -22,10 +22,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     labelKey: string;
     placeholder: string;
     description: 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, {
     labelKey: string;
     placeholder: string;
     description: 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-text-field.d.vue.ts

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

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

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

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

@@ -47,10 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    limit: number;
     readonly: boolean;
     heightScroll: boolean;
     spaceToComma: boolean;

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

@@ -47,10 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     rows: number;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    limit: number;
     readonly: boolean;
     heightScroll: boolean;
     spaceToComma: boolean;

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

@@ -20,8 +20,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;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -20,8 +20,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;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/timeline.d.vue.ts

@@ -0,0 +1,26 @@
+export interface TimelineItem {
+    id?: string | number;
+    avatar?: string;
+    name?: string;
+    time?: string | Date;
+    description?: string;
+}
+type __VLS_Props = {
+    items: TimelineItem[];
+};
+declare var __VLS_1: {
+    item: TimelineItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/timeline.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="flex flex-col">
+    <div
+      v-for="(item, index) in props.items"
+      :key="item.id ?? index"
+      class="flex gap-[8px]"
+    >
+      <!-- dot + connecting line (โครงของ component เอง) -->
+      <div class="flex flex-col items-center w-[8px]">
+        <div class="w-[20px] h-[26px] flex items-center justify-center">
+          <div class="w-[10px] h-[10px] rounded-full bg-black shrink-0" />
+        </div>
+        <div class="w-[2px] flex-1 bg-bright" />
+      </div>
+
+      <!-- เนื้อหา — ปล่อยให้ผู้ใช้ครอบเองผ่าน slot ได้ ถ้าไม่ส่งมาใช้ default นี้ -->
+      <div
+        class="flex flex-col gap-[8px]"
+        :class="index < props.items.length - 1 ? 'pb-[16px]' : ''"
+      >
+        <slot name="content" :item="item" :index="index">
+          <div class="flex gap-[8px]">
+            <Avatar :src="item.avatar" :alt="item.name" :size="30" />
+            <div class="flex flex-col gap-[8px]">
+              <div class="flex flex-col gap-[4px]">
+                <span class="font-body-large text-gray">{{ item.name }}</span>
+                <span class="font-body-small text-gray"
+                  >{{ convertDateTime(item.time) }} น.</span
+                >
+              </div>
+              <p class="font-body-large text-gray">
+                {{ item.description }}
+              </p>
+            </div>
+          </div>
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
+const props = defineProps({
+  items: { type: Array, required: true }
+});
+const { convertDateTime } = useConvert();
+</script>

package/dist/runtime/components/timeline.vue.d.ts

@@ -0,0 +1,26 @@
+export interface TimelineItem {
+    id?: string | number;
+    avatar?: string;
+    name?: string;
+    time?: string | Date;
+    description?: string;
+}
+type __VLS_Props = {
+    items: TimelineItem[];
+};
+declare var __VLS_1: {
+    item: TimelineItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    content?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

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