@ramathibodi/nuxt-commons 0.1.74 → 4.0.1

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

@@ -0,0 +1,113 @@
+import FormPadComponent from './Pad.vue.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof FormPadComponent['$props']> {
+    title?: string;
+    initialData?: object;
+    formData?: object;
+    saveCaption?: string;
+    cancelCaption?: string;
+    readonly?: boolean;
+    showTitle?: boolean;
+    skipValidation?: boolean;
+}
+declare function save(): void;
+declare function cancel(): void;
+declare var __VLS_14: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+}, __VLS_22: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+}, __VLS_39: any, __VLS_47: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+};
+type __VLS_Slots = {} & {
+    titleToolbar?: (props: typeof __VLS_14) => any;
+} & {
+    title?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
+} & {
+    action?: (props: typeof __VLS_47) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    saveCaption: string;
+    cancelCaption: string;
+    readonly: boolean;
+    showTitle: boolean;
+    skipValidation: boolean;
+}>>, {
+    operation: import("vue").Ref<{
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    }, {
+        isDataChange: import("vue").ComputedRef<boolean>;
+        isCreating: import("vue").ComputedRef<boolean>;
+        isSaving: import("vue").Ref<boolean, boolean>;
+        save: typeof save;
+        cancel: typeof cancel;
+    } | {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    }>;
+    formPad: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (...args: any[]) => void;
+    create: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    saveCaption: string;
+    cancelCaption: string;
+    readonly: boolean;
+    showTitle: boolean;
+    skipValidation: boolean;
+}>>> & Readonly<{
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onCreate?: ((...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];
+}) & {};

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

