@mythpe/quasar-ui-qui 0.1.66 → 0.1.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/form/MAxios.vue

@@ -62,9 +62,21 @@ const prepare = async (fromWatch = !1) => {
   if (!props.service || loading.value) {
     return
   }
-  const method = typeof props.service === 'string'
-    ? (isGuest.value ? api.value.services[props.service]?.staticIndex : api.value.services[props.service]?.index)
-    : props.service
+  const s = props.service
+  let method: any = null
+  if (typeof s === 'string' && s.includes('.')) {
+    const args = s.split('.')
+    do {
+      if (!method) {
+        method = api.value.services[args.shift() as any]
+      }
+      method = method[args.shift() as any]
+    }
+    while (args.length)
+  } else {
+    method = typeof s === 'function' ? s : (isGuest.value ? api.value.services[s].staticIndex : api.value.services[s].index)
+  }
+
   if (!method) {
     throw Error(`No service: ${props.service}`)
   }

package/src/components/form/MOptions.vue

@@ -13,7 +13,7 @@
 
 import { useField } from 'vee-validate'
 import type { MOptionsOptionContext, MOptionsProps as Props } from '../../types'
-import { reactive, toValue, useTemplateRef } from 'vue'
+import { onMounted, reactive, toValue, useTemplateRef } from 'vue'
 import { QField, QOptionGroup, type QOptionGroupSlots } from 'quasar'
 import { useBindInput, useMyth } from '../../composable'
 
@@ -40,6 +40,7 @@ interface P {
   type?: Props['type'];
   keepColor?: Props['keepColor'];
   service?: Props['service'];
+  guest?: boolean;
   fullWidth?: Props['fullWidth'];
   fitWidth?: Props['fullWidth'];
   fieldOptions?: Props['fieldOptions'];
@@ -67,6 +68,7 @@ const props = withDefaults(defineProps<P>(), {
   color: () => 'primary',
   type: 'radio',
   keepColor: undefined,
+  guest: !1,
   service: undefined,
   fullWidth: () => !1,
   fitWidth: () => !1,
@@ -91,13 +93,29 @@ const listeners = {
 const input = useTemplateRef<InstanceType<typeof QField> | InstanceType<typeof QOptionGroup>>('input')
 const scopes = reactive(inputScope)
 defineExpose<typeof scopes & { input: typeof input }>({ input, ...scopes })
-const { alertError, __, props: pluginProps } = useMyth()
+const { alertError, __, props: pluginProps, api } = useMyth()
 const fetchData = async () => {
   if (props.service) {
+    const s = props.service
     loading.value = !0
     try {
-      const { _data } = await props.service()
-      options.value = _data as any
+      let method: any = null
+      if (typeof s === 'string' && s.includes('.')) {
+        const args = s.split('.')
+        do {
+          if (!method) {
+            method = api.value.services[args.shift() as any]
+          }
+          method = method[args.shift() as any]
+        }
+        while (args.length)
+      } else {
+        method = typeof s === 'function' ? s : (props.guest ? api.value.services[s].staticIndex : api.value.services[s].index)
+      }
+      if (method != null) {
+        const { _data } = await method()
+        options.value = _data as any
+      }
     } catch (e: any) {
       alertError(e?._message || e?.message || 'Failed to fetch data')
     } finally {
@@ -105,7 +123,10 @@ const fetchData = async () => {
     }
   }
 }
-fetchData()
+
+onMounted(() => {
+  fetchData()
+})
 defineOptions({
   name: 'MOptions',
   inheritAttrs: !1

package/src/composable/useDtHelpers.ts

@@ -424,8 +424,8 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
   const resetDialogForm = useResetForm()
   const resetVeeForm = async (attrs?: Record<string, any>) => {
     const init: any = {}
-    for (const k in props.defaultItem) {
-      init[k] = attrs && k in attrs ? attrs[k] : props.defaultItem[k]
+    for (const k in defaultItem.value) {
+      init[k] = attrs && k in attrs ? attrs[k] : defaultItem.value[k]
     }
     resetDialogForm({ values: init || {} }, { force: !0 })
     attrs && setValues(attrs, !1)

package/src/composable/useMyth.ts

@@ -34,15 +34,14 @@ export const useMyth = () => {
     number = parseInt(number.toString())
     route = route || $route
     const defaultValue = ''
-    // Not is route
+    // Not route
     // No page title
     if (!route) {
       return defaultValue
     }
 
-    const routePath = route?.path?.toString() || null
+    const routePath = route?.path?.toString()?.replace(/^\//, '').replace(/\//g, '.') || null
     const routeName = route?.name?.toString() || null
-
     // # Not is Route, No page title
     if (!routePath || !routeName) {
       return defaultValue
@@ -55,6 +54,7 @@ export const useMyth = () => {
     }
     const pluralize = Str.pascalCase(lodash.pluralize(lastRouteName))
     const singular = Str.pascalCase(lodash.singularize(lastRouteName))
+
     const keys = lodash.filter(lodash.uniq([
       `routes.${routeName}`,
       `routes.${routePath}`,
@@ -69,7 +69,7 @@ export const useMyth = () => {
       singular,
       lodash.snakeCase(singular)
     ]))
-
+    // console.log(keys)
     let str: string | null = null
     let k: string | any
 

package/src/types/components.d.ts

@@ -546,10 +546,14 @@ export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'opt
    * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle & QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
    */
   options?: MOptionsOptionContext[];
+  /**
+   * Uset auto static index myth api helpers.
+   */
+  guest?: boolean | undefined;
   /**
    * Get options by function. any send the current value to this function to get options.
    */
-  service?: ((value?: any) => Promise<ApiInterface>) | undefined;
+  service?: ((value?: any) => Promise<ApiInterface>) | string;
   /**
    * Service loading.
    */

package/src/utils/createMyth.ts

@@ -15,7 +15,7 @@ export const createMyth = (options: InstallOptions) => {
       size: 'md',
       rounded: !0,
       shadow: 2,
-      fluid: !0,
+      fluid: !1,
       buttons: {},
       inputs: {
         hideBottomSpace: !0,