pukaad-ui-lib 1.89.0 → 1.91.0

package/dist/module.json

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

package/dist/module.mjs

@@ -81,7 +81,6 @@ 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/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/composables/useConvert.d.ts

@@ -0,0 +1,28 @@
+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;
+}
+export declare function useConvert(): Convert;

package/dist/runtime/composables/useConvert.js

@@ -0,0 +1,71 @@
+import dayjs from "#dayjs";
+const djs = dayjs;
+export class Convert {
+  /**
+   * Convert date to Thai Buddhist Era
+   * @example convertDate("2026-01-20") => "20 มกราคม 2569"
+   */
+  convertDate(date) {
+    if (!date) return "-";
+    const d = djs(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 = djs(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 = djs(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 = djs(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();
+  }
+}
+const convertInstance = new Convert();
+export function useConvert() {
+  return convertInstance;
+}

package/dist/runtime/plugins/{convert.d.ts → convert.client.d.ts}

@@ -1,5 +1,5 @@
-import "dayjs/locale/th";
 export declare class Convert {
+    private getDayjs;
     /**
      * Convert date to Thai Buddhist Era
      * @example convertDate("2026-01-20") => "20 มกราคม 2569"

package/dist/runtime/plugins/{convert.js → convert.client.js}

@@ -1,17 +1,17 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import dayjs from "dayjs";
-import * as buddhistEraPlugin from "dayjs/plugin/buddhistEra";
-import "dayjs/locale/th";
-const buddhistEra = buddhistEraPlugin.default || buddhistEraPlugin;
-dayjs.extend(buddhistEra);
-dayjs.locale("th");
+import { defineNuxtPlugin, useNuxtApp } from "nuxt/app";
 export class Convert {
+  getDayjs() {
+    const nuxtApp = useNuxtApp();
+    return nuxtApp.$dayjs || null;
+  }
   /**
    * Convert date to Thai Buddhist Era
    * @example convertDate("2026-01-20") => "20 มกราคม 2569"
    */
   convertDate(date) {
     if (!date) return "-";
+    const dayjs = this.getDayjs();
+    if (!dayjs) return "-";
     const d = dayjs(date);
     if (!d.isValid()) return "-";
     return d.format("D MMMM BBBB");
@@ -22,6 +22,8 @@ export class Convert {
    */
   convertDateTime(date) {
     if (!date) return "-";
+    const dayjs = this.getDayjs();
+    if (!dayjs) return "-";
     const d = dayjs(date);
     if (!d.isValid()) return "-";
     return d.format("D MMMM BBBB, HH:mm \u0E19.");
@@ -32,6 +34,8 @@ export class Convert {
    */
   convertShortDate(date) {
     if (!date) return "-";
+    const dayjs = this.getDayjs();
+    if (!dayjs) return "-";
     const d = dayjs(date);
     if (!d.isValid()) return "-";
     return d.format("DD/MM/BB");
@@ -42,6 +46,8 @@ export class Convert {
    */
   convertTime(date) {
     if (!date) return "-";
+    const dayjs = this.getDayjs();
+    if (!dayjs) return "-";
     const d = dayjs(date);
     if (!d.isValid()) return "-";
     return d.format("HH:mm \u0E19.");

package/package.json

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