pukaad-ui-lib 1.86.0 → 1.87.0

package/dist/module.json

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

package/dist/module.mjs

@@ -81,7 +81,7 @@ const module$1 = defineNuxtModule({
     addPlugin(resolver.resolve("./runtime/plugins/loadingPage"));
     addPlugin(resolver.resolve("./runtime/plugins/alert"));
     addPlugin(resolver.resolve("./runtime/plugins/toast"));
-    addPlugin(resolver.resolve("./runtime/plugins/format"));
+    addPlugin(resolver.resolve("./runtime/plugins/convert"));
     addPlugin(resolver.resolve("./runtime/plugins/quill.client"));
     _nuxt.hook("nitro:config", (nitroConfig) => {
       nitroConfig.publicAssets ||= [];

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

@@ -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/plugins/convert.d.ts

@@ -0,0 +1,34 @@
+import "dayjs/locale/th";
+export declare class Convert {
+    /**
+     * Convert date to Thai Buddhist Era
+     * @example convertDate("2026-01-20") => "20 มกราคม 2569"
+     */
+    convertDate(date: string | Date | null | undefined): string;
+    /**
+     * Convert datetime to Thai Buddhist Era with comma separator
+     * @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
+     */
+    convertDateTime(date: string | Date | null | undefined): string;
+    /**
+     * Convert date to short format
+     * @example convertShortDate("2026-01-20") => "20/01/69"
+     */
+    convertShortDate(date: string | Date | null | undefined): string;
+    /**
+     * Convert time only
+     * @example convertTime("2026-01-20T13:30:00") => "13:30 น."
+     */
+    convertTime(date: string | Date | null | undefined): string;
+    /**
+     * Convert number to Thai format
+     * @example convertNumber(1500000) => "1.5 ล้าน"
+     */
+    convertNumber(num: number): string;
+}
+declare const _default: import("nuxt/app").Plugin<{
+    convert: Convert;
+}> & import("nuxt/app").ObjectPlugin<{
+    convert: Convert;
+}>;
+export default _default;

package/dist/runtime/plugins/convert.js

@@ -0,0 +1,78 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import dayjs from "dayjs";
+import buddhistEra from "dayjs/plugin/buddhistEra";
+import "dayjs/locale/th";
+dayjs.extend(buddhistEra);
+dayjs.locale("th");
+export class Convert {
+  /**
+   * Convert date to Thai Buddhist Era
+   * @example convertDate("2026-01-20") => "20 มกราคม 2569"
+   */
+  convertDate(date) {
+    if (!date) return "-";
+    const d = dayjs(date);
+    if (!d.isValid()) return "-";
+    return d.format("D MMMM BBBB");
+  }
+  /**
+   * Convert datetime to Thai Buddhist Era with comma separator
+   * @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
+   */
+  convertDateTime(date) {
+    if (!date) return "-";
+    const d = dayjs(date);
+    if (!d.isValid()) return "-";
+    return d.format("D MMMM BBBB, HH:mm \u0E19.");
+  }
+  /**
+   * Convert date to short format
+   * @example convertShortDate("2026-01-20") => "20/01/69"
+   */
+  convertShortDate(date) {
+    if (!date) return "-";
+    const d = dayjs(date);
+    if (!d.isValid()) return "-";
+    return d.format("DD/MM/BB");
+  }
+  /**
+   * Convert time only
+   * @example convertTime("2026-01-20T13:30:00") => "13:30 น."
+   */
+  convertTime(date) {
+    if (!date) return "-";
+    const d = dayjs(date);
+    if (!d.isValid()) return "-";
+    return d.format("HH:mm \u0E19.");
+  }
+  /**
+   * Convert number to Thai format
+   * @example convertNumber(1500000) => "1.5 ล้าน"
+   */
+  convertNumber(num) {
+    if (num >= 1e6) {
+      const value = Math.floor(num / 1e6 * 10) / 10;
+      return value.toString().replace(/\.0$/, "") + " \u0E25\u0E49\u0E32\u0E19";
+    }
+    if (num >= 1e5) {
+      const value = Math.floor(num / 1e5 * 10) / 10;
+      return value.toString().replace(/\.0$/, "") + " \u0E41\u0E2A\u0E19";
+    }
+    if (num >= 1e4) {
+      const value = Math.floor(num / 1e4 * 10) / 10;
+      return value.toString().replace(/\.0$/, "") + " \u0E2B\u0E21\u0E37\u0E48\u0E19";
+    }
+    if (num >= 1e3) {
+      const value = Math.floor(num / 1e3 * 10) / 10;
+      return value.toString().replace(/\.0$/, "") + " \u0E1E\u0E31\u0E19";
+    }
+    return num.toString();
+  }
+}
+export default defineNuxtPlugin(() => {
+  return {
+    provide: {
+      convert: new Convert()
+    }
+  };
+});

package/package.json

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

package/dist/runtime/plugins/format.d.ts

@@ -1,9 +0,0 @@
-export declare class Format {
-    number(num: number): string;
-}
-declare const _default: import("nuxt/app").Plugin<{
-    format: Format;
-}> & import("nuxt/app").ObjectPlugin<{
-    format: Format;
-}>;
-export default _default;

package/dist/runtime/plugins/format.js

@@ -1,29 +0,0 @@
-import { defineNuxtPlugin } from "nuxt/app";
-export class Format {
-  number(num) {
-    if (num >= 1e6) {
-      const value = Math.floor(num / 1e6 * 10) / 10;
-      return value.toString().replace(/\.0$/, "") + " \u0E25\u0E49\u0E32\u0E19";
-    }
-    if (num >= 1e5) {
-      const value = Math.floor(num / 1e5 * 10) / 10;
-      return value.toString().replace(/\.0$/, "") + " \u0E41\u0E2A\u0E19";
-    }
-    if (num >= 1e4) {
-      const value = Math.floor(num / 1e4 * 10) / 10;
-      return value.toString().replace(/\.0$/, "") + " \u0E2B\u0E21\u0E37\u0E48\u0E19";
-    }
-    if (num >= 1e3) {
-      const value = Math.floor(num / 1e3 * 10) / 10;
-      return value.toString().replace(/\.0$/, "") + " \u0E1E\u0E31\u0E19";
-    }
-    return num.toString();
-  }
-}
-export default defineNuxtPlugin(() => {
-  return {
-    provide: {
-      format: new Format()
-    }
-  };
-});