@ramathibodi/nuxt-commons 4.0.15 → 4.0.16

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.3.1"
   },
-  "version": "4.0.15",
+  "version": "4.0.16",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/device/IdCardButton.d.vue.ts

@@ -17,16 +17,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     reader: null;
     disableWhileLoading: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (err: unknown) => any;
     loading: (loading: boolean) => any;
+    error: (err: unknown) => any;
     read: (payload: PatientRegisterPayload) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     withPhoto: boolean;
     reader: null;
     disableWhileLoading: boolean;
 }>>> & Readonly<{
-    onError?: ((err: unknown) => any) | undefined;
     onLoading?: ((loading: boolean) => any) | undefined;
+    onError?: ((err: unknown) => any) | undefined;
     onRead?: ((payload: PatientRegisterPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/device/IdCardButton.vue.d.ts

@@ -17,16 +17,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     reader: null;
     disableWhileLoading: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (err: unknown) => any;
     loading: (loading: boolean) => any;
+    error: (err: unknown) => any;
     read: (payload: PatientRegisterPayload) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     withPhoto: boolean;
     reader: null;
     disableWhileLoading: boolean;
 }>>> & Readonly<{
-    onError?: ((err: unknown) => any) | undefined;
     onLoading?: ((loading: boolean) => any) | undefined;
+    onError?: ((err: unknown) => any) | undefined;
     onRead?: ((payload: PatientRegisterPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/dialog/Confirm.d.vue.ts

@@ -21,9 +21,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:result"?: ((value: boolean) => any) | undefined;
 }>, {
+    title: string;
     message: string;
     width: string;
-    title: string;
     buttonTrueText: string;
     buttonFalseText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/Confirm.vue.d.ts

@@ -21,9 +21,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:result"?: ((value: boolean) => any) | undefined;
 }>, {
+    title: string;
     message: string;
     width: string;
-    title: string;
     buttonTrueText: string;
     buttonFalseText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/default/Confirm.d.vue.ts

@@ -23,10 +23,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
     onResolve?: ((value: boolean) => any) | undefined;
     onReject?: ((value: any) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
     type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
     buttonTrueText: string;
     buttonFalseText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/default/Confirm.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {},
     onResolve?: ((value: boolean) => any) | undefined;
     onReject?: ((value: any) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
     type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
     buttonTrueText: string;
     buttonFalseText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/default/Notify.d.vue.ts

@@ -13,11 +13,11 @@ declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onResolve?: ((value: boolean) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
-    type: "primary" | "success" | "warning" | "info" | "error";
     buttonText: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/dialog/default/Notify.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onResolve?: ((value: boolean) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
-    type: "primary" | "success" | "warning" | "info" | "error";
     buttonText: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/dialog/default/VerifyUser.d.vue.ts

@@ -17,10 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {
     onResolve?: ((value: string) => any) | undefined;
     onReject?: ((value: any) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
     type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
     confirmButtonText: string;
     cancelButtonText: string;
     fixedUsername: boolean | string;

package/dist/runtime/components/dialog/default/VerifyUser.vue.d.ts

@@ -17,10 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {
     onResolve?: ((value: string) => any) | undefined;
     onReject?: ((value: any) => any) | undefined;
 }>, {
-    message: string;
-    width: string;
     title: string;
     type: "primary" | "success" | "warning" | "info" | "error";
+    message: string;
+    width: string;
     confirmButtonText: string;
     cancelButtonText: string;
     fixedUsername: boolean | string;

package/dist/runtime/components/form/Birthdate.vue

@@ -70,7 +70,6 @@ const dobFormat = computed(() => {
       :year-range="birthdateYearRange"
       :max-date="maxBirthdate"
       reverse-years
-      eager
   >
     <template #append="{ isReadonly, isDisabled, activatorProps, toggleMenuOpen }">
       <span

package/dist/runtime/components/form/Date.d.vue.ts

@@ -14,7 +14,6 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props
     defaultDate?: boolean | string;
     yearRange?: [number, number];
     reverseYears?: boolean;
-    eager?: boolean;
 }
 declare function resetDatePicker(): void;
 declare function toggleMenuOpen(trigger: string): void;
@@ -46,7 +45,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     flow: () => never[];
     defaultDate: boolean;
     reverseYears: boolean;
-    eager: boolean;
 }>>, {
     reset: typeof resetDatePicker;
     validate: typeof validate;
@@ -61,7 +59,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     flow: () => never[];
     defaultDate: boolean;
     reverseYears: boolean;
-    eager: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/Date.vue

@@ -19,8 +19,7 @@ const props = defineProps({
   rules: { type: null, required: false },
   defaultDate: { type: [Boolean, String], required: false, default: false },
   yearRange: { type: Array, required: false },
-  reverseYears: { type: Boolean, required: false, default: false },
-  eager: { type: Boolean, required: false, default: false }
+  reverseYears: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["update:modelValue"]);
 const computedRules = computed(() => {
@@ -170,10 +169,21 @@ defineExpose({
 </script>
 
 <template>
+  <!--
+    The picker mounts lazily (no `eager`) and the menu opens with no transition.
+    @vuepic/vue-datepicker measures the year/month overlay height and computes its
+    scroll-to-active position once, in onMounted. If the picker is pre-mounted in a
+    hidden menu (eager) or measured mid open-transition, that measurement reads a
+    zero-height grid, so the overlay falls back to the fixed `modeHeight` with the
+    cells unpainted and only corrects on a later tick — the #248 "year overlay shows
+    a few years then waits a while to finish rendering" symptom. Mounting lazily and
+    opening with the content already at full size lets the picker measure correctly
+    on first paint. (eager pre-mount was the original #248 fix and reintroduced the bug.)
+  -->
   <v-menu
       v-model="isMenuOpen"
       :open-on-click="false"
-      :eager="props.eager"
+      :transition="false"
   >
     <template #activator="{ props: activatorProps }">
       <v-text-field

package/dist/runtime/components/form/Date.vue.d.ts

@@ -14,7 +14,6 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props
     defaultDate?: boolean | string;
     yearRange?: [number, number];
     reverseYears?: boolean;
-    eager?: boolean;
 }
 declare function resetDatePicker(): void;
 declare function toggleMenuOpen(trigger: string): void;
@@ -46,7 +45,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     flow: () => never[];
     defaultDate: boolean;
     reverseYears: boolean;
-    eager: boolean;
 }>>, {
     reset: typeof resetDatePicker;
     validate: typeof validate;
@@ -61,7 +59,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     flow: () => never[];
     defaultDate: boolean;
     reverseYears: boolean;
-    eager: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/DateTime.d.vue.ts

@@ -22,9 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly: boolean;
     locale: "TH" | "EN";
     format: dateFormat | string;
+    readonly: boolean;
     dense: boolean;
     pickerOnly: boolean;
     defaultDate: boolean | string;

package/dist/runtime/components/form/DateTime.vue.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly: boolean;
     locale: "TH" | "EN";
     format: dateFormat | string;
+    readonly: boolean;
     dense: boolean;
     pickerOnly: boolean;
     defaultDate: boolean | string;

package/dist/runtime/components/form/Login.d.vue.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
     title: string;
+    loading: boolean;
     errorMessages: string;
     hint: string;
     btnSubmit: string;

package/dist/runtime/components/form/Login.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
     title: string;
+    loading: boolean;
     errorMessages: string;
     hint: string;
     btnSubmit: string;

package/dist/runtime/components/form/Pad.d.vue.ts

@@ -681,9 +681,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
 }>, {
     disabled: boolean;
     readonly: boolean;
-    parentTemplates: string | string[];
     isolated: boolean;
     decoration: object;
+    parentTemplates: string | string[];
     dirtyClass: string;
     dirtyOnCreate: boolean;
     sanitizeDelay: number;

package/dist/runtime/components/form/Pad.vue.d.ts

@@ -681,9 +681,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
 }>, {
     disabled: boolean;
     readonly: boolean;
-    parentTemplates: string | string[];
     isolated: boolean;
     decoration: object;
+    parentTemplates: string | string[];
     dirtyClass: string;
     dirtyOnCreate: boolean;
     sanitizeDelay: number;

package/dist/runtime/components/form/images/Capture.d.vue.ts

@@ -78,10 +78,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
+    buttonText: string;
     disabled: boolean;
     maxWidth: string | number;
     readonly: boolean;
-    buttonText: string;
     imageFormat: ImageFormat;
     autoStart: boolean;
     fileOnly: boolean;

package/dist/runtime/components/form/images/Capture.vue.d.ts

@@ -78,10 +78,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
+    buttonText: string;
     disabled: boolean;
     maxWidth: string | number;
     readonly: boolean;
-    buttonText: string;
     imageFormat: ImageFormat;
     autoStart: boolean;
     fileOnly: boolean;

package/dist/runtime/components/label/Field.d.vue.ts

@@ -22,8 +22,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     value: string | null;
-    size: "large" | "medium";
     label: string;
+    size: "large" | "medium";
     horizontal: boolean;
     truncate: boolean;
     notFoundText: string;

package/dist/runtime/components/label/Field.vue.d.ts

@@ -22,8 +22,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     value: string | null;
-    size: "large" | "medium";
     label: string;
+    size: "large" | "medium";
     horizontal: boolean;
     truncate: boolean;
     notFoundText: string;

package/dist/runtime/labs/Calendar.d.vue.ts

@@ -18,18 +18,18 @@ interface CalendarProps {
     mode: 'dayGridMonth' | 'timeGridDay';
 }
 declare const __VLS_export: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    dialog: (...args: any[]) => void;
     select: (...args: any[]) => void;
+    dialog: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
-    onDialog?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onDialog?: ((...args: any[]) => any) | undefined;
 }>, {
-    height: string | number;
-    mode: "dayGridMonth" | "timeGridDay";
     locale: "th" | "en";
     toolBarLeft: string;
     toolBarCenter: string;
     toolBarRight: string;
+    height: string | number;
+    mode: "dayGridMonth" | "timeGridDay";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/labs/Calendar.vue.d.ts

@@ -18,18 +18,18 @@ interface CalendarProps {
     mode: 'dayGridMonth' | 'timeGridDay';
 }
 declare const __VLS_export: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    dialog: (...args: any[]) => void;
     select: (...args: any[]) => void;
+    dialog: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
-    onDialog?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onDialog?: ((...args: any[]) => any) | undefined;
 }>, {
-    height: string | number;
-    mode: "dayGridMonth" | "timeGridDay";
     locale: "th" | "en";
     toolBarLeft: string;
     toolBarCenter: string;
     toolBarRight: string;
+    height: string | number;
+    mode: "dayGridMonth" | "timeGridDay";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "4.0.15",
+  "version": "4.0.16",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",