@ramathibodi/nuxt-commons 0.1.74 → 4.0.0

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

@@ -0,0 +1,12 @@
+interface Props {
+    modelValue: number;
+    decimal?: number;
+    currency?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    modelValue: number;
+    decimal: number;
+    currency: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+interface Props {
+    modelValue: string;
+    variant?: 'mobilePhone' | 'homePhone' | 'citizenId' | 'creditCard';
+    hideContent?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    hideContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/label/Mask.vue

@@ -1,44 +1,27 @@
-<script setup lang="ts">
-/**
- * LabelMask renders read-only label output with formatting logic for display-oriented model values.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { computed } from 'vue'
-
-interface Props {
-  modelValue: string // Bound value for v-model synchronization with the parent component.
-  variant?: 'mobilePhone' | 'homePhone' | 'citizenId' | 'creditCard' // Mask pattern to apply to the displayed value.
-  hideContent?: boolean // Hides the middle part of the value for privacy.
-}
-
-/**
- * Public props accepted by LabelMask.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  hideContent: false,
-})
-
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  modelValue: { type: String, required: true },
+  variant: { type: String, required: false },
+  hideContent: { type: Boolean, required: false, default: false }
+});
 const labelMask = computed(() => {
   if (!props.hideContent) {
-    if (props.variant == 'mobilePhone') return props.modelValue.length == 10 ? `${props.modelValue.substring(0, 3)}-${props.modelValue.substring(3, 6)}-${props.modelValue.substring(6, 10)}` : 'invalid format'
-    if (props.variant == 'homePhone') return props.modelValue.length == 9 ? `${props.modelValue.substring(0, 2)}-${props.modelValue.substring(2, 5)}-${props.modelValue.substring(5, 9)}` : 'invalid format'
-    if (props.variant == 'citizenId') return props.modelValue.length == 13 ? `${props.modelValue.substring(0, 1)}-${props.modelValue.substring(1, 5)}-${props.modelValue.substring(5, 10)}-${props.modelValue.substring(10, 12)}-${props.modelValue.substring(12, 13)}` : 'invalid format'
-    if (props.variant == 'creditCard') return props.modelValue.length == 16 ? `${props.modelValue.substring(0, 4)}-${props.modelValue.substring(4, 8)}-${props.modelValue.substring(8, 12)}-${props.modelValue.substring(12, 16)}` : 'invalid format'
-
-    const middlePart = 'x'.repeat(props.modelValue.length - 6)
-    return `${props.modelValue.substring(0, 3)}${middlePart}${props.modelValue.slice(-3)}`
-  }
-  else {
-    if (props.variant == 'mobilePhone') return props.modelValue.length == 10 ? `${props.modelValue.substring(0, 2)}x-xxx-${props.modelValue.substring(6, 10)}` : 'invalid format'
-    if (props.variant == 'homePhone') return props.modelValue.length == 9 ? `${props.modelValue.substring(0, 2)}-xxx-${props.modelValue.substring(5, 9)}` : 'invalid format'
-    if (props.variant == 'citizenId') return props.modelValue.length == 13 ? `${props.modelValue.substring(0, 1)}-xxxx-xxxxx-${props.modelValue.substring(10, 12)}-${props.modelValue.substring(12, 13)}` : 'invalid format'
-    if (props.variant == 'creditCard') return props.modelValue.length == 16 ? `xxxx-xxxx-xxxx-${props.modelValue.substring(12, 16)}` : 'invalid format'
-
-    const middlePart = 'x'.repeat(props.modelValue.length - 6)
-    return `${props.modelValue.substring(0, 3)}${middlePart}${props.modelValue.slice(-3)}`
+    if (props.variant == "mobilePhone") return props.modelValue.length == 10 ? `${props.modelValue.substring(0, 3)}-${props.modelValue.substring(3, 6)}-${props.modelValue.substring(6, 10)}` : "invalid format";
+    if (props.variant == "homePhone") return props.modelValue.length == 9 ? `${props.modelValue.substring(0, 2)}-${props.modelValue.substring(2, 5)}-${props.modelValue.substring(5, 9)}` : "invalid format";
+    if (props.variant == "citizenId") return props.modelValue.length == 13 ? `${props.modelValue.substring(0, 1)}-${props.modelValue.substring(1, 5)}-${props.modelValue.substring(5, 10)}-${props.modelValue.substring(10, 12)}-${props.modelValue.substring(12, 13)}` : "invalid format";
+    if (props.variant == "creditCard") return props.modelValue.length == 16 ? `${props.modelValue.substring(0, 4)}-${props.modelValue.substring(4, 8)}-${props.modelValue.substring(8, 12)}-${props.modelValue.substring(12, 16)}` : "invalid format";
+    const middlePart = "x".repeat(props.modelValue.length - 6);
+    return `${props.modelValue.substring(0, 3)}${middlePart}${props.modelValue.slice(-3)}`;
+  } else {
+    if (props.variant == "mobilePhone") return props.modelValue.length == 10 ? `${props.modelValue.substring(0, 2)}x-xxx-${props.modelValue.substring(6, 10)}` : "invalid format";
+    if (props.variant == "homePhone") return props.modelValue.length == 9 ? `${props.modelValue.substring(0, 2)}-xxx-${props.modelValue.substring(5, 9)}` : "invalid format";
+    if (props.variant == "citizenId") return props.modelValue.length == 13 ? `${props.modelValue.substring(0, 1)}-xxxx-xxxxx-${props.modelValue.substring(10, 12)}-${props.modelValue.substring(12, 13)}` : "invalid format";
+    if (props.variant == "creditCard") return props.modelValue.length == 16 ? `xxxx-xxxx-xxxx-${props.modelValue.substring(12, 16)}` : "invalid format";
+    const middlePart = "x".repeat(props.modelValue.length - 6);
+    return `${props.modelValue.substring(0, 3)}${middlePart}${props.modelValue.slice(-3)}`;
   }
-})
+});
 </script>
 
 <template>

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

@@ -0,0 +1,10 @@
+interface Props {
+    modelValue: string;
+    variant?: 'mobilePhone' | 'homePhone' | 'citizenId' | 'creditCard';
+    hideContent?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    hideContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,8 @@
+interface Props {
+    object: any;
+    attribute?: string;
+    separator?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/label/Object.vue

@@ -1,22 +1,12 @@
-<script lang="ts" setup>
-/**
- * LabelObject renders read-only label output with formatting logic for display-oriented model values.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import {joinObject} from "../../utils/formatter";
-
-interface Props {
-  object: any, // Source object used to resolve and render selected attributes.
-  attribute?: string, // Object key(s) to extract for display from the source object.
-  separator?: string, // Separator used when joining multiple extracted values.
-}
-/**
- * Public props accepted by LabelObject.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-})
+<script setup>
+import { joinObject } from "../../utils/formatter";
+const props = defineProps({
+  object: { type: null, required: true },
+  attribute: { type: String, required: false },
+  separator: { type: String, required: false }
+});
 </script>
+
 <template>
-  <span>{{joinObject(object,attribute,separator)}}</span>
-</template>
+  <span>{{joinObject(object, attribute, separator)}}</span>
+</template>

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

@@ -0,0 +1,8 @@
+interface Props {
+    object: any;
+    attribute?: string;
+    separator?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/master/Autocomplete.d.vue.ts

@@ -0,0 +1,70 @@
+/**
+ * MasterAutocomplete renders master-data driven option controls and synchronizes selected values with form models.
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { VAutocomplete } from 'vuetify/components/VAutocomplete';
+import { type MasterLikeProps } from '../../composables/lookupListMaster.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
+}
+/**
+ * Public props accepted by MasterAutocomplete.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props & MasterLikeProps;
+declare var __VLS_10: never, __VLS_11: {
+    operation: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>> & 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_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/master/Autocomplete.vue

@@ -1,33 +1,24 @@
-<script lang="ts" setup>
-/**
- * MasterAutocomplete renders master-data driven option controls and synchronizes selected values with form models.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { VAutocomplete } from 'vuetify/components/VAutocomplete'
-import { withDefaults } from 'vue'
-import { useLookupListMaster, type MasterLikeProps } from '../../composables/lookupListMaster'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {}
-
-/**
- * Public props accepted by MasterAutocomplete.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props & MasterLikeProps>(), {
-  sortBy: 'itemValue', // Field used to sort options before rendering.
-  showCode: false, // Displays code values alongside labels in option lists.
-  lang: 'TH', // Language code used when selecting localized option labels.
-  noDataText: 'ไม่พบข้อมูล', // Fallback message shown when there is no data to display.
-  waitForFilter: false, // Delays loading options until the user provides a search/filter value.
-  meilisearch: false, // Enables Meilisearch-backed server filtering for options.
-  cache: false, // Enables cached requests; number values represent cache TTL in milliseconds.
-
-  statusField: 'statusCode', // Field name that indicates active/inactive status in each item.
-  activeValue: 'active', // Value in statusField treated as active/selectable.
-  hideInactiveInList: true, // Hides inactive options from the displayed selection list.
-  preventSelectingInactive: true, // Blocks selecting inactive options even if present in the dataset.
-})
-
+<script setup>
+import { VAutocomplete } from "vuetify/components/VAutocomplete";
+import { useLookupListMaster } from "../../composables/lookupListMaster";
+const props = defineProps({
+  meilisearch: { type: Boolean, required: false, default: false },
+  sortBy: { type: String, required: false, default: "itemValue" },
+  showCode: { type: Boolean, required: false, default: false },
+  groupKey: { type: String, required: true },
+  itemCodes: { type: Array, required: false },
+  lang: { type: String, required: false, default: "TH" },
+  fields: { type: Array, required: false },
+  noDataText: { type: String, required: false, default: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25" },
+  filterText: { type: String, required: false },
+  waitForFilter: { type: Boolean, required: false, default: false },
+  waitForFilterText: { type: String, required: false },
+  cache: { type: [Boolean, Number], required: false, default: false },
+  statusField: { type: String, required: false, default: "statusCode" },
+  activeValue: { type: null, required: false, default: "active" },
+  hideInactiveInList: { type: Boolean, required: false, default: true },
+  preventSelectingInactive: { type: Boolean, required: false, default: true }
+});
 const {
   computedModelName,
   computedModelBy,
@@ -36,8 +27,8 @@ const {
   itemTitleField,
   computedNoDataText,
   computedSortBy,
-  formatItemTitle,
-} = useLookupListMaster(props)
+  formatItemTitle
+} = useLookupListMaster(props);
 </script>
 
 <template>
@@ -64,8 +55,8 @@ const {
   >
     <!-- pass-through slots -->
     <!-- @ts-ignore -->
-    <template v-for="(_, name, index) in ($slots as {})" :key="index" #[name]="slotData">
-      <slot :name="name" v-bind="((slotData || {}) as object)" :operation="computedModelName" />
+    <template v-for="(_, name, index) in $slots" :key="index" #[name]="slotData">
+      <slot :name="name" v-bind="slotData || {}" :operation="computedModelName" />
     </template>
 
     <template v-if="!$slots.item && !props.meilisearch" #item="{ props: itemProps, item }">

package/dist/runtime/components/master/Autocomplete.vue.d.ts

@@ -0,0 +1,70 @@
+/**
+ * MasterAutocomplete renders master-data driven option controls and synchronizes selected values with form models.
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { VAutocomplete } from 'vuetify/components/VAutocomplete';
+import { type MasterLikeProps } from '../../composables/lookupListMaster.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VAutocomplete['$props']> {
+}
+/**
+ * Public props accepted by MasterAutocomplete.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props & MasterLikeProps;
+declare var __VLS_10: never, __VLS_11: {
+    operation: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>> & 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_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/master/Combobox.d.vue.ts

@@ -0,0 +1,70 @@
+/**
+ * MasterCombobox renders master-data driven option controls and synchronizes selected values with form models.
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { VCombobox } from 'vuetify/components/VCombobox';
+import { type MasterLikeProps } from '../../composables/lookupListMaster.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {
+}
+/**
+ * Public props accepted by MasterCombobox.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props & MasterLikeProps;
+declare var __VLS_10: never, __VLS_11: {
+    operation: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>> & 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_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/master/Combobox.vue

@@ -1,33 +1,24 @@
-<script lang="ts" setup>
-/**
- * MasterCombobox renders master-data driven option controls and synchronizes selected values with form models.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { VCombobox } from 'vuetify/components/VCombobox'
-import { withDefaults } from 'vue'
-import { useLookupListMaster, type MasterLikeProps } from '../../composables/lookupListMaster'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {}
-
-/**
- * Public props accepted by MasterCombobox.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props & MasterLikeProps>(), {
-  sortBy: 'itemValue', // Field used to sort options before rendering.
-  showCode: false, // Displays code values alongside labels in option lists.
-  lang: 'TH', // Language code used when selecting localized option labels.
-  noDataText: 'ไม่พบข้อมูล', // Fallback message shown when there is no data to display.
-  waitForFilter: false, // Delays loading options until the user provides a search/filter value.
-  meilisearch: false, // Enables Meilisearch-backed server filtering for options.
-  cache: false, // Enables cached requests; number values represent cache TTL in milliseconds.
-
-  statusField: 'statusCode', // Field name that indicates active/inactive status in each item.
-  activeValue: 'active', // Value in statusField treated as active/selectable.
-  hideInactiveInList: true, // Hides inactive options from the displayed selection list.
-  preventSelectingInactive: true, // Blocks selecting inactive options even if present in the dataset.
-})
-
+<script setup>
+import { VCombobox } from "vuetify/components/VCombobox";
+import { useLookupListMaster } from "../../composables/lookupListMaster";
+const props = defineProps({
+  meilisearch: { type: Boolean, required: false, default: false },
+  sortBy: { type: String, required: false, default: "itemValue" },
+  showCode: { type: Boolean, required: false, default: false },
+  groupKey: { type: String, required: true },
+  itemCodes: { type: Array, required: false },
+  lang: { type: String, required: false, default: "TH" },
+  fields: { type: Array, required: false },
+  noDataText: { type: String, required: false, default: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25" },
+  filterText: { type: String, required: false },
+  waitForFilter: { type: Boolean, required: false, default: false },
+  waitForFilterText: { type: String, required: false },
+  cache: { type: [Boolean, Number], required: false, default: false },
+  statusField: { type: String, required: false, default: "statusCode" },
+  activeValue: { type: null, required: false, default: "active" },
+  hideInactiveInList: { type: Boolean, required: false, default: true },
+  preventSelectingInactive: { type: Boolean, required: false, default: true }
+});
 const {
   computedModelName,
   computedModelBy,
@@ -36,8 +27,8 @@ const {
   itemTitleField,
   computedNoDataText,
   computedSortBy,
-  formatItemTitle,
-} = useLookupListMaster(props)
+  formatItemTitle
+} = useLookupListMaster(props);
 </script>
 
 <template>
@@ -64,8 +55,8 @@ const {
   >
     <!-- pass-through slots -->
     <!-- @ts-ignore -->
-    <template v-for="(_, name, index) in ($slots as {})" :key="index" #[name]="slotData">
-      <slot :name="name" v-bind="((slotData || {}) as object)" :operation="computedModelName" />
+    <template v-for="(_, name, index) in $slots" :key="index" #[name]="slotData">
+      <slot :name="name" v-bind="slotData || {}" :operation="computedModelName" />
     </template>
 
     <template v-if="!$slots.item && !props.meilisearch" #item="{ props: itemProps, item }">
@@ -88,4 +79,4 @@ const {
 
 <style>
 .meilisearch-item em{font-weight:700}
-</style>
+</style>

package/dist/runtime/components/master/Combobox.vue.d.ts

@@ -0,0 +1,70 @@
+/**
+ * MasterCombobox renders master-data driven option controls and synchronizes selected values with form models.
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import { VCombobox } from 'vuetify/components/VCombobox';
+import { type MasterLikeProps } from '../../composables/lookupListMaster.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCombobox['$props']> {
+}
+/**
+ * Public props accepted by MasterCombobox.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props & MasterLikeProps;
+declare var __VLS_10: never, __VLS_11: {
+    operation: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    sortBy: string;
+    showCode: boolean;
+    lang: string;
+    noDataText: string;
+    waitForFilter: boolean;
+    meilisearch: boolean;
+    cache: boolean;
+    statusField: string;
+    activeValue: string;
+    hideInactiveInList: boolean;
+    preventSelectingInactive: boolean;
+}>>> & 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_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};