@@ -1,104 +1,68 @@
-<script lang="ts" setup>
-/**
- * FormEditPad 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 {computed, defineExpose, ref, watchEffect} from 'vue'
-import {cloneDeep, isEqual} from 'lodash-es'
-import type {FormDialogCallback} from '../../types/formDialog'
-import FormPadComponent from './Pad.vue'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof FormPadComponent['$props']> {
-  title?: string // Title text displayed in the component header or dialog.
-  initialData?: object // Initial form/object values used when creating a new record.
-  formData?: object // Configuration option used by EditPad.
-  saveCaption?: string // Label text for the save/confirm action button.
-  cancelCaption?: string // Label text for the cancel action button.
-  readonly?: boolean // renders as read-only while keeping value visible
-  showTitle?: boolean // Shows or hides the component title/header area.
-  skipValidation?: boolean // Skips form validation before emitting save actions.
-}
-
-/**
- * Public props accepted by FormEditPad.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  saveCaption: 'บันทึก',
-  cancelCaption: 'ยกเลิก',
-  readonly: false,
-  showTitle: false,
-  skipValidation:false
-})
-
-const isSaving = ref<boolean>(false)
-const formPadRef = ref()
-const formData = ref<object>({})
-const formDataOriginalValue = ref<object>()
-
-/**
- * Custom events emitted by FormEditPad.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['create', 'update'])
-
+<script setup>
+import { computed, ref, watchEffect } from "vue";
+import { cloneDeep, isEqual } from "lodash-es";
+import FormPadComponent from "./Pad.vue";
+const props = defineProps({
+  title: { type: String, required: false },
+  initialData: { type: Object, required: false },
+  formData: { type: Object, required: false },
+  saveCaption: { type: String, required: false, default: "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01" },
+  cancelCaption: { type: String, required: false, default: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01" },
+  readonly: { type: Boolean, required: false, default: false },
+  showTitle: { type: Boolean, required: false, default: false },
+  skipValidation: { type: Boolean, required: false, default: false }
+});
+const isSaving = ref(false);
+const formPadRef = ref();
+const formData = ref({});
+const formDataOriginalValue = ref();
+const emit = defineEmits(["create", "update"]);
 function save() {
   if (props.skipValidation || formPadRef.value?.isValid) {
-    isSaving.value = true
-    emit((isCreating.value) ? 'create' : 'update', cloneDeep(formData.value), callback)
+    isSaving.value = true;
+    emit(isCreating.value ? "create" : "update", cloneDeep(formData.value), callback);
   }
 }
-
 function cancel() {
-  reset()
+  reset();
 }
-
 function reset() {
-  formDataOriginalValue.value = undefined
-  formPadRef.value?.reset()
-  loadFormData()
+  formDataOriginalValue.value = void 0;
+  formPadRef.value?.reset();
+  loadFormData();
 }
-
-const callback: FormDialogCallback = {
-  done: function () {
-    isSaving.value = false
+const callback = {
+  done: function() {
+    isSaving.value = false;
   },
-  error: function () {
-    isSaving.value = false
+  error: function() {
+    isSaving.value = false;
   },
-  setData: function (item: object) {
-    formData.value = cloneDeep(item)
-    formDataOriginalValue.value = cloneDeep(item)
+  setData: function(item) {
+    formData.value = cloneDeep(item);
+    formDataOriginalValue.value = cloneDeep(item);
   }
-}
-
+};
 const isDataChange = computed(() => {
-  return !((isCreating.value) ? isEqual(formData.value, createOriginalValue.value) : isEqual(formData.value, formDataOriginalValue.value))
-})
-
+  return !(isCreating.value ? isEqual(formData.value, createOriginalValue.value) : isEqual(formData.value, formDataOriginalValue.value));
+});
 const isCreating = computed(() => {
-  return !props.formData
-})
-
+  return !props.formData;
+});
 const createOriginalValue = computed(() => {
-  return Object.assign({}, props.initialData)
-})
-
+  return Object.assign({}, props.initialData);
+});
 const loadFormData = () => {
   if (props.formData) {
-    formData.value = cloneDeep(props.formData)
-    formDataOriginalValue.value = cloneDeep(props.formData)
-  }
-  else {
-    formData.value = Object.assign({}, cloneDeep(props.initialData))
+    formData.value = cloneDeep(props.formData);
+    formDataOriginalValue.value = cloneDeep(props.formData);
+  } else {
+    formData.value = Object.assign({}, cloneDeep(props.initialData));
   }
-}
-
-const operation = ref({ isDataChange, isCreating, isSaving, save, cancel })
-
-watchEffect(loadFormData)
-
-defineExpose({operation,formPad:formPadRef})
+};
+const operation = ref({ isDataChange, isCreating, isSaving, save, cancel });
+watchEffect(loadFormData);
+defineExpose({ operation, formPad: formPadRef });
 </script>
 
 <template>
@@ -107,7 +71,7 @@ defineExpose({operation,formPad:formPadRef})
       <slot name="titleToolbar" :operation="operation">
         <VToolbarTitle>
           <slot name="title" :operation="operation">
-            {{ (isCreating) ? "New" : "Edit" }} {{ title }}
+            {{ isCreating ? "New" : "Edit" }} {{ title }}
           </slot>
         </VToolbarTitle>
       </slot>

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

@@ -0,0 +1,113 @@
+import FormPadComponent from './Pad.vue.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof FormPadComponent['$props']> {
+    title?: string;
+    initialData?: object;
+    formData?: object;
+    saveCaption?: string;
+    cancelCaption?: string;
+    readonly?: boolean;
+    showTitle?: boolean;
+    skipValidation?: boolean;
+}
+declare function save(): void;
+declare function cancel(): void;
+declare var __VLS_14: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+}, __VLS_22: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+}, __VLS_39: any, __VLS_47: {
+    operation: {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    };
+};
+type __VLS_Slots = {} & {
+    titleToolbar?: (props: typeof __VLS_14) => any;
+} & {
+    title?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
+} & {
+    action?: (props: typeof __VLS_47) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    saveCaption: string;
+    cancelCaption: string;
+    readonly: boolean;
+    showTitle: boolean;
+    skipValidation: boolean;
+}>>, {
+    operation: import("vue").Ref<{
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    }, {
+        isDataChange: import("vue").ComputedRef<boolean>;
+        isCreating: import("vue").ComputedRef<boolean>;
+        isSaving: import("vue").Ref<boolean, boolean>;
+        save: typeof save;
+        cancel: typeof cancel;
+    } | {
+        isDataChange: boolean;
+        isCreating: boolean;
+        isSaving: boolean;
+        save: typeof save;
+        cancel: typeof cancel;
+    }>;
+    formPad: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (...args: any[]) => void;
+    create: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    saveCaption: string;
+    cancelCaption: string;
+    readonly: boolean;
+    showTitle: boolean;
+    skipValidation: boolean;
+}>>> & Readonly<{
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onCreate?: ((...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];
+}) & {};

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

@@ -0,0 +1,65 @@
+import { VTextField } from 'vuetify/components/VTextField';
+import { type Base64File } from '../../composables/assetFile.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VTextField['$props']> {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    modelValue?: Base64File | Base64File[] | null;
+    downloadable?: boolean;
+    autoHydrate?: boolean;
+}
+declare var __VLS_17: {
+    item: {
+        fileName: string;
+        originalFileName?: string | undefined;
+        fileType?: string | undefined;
+        id?: number | undefined;
+        base64String?: string | undefined;
+    };
+};
+type __VLS_Slots = {} & {
+    download?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    accept: string;
+    multiple: boolean;
+    maxSize: number;
+    downloadable: boolean;
+    autoHydrate: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Base64File | Base64File[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    accept: string;
+    multiple: boolean;
+    maxSize: number;
+    downloadable: boolean;
+    autoHydrate: boolean;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Base64File | Base64File[] | null) => 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];
+}) & {};