pukaad-ui-lib 1.85.0 → 1.87.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.85.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/input/input-content.vue

@@ -156,5 +156,5 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
-.quill-wrapper{border-bottom:1px solid #e8e8e8}.quill-wrapper :deep(.ql-toolbar.ql-snow){background-color:#f5f5f5;border:none;border-radius:8px}.quill-wrapper :deep(.ql-container.ql-snow){border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.quill-wrapper :deep(.ql-editor){font-family:Sarabun-Regular;font-size:16px;margin-top:8px;min-height:var(--height)!important;padding:4px 12px}.quill-wrapper :deep(.ql-editor.ql-blank:before){color:#c4c4c4;content:attr(data-placeholder);font-size:16px;font-style:normal}.quill-wrapper.drag-not-allowed :deep(.ql-editor){background-color:#fef2f2;border:2px dashed #ef4444;cursor:not-allowed}
+.quill-wrapper{border-bottom:1px solid #e8e8e8}.quill-wrapper :deep(.ql-toolbar.ql-snow){background-color:#f5f5f5;border:none;border-radius:8px}.quill-wrapper :deep(.ql-container.ql-snow){border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.quill-wrapper :deep(.ql-editor){font-family:Sarabun-Regular;font-size:16px;margin-top:8px;max-height:var(--height)!important;min-height:var(--height)!important;overflow-y:auto;padding:4px 12px}.quill-wrapper :deep(.ql-editor.ql-blank:before){color:#c4c4c4;content:attr(data-placeholder);font-size:16px;font-style:normal}.quill-wrapper.drag-not-allowed :deep(.ql-editor){background-color:#fef2f2;border:2px dashed #ef4444;cursor:not-allowed}
 </style>

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts

@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts

@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "date" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "page" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

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.85.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()
-    }
-  };
-});