@ramathibodi/nuxt-commons 0.1.74 → 4.0.0

package/dist/runtime/components/dialog/Host.vue

@@ -1,79 +1,56 @@
-<script setup lang="ts">
-/**
- * DialogHost coordinates modal rendering and interactions for runtime dialog flows.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import {shallowReactive, onMounted} from 'vue'
-import {useDialog} from "../../composables/dialog"
-import type {DialogOpenResult} from "../../types/dialogManager";
-
-interface DialogEntry {
-  id: number
-  component: any
-  props: Record<string, any>
-  resolve: (val: any) => void
-  reject: (val: any) => void
-}
-
-const dialogs = shallowReactive<DialogEntry[]>([])
-let idCounter = 0
-
-function open(component: any, inputProps: Record<string, any> = {}) : DialogOpenResult  {
-  const id = ++idCounter
-
-  const promise = new Promise<any>((resolve,reject) => {
+<script setup>
+import { shallowReactive, onMounted } from "vue";
+import { useDialog } from "../../composables/dialog";
+const dialogs = shallowReactive([]);
+let idCounter = 0;
+function open(component, inputProps = {}) {
+  const id = ++idCounter;
+  const promise = new Promise((resolve, reject) => {
     const dialogProps = {
       ...inputProps,
       modelValue: true,
-      'onUpdate:modelValue': (v: boolean) => {
-        if (!v) close(id, null)
+      "onUpdate:modelValue": (v) => {
+        if (!v) close(id, null);
       },
-      onResolve: (val: any) => close(id, val),
-      onReject: (val: any) => closeWithReject(id, val)
-    }
-
+      onResolve: (val) => close(id, val),
+      onReject: (val) => closeWithReject(id, val)
+    };
     dialogs.push({
       id,
       component,
       props: dialogProps,
       resolve,
       reject
-    })
-  })
-
-  const closeInstance = (val?: any) => {
-    close(id,val)
-  }
-
-  const rejectInstance = (val?: any) => {
-    closeWithReject(id,val)
-  }
-
-  return { id, promise, closeInstance, rejectInstance}
+    });
+  });
+  const closeInstance = (val) => {
+    close(id, val);
+  };
+  const rejectInstance = (val) => {
+    closeWithReject(id, val);
+  };
+  return { id, promise, closeInstance, rejectInstance };
 }
-
-function close(id: number, val: any) {
-  const index = dialogs.findIndex((d) => d.id === id)
+function close(id, val) {
+  const index = dialogs.findIndex((d) => d.id === id);
   if (index !== -1) {
-    dialogs[index].resolve(val)
-    dialogs.splice(index, 1)
+    dialogs[index].resolve(val);
+    dialogs.splice(index, 1);
   }
 }
-
-function closeWithReject(id: number, val: any) {
-  const index = dialogs.findIndex((d) => d.id === id)
+function closeWithReject(id, val) {
+  const index = dialogs.findIndex((d) => d.id === id);
   if (index !== -1) {
-    dialogs[index].reject(val)
-    dialogs.splice(index, 1)
+    dialogs[index].reject(val);
+    dialogs.splice(index, 1);
   }
 }
-
 onMounted(() => {
-  useDialog()?.setDialogHost(open, close)
-})
-
-defineExpose({ open, close })
+  useDialog()?.setDialogHost(open, close);
+});
+defineExpose({ open, close });
 </script>
+
 <template>
   <Teleport to="body">
     <div>

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

@@ -0,0 +1,9 @@
+import type { DialogOpenResult } from "../../types/dialogManager.js";
+declare function open(component: any, inputProps?: Record<string, any>): DialogOpenResult;
+declare function close(id: number, val: any): void;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    open: typeof open;
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,24 @@
+interface DialogProps {
+    modelValue?: boolean;
+    title?: string;
+    message?: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    width?: number | string;
+}
+declare var __VLS_46: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_46) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/dialog/Index.vue

@@ -1,43 +1,27 @@
-<script lang="ts" setup>
-/**
- * DialogIndex coordinates modal rendering and interactions for runtime dialog flows.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { computed } from 'vue'
-
-interface DialogProps {
-  modelValue?: boolean // Bound value for v-model synchronization with the parent component.
-  title?: string // Title text displayed in the component header or dialog.
-  message?: string // main message body shown in UI
-  type?: 'success' | 'error' | 'warning' | 'info' // visual variant controlling color and intent semantics
-  width?: number | string // dialog/component width in CSS-compatible units
-}
-
-/**
- * Public props accepted by DialogIndex.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = defineProps<DialogProps>()
-/**
- * Custom events emitted by DialogIndex.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:modelValue'])
-
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  modelValue: { type: Boolean, required: false },
+  title: { type: String, required: false },
+  message: { type: String, required: false },
+  type: { type: String, required: false },
+  width: { type: [Number, String], required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
 const dialogIcon = computed(() => {
   switch (props.type) {
-    case 'success':
-      return 'mdi mdi-check-circle'
-    case 'error':
-      return 'mdi mdi-alert-circle'
-    case 'warning':
-      return 'mdi mdi-alert'
-    case 'info':
-      return 'mdi mdi-information-variant-circle'
+    case "success":
+      return "mdi mdi-check-circle";
+    case "error":
+      return "mdi mdi-alert-circle";
+    case "warning":
+      return "mdi mdi-alert";
+    case "info":
+      return "mdi mdi-information-variant-circle";
     default:
-      return ''
+      return "";
   }
-})
+});
 </script>
 
 <template>
@@ -78,7 +62,3 @@ const dialogIcon = computed(() => {
     </VCard>
   </VDialog>
 </template>
-
-<style lang="">
-
-</style>

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

@@ -0,0 +1,24 @@
+interface DialogProps {
+    modelValue?: boolean;
+    title?: string;
+    message?: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    width?: number | string;
+}
+declare var __VLS_46: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_46) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_32: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/dialog/Loading.vue

@@ -1,34 +1,17 @@
-<script setup lang="ts">
-/**
- * DialogLoading coordinates modal rendering and interactions for runtime dialog flows.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch } from 'vue'
-
-interface DialogProps {
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  color?: string // Vuetify color name applied to the visual element.
-}
-/**
- * Custom events emitted by DialogLoading.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:modelValue'])
-
-/**
- * Public props accepted by DialogLoading.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = defineProps<DialogProps>()
-const dialogVisible = ref<boolean>(props.modelValue)
-
+<script setup>
+import { ref, watch } from "vue";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  modelValue: { type: Boolean, required: true },
+  color: { type: String, required: false }
+});
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (newValue) => {
-  dialogVisible.value = newValue
-})
-
+  dialogVisible.value = newValue;
+});
 watch(() => dialogVisible.value, (newValue) => {
-  emit('update:modelValue', newValue)
-})
+  emit("update:modelValue", newValue);
+});
 </script>
 
 <template>

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

@@ -0,0 +1,21 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_32: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    buttonTrueText?: string;
+    buttonFalseText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    confirmData?: string;
+    width?: string;
+}
+declare var __VLS_44: {
+    text: string;
+};
+type __VLS_Slots = {} & {
+    labelTextConfirm?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: boolean) => any;
+    reject: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResolve?: ((value: boolean) => any) | undefined;
+    onReject?: ((value: any) => any) | undefined;
+}>, {
+    message: string;
+    width: string;
+    title: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    buttonTrueText: string;
+    buttonFalseText: string;
+}, {}, {}, {}, 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,67 +1,34 @@
-<script lang="ts" setup>
-/**
- * DialogDefaultConfirm is a default dialog content component used by the dialog host for common runtime prompts and feedback.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch, computed, type Ref } from 'vue'
-import { isEqual, isUndefined, isEmpty } from 'lodash-es'
-
-interface DialogProps {
-  title?: string // Title text displayed in the component header or dialog.
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  message?: string // main message body shown in UI
-  buttonTrueText?: string // label for the confirm/primary action
-  buttonFalseText?: string // label for the cancel/secondary action
-  type?: 'primary' | 'success' | 'warning' | 'info' | 'error' // visual variant controlling color and intent semantics
-  confirmData?: string // confirmation text that users must type before continue
-  width?: string // dialog/component width in CSS-compatible units
-}
-
-/**
- * Public props accepted by DialogDefaultConfirm.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<DialogProps>(), {
-  title: 'Confirm',
-  message: 'Do you want to proceed?',
-  buttonTrueText: 'Ok',
-  buttonFalseText: 'Cancel',
-  type: 'primary',
-  width: 'auto',
-})
-
-/**
- * Custom events emitted by DialogDefaultConfirm.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void
-  (e: 'resolve', value: boolean): void
-  (e: 'reject', value: any): void
-}>()
-
-const dialogVisible: Ref<boolean> = ref(props.modelValue)
-
+<script setup>
+import { ref, watch, computed } from "vue";
+import { isEqual, isUndefined, isEmpty } from "lodash-es";
+const props = defineProps({
+  title: { type: String, required: false, default: "Confirm" },
+  modelValue: { type: Boolean, required: true },
+  message: { type: String, required: false, default: "Do you want to proceed?" },
+  buttonTrueText: { type: String, required: false, default: "Ok" },
+  buttonFalseText: { type: String, required: false, default: "Cancel" },
+  type: { type: String, required: false, default: "primary" },
+  confirmData: { type: String, required: false },
+  width: { type: String, required: false, default: "auto" }
+});
+const emit = defineEmits(["update:modelValue", "resolve", "reject"]);
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (val) => {
-  dialogVisible.value = val
-})
-
+  dialogVisible.value = val;
+});
 watch(dialogVisible, (val) => {
-  if (!val) emit('update:modelValue', false)
-})
-
-const txtConfirm = ref<string>('')
-
+  if (!val) emit("update:modelValue", false);
+});
+const txtConfirm = ref("");
 const isDisabled = computed(() => {
-  if (isUndefined(props.confirmData)) return false
-  if (isEmpty(props.confirmData)) return true
-  return !isEqual(txtConfirm.value, props.confirmData)
-})
-
-const handleResult = (result: boolean) => {
-  dialogVisible.value = false
-  emit('resolve', result) // emit back to dialog-manager
-}
+  if (isUndefined(props.confirmData)) return false;
+  if (isEmpty(props.confirmData)) return true;
+  return !isEqual(txtConfirm.value, props.confirmData);
+});
+const handleResult = (result) => {
+  dialogVisible.value = false;
+  emit("resolve", result);
+};
 </script>
 
 <template>
@@ -110,4 +77,4 @@ const handleResult = (result: boolean) => {
       </v-card>
     </v-dialog>
   </v-row>
-</template>
+</template>

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

@@ -0,0 +1,40 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    buttonTrueText?: string;
+    buttonFalseText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    confirmData?: string;
+    width?: string;
+}
+declare var __VLS_44: {
+    text: string;
+};
+type __VLS_Slots = {} & {
+    labelTextConfirm?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: boolean) => any;
+    reject: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResolve?: ((value: boolean) => any) | undefined;
+    onReject?: ((value: any) => any) | undefined;
+}>, {
+    message: string;
+    width: string;
+    title: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    buttonTrueText: string;
+    buttonFalseText: string;
+}, {}, {}, {}, 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_20: {}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/dialog/default/Loading.vue

@@ -1,34 +1,17 @@
-<script setup lang="ts">
-/**
- * DialogDefaultLoading is a default dialog content component used by the dialog host for common runtime prompts and feedback.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch } from 'vue'
-
-interface DialogProps {
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  color?: string // Vuetify color name applied to the visual element.
-}
-/**
- * Custom events emitted by DialogDefaultLoading.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:modelValue'])
-
-/**
- * Public props accepted by DialogDefaultLoading.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = defineProps<DialogProps>()
-const dialogVisible = ref<boolean>(props.modelValue)
-
+<script setup>
+import { ref, watch } from "vue";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  modelValue: { type: Boolean, required: true },
+  color: { type: String, required: false }
+});
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (newValue) => {
-  dialogVisible.value = newValue
-})
-
+  dialogVisible.value = newValue;
+});
 watch(() => dialogVisible.value, (newValue) => {
-  emit('update:modelValue', newValue)
-})
+  emit("update:modelValue", newValue);
+});
 </script>
 
 <template>

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

@@ -0,0 +1,23 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_20: {}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    buttonText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    width?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "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;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;