@ramathibodi/nuxt-commons 0.1.74 → 4.0.1

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

@@ -1,78 +1,53 @@
-<script setup lang="ts">
-/**
- * FormCheckboxGroup is a schema-driven form field component that binds model data, renders field UI, and emits normalized updates.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch, computed} from 'vue'
-import { VCheckbox } from 'vuetify/components/VCheckbox'
-import { join,without,filter,head,reject } from 'lodash-es'
-interface Items {
-  label : string
-  value : any
-}
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCheckbox['$props']>{
-  items: Items[] // option collection used for selection rendering
-  label?: string // UI label displayed to end users
-  modelValue: [] // Bound value for v-model synchronization with the parent component.
-  inline?: boolean // Displays checkbox options inline instead of stacked.
-  rules?: typeof import('vuetify/components')['VCheckbox']['rules'] // validation rules applied before accepting input
-}
-/**
- * Public props accepted by FormCheckboxGroup.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props =  withDefaults(defineProps<Props>(),{
-  inline:false
-})
-/**
- * Custom events emitted by FormCheckboxGroup.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:modelValue'])
-const values = ref([])
-const valuesOther = ref()
-
+<script setup>
+import { ref, watch, computed } from "vue";
+import { VCheckbox } from "vuetify/components/VCheckbox";
+import { join, without, filter, head, reject } from "lodash-es";
+const props = defineProps({
+  items: { type: Array, required: true },
+  label: { type: String, required: false },
+  modelValue: { type: Array, required: true },
+  inline: { type: Boolean, required: false, default: false },
+  rules: { type: null, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const values = ref([]);
+const valuesOther = ref();
 const computedRules = computed(() => {
-  if (props.rules){
-    let rules = props.rules.map((rule : any) => rule(values.value.length ? values.value : null))
-    rules = without(rules,true)
-    return join(rules,',')
+  if (props.rules) {
+    let rules = props.rules.map((rule) => rule(values.value.length ? values.value : null));
+    rules = without(rules, true);
+    return join(rules, ",");
   }
-})
+});
 const computedOther = computed(() => {
-  const itemOther = filter(props.items,{value:'other'})
-  return head(itemOther)
-})
-
+  const itemOther = filter(props.items, { value: "other" });
+  return head(itemOther);
+});
 const computeItems = computed(() => {
-  return reject(props.items , {value:'other'})
-})
-
+  return reject(props.items, { value: "other" });
+});
 watch(values, () => {
-  emit('update:modelValue', [...values.value, valuesOther.value].filter(Boolean))
-}, {deep: true});
-
+  emit("update:modelValue", [...values.value, valuesOther.value].filter(Boolean));
+}, { deep: true });
 watch(valuesOther, () => {
-  emit('update:modelValue', [...values.value, valuesOther.value].filter(Boolean))
-})
-
+  emit("update:modelValue", [...values.value, valuesOther.value].filter(Boolean));
+});
 watch(props.modelValue, () => {
   if (!props.modelValue) {
-    values.value = []
-    valuesOther.value = ''
+    values.value = [];
+    valuesOther.value = "";
   } else {
-    // Separate regular values and the "other" value if applicable
     if (Array.isArray(props.modelValue)) {
-      valuesOther.value = props.modelValue.find(item => !props.items.some(({ value }) => value === item)) || ''
-      values.value = props.modelValue.filter(item => item !== valuesOther.value)
+      valuesOther.value = props.modelValue.find((item) => !props.items.some(({ value }) => value === item)) || "";
+      values.value = props.modelValue.filter((item) => item !== valuesOther.value);
     }
   }
-}, { deep: true, immediate: true })
+}, { deep: true, immediate: true });
 </script>
 
 <template>
     <label class="text-body-1 opacity-60">{{props.label}}</label>
-    <div :class="`d-flex ${inline ? 'flex-row':'flex-column'}`">
+    <div :class="`d-flex ${inline ? 'flex-row' : 'flex-column'}`">
       <v-checkbox v-for="item in computeItems"
                   :value="item.value"
                   v-model="values"
@@ -94,9 +69,4 @@ watch(props.modelValue, () => {
     <label class="text-error text-subtitle-2 ml-1">
       {{computedRules}}
     </label>
-
 </template>
-
-<style scoped>
-
-</style>

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

@@ -0,0 +1,41 @@
+import { VCheckbox } from 'vuetify/components/VCheckbox';
+interface Items {
+    label: string;
+    value: any;
+}
+interface Props extends /* @vue-ignore */ InstanceType<typeof VCheckbox['$props']> {
+    items: Items[];
+    label?: string;
+    modelValue: [];
+    inline?: boolean;
+    rules?: typeof import('vuetify/components')['VCheckbox']['rules'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    inline: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    inline: boolean;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,25 @@
+interface Props {
+    height?: string | number;
+    minHeight?: string | number;
+    lang?: 'html' | 'javascript' | 'vue';
+}
+/**
+ * Public props accepted by FormCodeEditor.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    height: string | number;
+    minHeight: string | number;
+    lang: "html" | "javascript" | "vue";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,45 +1,27 @@
-<script setup lang="ts">
-/**
- * FormCodeEditor is a schema-driven form field component that binds model data, renders field UI, and emits normalized updates.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import {Codemirror} from 'vue-codemirror'
-import {oneDark} from '@codemirror/theme-one-dark'
-import {javascript} from '@codemirror/lang-javascript'
-import {html} from '@codemirror/lang-html'
-import {vue as vueLang} from '@codemirror/lang-vue'
-
-interface Props {
-  height?: string | number // Fixed or minimum height applied to the component container.
-  minHeight?: string | number // Minimum editor/container height before scrolling is used.
-  lang?: 'html' | 'javascript' | 'vue' // Language code used when selecting localized option labels.
-}
-
-/**
- * Public props accepted by FormCodeEditor.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  height: '100%',
-  minHeight: '20em',
-  lang: 'vue',
-})
-
-const extensions = [oneDark]
-if (props.lang == 'vue') {
-  extensions.push(vueLang({ base: html({ autoCloseTags: true, matchClosingTags: true, selfClosingTags: true }) }))
-}
-else {
-  extensions.push(javascript({ typescript: true }))
+<script setup>
+import { Codemirror } from "vue-codemirror";
+import { oneDark } from "@codemirror/theme-one-dark";
+import { javascript } from "@codemirror/lang-javascript";
+import { html } from "@codemirror/lang-html";
+import { vue as vueLang } from "@codemirror/lang-vue";
+const props = defineProps({
+  height: { type: [String, Number], required: false, default: "100%" },
+  minHeight: { type: [String, Number], required: false, default: "20em" },
+  lang: { type: String, required: false, default: "vue" }
+});
+const extensions = [oneDark];
+if (props.lang == "vue") {
+  extensions.push(vueLang({ base: html({ autoCloseTags: true, matchClosingTags: true, selfClosingTags: true }) }));
+} else {
+  extensions.push(javascript({ typescript: true }));
 }
-
-const model = defineModel<string>()
+const model = defineModel({ type: String });
 </script>
 
 <template>
   <codemirror
     v-model="model"
     :extensions="extensions"
-    :style="{ height: height, minHeight: minHeight }"
+    :style="{ height, minHeight }"
   />
 </template>

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

@@ -0,0 +1,25 @@
+interface Props {
+    height?: string | number;
+    minHeight?: string | number;
+    lang?: 'html' | 'javascript' | 'vue';
+}
+/**
+ * Public props accepted by FormCodeEditor.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    height: string | number;
+    minHeight: string | number;
+    lang: "html" | "javascript" | "vue";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,86 @@
+import { VTextField } from 'vuetify/components/VTextField';
+import '@vuepic/vue-datepicker/dist/main.css';
+import { type dateFormat } from '../../utils/datetime.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props']> {
+    locale?: 'TH' | 'EN';
+    format?: dateFormat | string;
+    modelValue?: string | null;
+    holiday?: object[] | undefined;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    pickerOnly?: boolean;
+    flow?: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[];
+    rules?: typeof VTextField['rules'];
+    defaultDate?: boolean | string;
+}
+declare function resetDatePicker(): void;
+declare function toggleMenuOpen(trigger: string): void;
+declare function validate(): void;
+declare function resetValidation(): void;
+declare var __VLS_25: {
+    toggleMenuOpen: typeof toggleMenuOpen;
+    activatorProps: Record<string, any>;
+    id: import("vue").ComputedRef<string>;
+    messagesId: import("vue").ComputedRef<string | undefined>;
+    isDirty: import("vue").ComputedRef<boolean>;
+    isDisabled: import("vue").ComputedRef<boolean>;
+    isReadonly: import("vue").ComputedRef<boolean>;
+    isPristine: import("vue").Ref<boolean>;
+    isValid: import("vue").ComputedRef<boolean | null>;
+    isValidating: import("vue").Ref<boolean>;
+    hasDetails: import("vue").Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => void;
+};
+type __VLS_Slots = {} & {
+    append?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    locale: string;
+    format: string;
+    pickerOnly: boolean;
+    flow: () => never[];
+    defaultDate: boolean;
+}>>, {
+    reset: typeof resetDatePicker;
+    validate: typeof validate;
+    resetValidation: typeof resetValidation;
+    isValid: boolean | null | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    locale: string;
+    format: string;
+    pickerOnly: boolean;
+    flow: () => never[];
+    defaultDate: boolean;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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];
+}) & {};