@mythpe/quasar-ui-qui 0.1.50 → 0.1.52

package/package.json

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

package/src/types/components.d.ts

@@ -518,7 +518,7 @@ export type MFormSlots = {
 
 export declare type GenericFormValues = Record<any, any>;
 
-export type MOptionsOptionContext = Omit<QToggleProps, 'modelValue'> & Omit<QRadioProps, 'modelValue'> & Omit<QCheckboxProps, 'modelValue'> & {
+export interface MOptionsOptionContext extends Omit<QToggleProps, 'modelValue'>, Omit<QRadioProps, 'modelValue'>, Omit<QCheckboxProps, 'modelValue'> {
   /**
    * Label to display along the component
    */
@@ -531,9 +531,11 @@ export type MOptionsOptionContext = Omit<QToggleProps, 'modelValue'> & Omit<QRad
    * If true, the option will be disabled
    */
   disable?: boolean;
+
   /**
    * Any other props from QToggle & QCheckbox, or QRadio
    */
+  [key: string]: any;
 }
 
 export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'options'> &

package/src/utils/Helpers.ts

@@ -226,7 +226,7 @@ export const Helpers = {
       }
     })
   },
-  async scrollToElement (el: Element | HTMLElement | string, opt?: { target?: HTMLElement | string, duration?: number; }) {
+  async scrollToElement (el: Element | HTMLElement | string, opt?: { target?: HTMLElement | string, duration?: number; offset?: number; }) {
     await nextTick()
     const { getScrollTarget, setVerticalScrollPosition, getVerticalScrollPosition } = scroll
     const scrollTo = typeof el === 'string' ? document.querySelector(el) as HTMLElement : el
@@ -237,26 +237,12 @@ export const Helpers = {
     const { target: t } = opt || {}
     const targetSelector = typeof t === 'string' ? document.querySelector(t) as HTMLElement : t
     const target = getScrollTarget(scrollTo, targetSelector || window.document.documentElement)
-    // console.log(targetSelector, target)
-    // let offset = 0
-    // try {
-    //   let parent = scrollTo
-    //   do {
-    //     // console.log(parent.getBoundingClientRect().top)
-    //     offset += parent?.offsetTop || 0
-    //     parent = parent.offsetParent as HTMLElement
-    //   } while (parent?.offsetParent)
-    // } catch (e) {
-    //   offset = scrollTo?.offsetTop || 0
-    // }
-    // offset = scrollTo.getBoundingClientRect().top
     const current = getVerticalScrollPosition(target)
-    // console.log(current, target)
-    // const offset = scrollTo.getBoundingClientRect().top
     const duration = opt?.duration || 1000
 
     let offset = 0
     let parent = scrollTo
+
     try {
       do {
         offset = parent.getBoundingClientRect().top
@@ -272,21 +258,9 @@ export const Helpers = {
       console.log(e)
       offset = 'offsetTop' in scrollTo ? scrollTo?.offsetTop as number || 0 : 0
     }
-    // console.log(offset, parent, current)
-    // const position = offset
-    // if (offset > current) {
-    //   position = (current - offset) + current
-    // } else if (offset < current) {
-    //   position = current + offset
-    // }
-    // console.log({
-    //   target,
-    //   scrollTo,
-    //   position,
-    //   offset,
-    //   current
-    // })
-    setVerticalScrollPosition(target, (offset + current) - 100, duration)
+
+    const _offset = (offset + current) - (100 + (opt?.offset || 0))
+    setVerticalScrollPosition(target, _offset, duration)
   },
   async scrollToElementFromErrors (errors?: Partial<Record<string, string[] | string | null | undefined>>, elm?: any, target?: any) {
     if (!errors) {
@@ -329,20 +303,22 @@ export const Helpers = {
     }
     return `//${path}`
   },
-  toFixedFormatted (value: any) {
+  toFixedFormatted (value: any, prefix?: string) {
+    value = value || '0.00'
     if (value) {
       const text: string = value?.toString() || ''
+      const def = prefix ? (value + ` ${prefix}`) : value
       if (!text) {
-        return value
+        return def
       }
       const after: string = (text.split?.('.')[1] || '')?.toString() || ''
       if (!after) {
-        return value
+        return def
       }
       if (after?.length === 1) {
-        return `${value}0`
+        value = `${value}0`
       }
-      return value?.toString()
+      return value?.toString() + (prefix ? ` ${prefix}` : '')
     }
     return value
   },