@mythpe/quasar-ui-qui 0.1.79 → 0.1.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.1.79",
+  "version": "0.1.81",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",
@@ -12,7 +12,7 @@
   "type": "module",
   "module": "src/index.esm.js",
   "main": "src/index.common.js",
-  "types": "types.d.ts",
+  "types": "./types.d.ts",
   "scripts": {
     "lint": "eslint ./src --ext .js,.ts,.vue ./",
     "lint:fix": "eslint --fix --ext .js,.ts,.vue ./src",
@@ -28,31 +28,21 @@
   },
   "dependencies": {
     "@ckeditor/ckeditor5-vue": "^7.3.0",
-    "@vee-validate/i18n": "^4.15.0",
-    "@vee-validate/rules": "^4.15.0",
-    "axios": "^1.9.0",
-    "ckeditor5": "^45.0.0",
-    "lodash": "4.17.21",
+    "@vee-validate/i18n": "^4.14.7",
+    "@vee-validate/rules": "^4.14.7",
+    "axios": "^1.7.8",
+    "ckeditor5": "^43.3.1",
+    "lodash": "^4.17.21",
     "lodash-inflection": "^1.5.0",
-    "qs": "^6.14.0",
+    "qs": "^6.13.1",
     "typed.js": "^2.1.0",
-    "vee-validate": "^4.15.0",
-    "vue-i18n": "^11.1.3",
+    "vee-validate": "^4.14.7",
+    "vue-i18n": "^11.0.0-beta.2",
     "vue3-signature": "^0.2.4"
   },
   "devDependencies": {
-    "@capacitor/app": "^7.0.1",
-    "@capacitor/cli": "^7.2.0",
-    "@capacitor/core": "^7.2.0",
-    "@capacitor/push-notifications": "^7.0.1",
-    "@capacitor/splash-screen": "^7.0.1",
-    "@eslint/js": "^9.14.0",
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@originjs/vite-plugin-commonjs": "^1.0.3",
-    "@quasar/app-vite": "^2.2.0",
     "@quasar/app-webpack": "^3.15.1",
-    "@quasar/cli": "^2.5.0",
-    "@quasar/extras": "^1.16.17",
+    "@quasar/extras": "^1.16.13",
     "@rollup/plugin-buble": "^1.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
@@ -75,27 +65,17 @@
     "fs-extra": "^11.2.0",
     "open": "^10.1.0",
     "postcss": "^8.4.49",
-    "quasar": "^2.17.0",
-    "globals": "^15.12.0",
-    "laravel-echo": "^2.0.2",
-    "pusher-js": "^8.4.0",
+    "quasar": "^2.17.4",
     "rimraf": "^6.0.1",
     "rollup": "^4.27.4",
     "rtlcss": "^4.3.0",
-    "sass": "^1.87.0",
+    "sass": "^1.81.0",
     "typescript": "~5.5.3",
     "uglify-js": "^3.19.3",
     "vite-plugin-checker": "^0.8.0",
     "vue": "^3.5.13",
-    "vue-router": "^4.5.1",
-    "vue-tsc": "^2.0.29",
-    "workbox-build": "^7.0.0",
-    "workbox-cacheable-response": "^7.0.0",
-    "workbox-core": "^7.0.0",
-    "workbox-expiration": "^7.0.0",
-    "workbox-precaching": "^7.0.0",
-    "workbox-routing": "^7.0.0",
-    "workbox-strategies": "^7.0.0",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.1.10",
     "zlib": "^1.0.5"
   },
   "browserslist": [
@@ -109,7 +89,7 @@
     "last 4 iOS versions"
   ],
   "engines": {
-    "node": "^28 || ^26 || ^24 || ^22 || ^20 || ^18",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/src/composable/useDtHelpers.ts

@@ -18,7 +18,7 @@ import type {
 import { useI18n } from 'vue-i18n'
 import { useMyth } from './useMyth'
 import { useQuasar } from 'quasar'
-import { isArray, isObject, isFunction, isPlainObject } from 'lodash'
+import lodash from 'lodash'
 import { useRoute, useRouter } from 'vue-router'
 import type { AxiosRequestConfig } from 'axios'
 import { useResetForm, useSetFormValues } from 'vee-validate'
@@ -244,15 +244,15 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
         v = params.split(',')
       }
 
-      if (isArray(params)) {
+      if (lodash.isArray(params)) {
         v = [...params]
-      } else if (isObject(params) && typeof params !== 'function') {
+      } else if (lodash.isObject(params) && typeof params !== 'function') {
         let e
         for (const k in params) {
           e = params[k]
           v.push(`${k}=${e}`)
         }
-      } else if (isFunction(params)) {
+      } else if (lodash.isFunction(params)) {
         const f = params()
         v = typeof f === 'string' ? f.split(',') : f
       }
@@ -277,7 +277,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
     if (Object.keys(filterForm.value).length > 0) {
       const TempFilter = { ...filterForm.value } as any
       for (const fKey in TempFilter) {
-        if (isArray(TempFilter[fKey])) {
+        if (lodash.isArray(TempFilter[fKey])) {
           TempFilter[fKey] = TempFilter[fKey].map((elm: any) => {
             if (elm.id) {
               return elm.id
@@ -286,7 +286,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
             }
             return elm
           })
-        } else if (isPlainObject(TempFilter[fKey])) {
+        } else if (lodash.isPlainObject(TempFilter[fKey])) {
           if (TempFilter[fKey].id) {
             TempFilter[fKey] = TempFilter[fKey].id
           } else if (TempFilter[fKey].value) {
@@ -338,7 +338,6 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
             sortBy: opts?.pagination?.sortBy || undefined,
             descending: opts?.pagination?.descending || undefined
           }
-          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
           _meta && (meta.value = _meta)
           if (props.endReach) {
             getRows.value = [...getRows.value, ...(_data || [])]
@@ -391,7 +390,6 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
       getMythApiServicesSchema().export(data, config)
         .then(async (response) => {
           const { _message } = response || {}
-          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
           _message && (alertSuccess(_message))
           try {
             await downloadFromResponse(response)
@@ -430,7 +428,6 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
       init[k] = attrs && k in attrs ? attrs[k] : defaultItem.value[k]
     }
     resetDialogForm({ values: init || {} }, { force: !0 })
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     attrs && setValues(attrs, !1)
   }
   const openFilterDialog = () => {
@@ -504,7 +501,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
       })
       .catch((e: any) => {
         const message = e?._message || e?.message
-        if (message) alertError(message)
+        message && alertError(message)
       })
       .finally(() => (loading.value = !1))
   }

package/src/composable/useMyth.ts

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import { camelCase, filter, isString, pascalCase, pluralize, singularize, snakeCase, startsWith, uniq, uniqBy } from 'lodash'
+import lodash from 'lodash'
 import { useI18n } from 'vue-i18n'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 import { useRoute } from 'vue-router'
@@ -52,22 +52,22 @@ export const useMyth = () => {
       const s = routeName.split('.')
       lastRouteName = s[s.length - 2] ?? lastRouteName
     }
-    const __pluralize = Str.pascalCase(pluralize(lastRouteName))
-    const singular = Str.pascalCase(singularize(lastRouteName))
+    const pluralize = Str.pascalCase(lodash.pluralize(lastRouteName))
+    const singular = Str.pascalCase(lodash.singularize(lastRouteName))
 
-    const keys = filter(uniq([
+    const keys = lodash.filter(lodash.uniq([
       `routes.${routeName}`,
       `routes.${routePath}`,
       `${lastRouteName}Page.title`,
-      `${camelCase(lastRouteName)}Page.title`,
-      `choice.${__pluralize}`,
+      `${lodash.camelCase(lastRouteName)}Page.title`,
+      `choice.${pluralize}`,
       `choice.${singular}`,
       `replace.${lastRouteName}_details`,
       `replace.${lastRouteName}`,
-      __pluralize,
-      snakeCase(__pluralize),
+      pluralize,
+      lodash.snakeCase(pluralize),
       singular,
-      snakeCase(singular)
+      lodash.snakeCase(singular)
     ]))
     // console.log(keys)
     let str: string | null = null
@@ -77,17 +77,17 @@ export const useMyth = () => {
       if (!(k = keys[f])) {
         continue
       }
-      if (te && te(k) && isString(t(k))) {
-        if (startsWith(k, 'choice.')) {
+      if (te && te(k) && lodash.isString(t(k))) {
+        if (lodash.startsWith(k, 'choice.')) {
           const s = k.split('.')
           const n = routeName.split('.')
           if (s.length === 2 && n.length > 1) {
             const model = n[n.length - 2]
-            const pluralizeModel = pluralize(pascalCase(model))
+            const pluralizeModel = lodash.pluralize(lodash.pascalCase(model))
             const _modelChoiceKey = `choice.${pluralizeModel}`
             if (te(_modelChoiceKey)) {
               const l = t(_modelChoiceKey, number as any)
-              const rep = singularize(n[n.length - 1]).toLocaleLowerCase()
+              const rep = lodash.singularize(n[n.length - 1]).toLocaleLowerCase()
               const e = `replace.${rep}`
               str = te(e) ? t(e, { name: l }) : null
             } else {
@@ -101,7 +101,7 @@ export const useMyth = () => {
         } else {
           const parents: string[] = routeName.split('.')
           if (parents.length > 1) {
-            const e = `choice.${Str.pascalCase(pluralize(parents[parents.length - 2]))}`
+            const e = `choice.${Str.pascalCase(lodash.pluralize(parents[parents.length - 2]))}`
             if (te(e)) {
               str = t(k, { name: t(e, '1') })
             } else {
@@ -165,11 +165,11 @@ export const useMyth = () => {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k)
-        } else if (te((k = `attributes.${snakeCase(item.label)}`))) {
+        } else if (te((k = `attributes.${lodash.snakeCase(item.label)}`))) {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k)
-        } else if (te((k = `attributes.${camelCase(item.label)}`))) {
+        } else if (te((k = `attributes.${lodash.camelCase(item.label)}`))) {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k)
@@ -177,7 +177,7 @@ export const useMyth = () => {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k)
-        } else if (te((k = `choice.${pluralize(Str.pascalCase(item.label))}`))) {
+        } else if (te((k = `choice.${lodash.pluralize(Str.pascalCase(item.label))}`))) {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k, 2)
@@ -215,7 +215,7 @@ export const useMyth = () => {
       }
       result.push(item)
     })
-    return uniqBy(result, (e: MDtColumn) => e.name)
+    return lodash.uniqBy(result, (e: MDtColumn) => e.name)
   }
   /**
    * Copy text

package/src/utils/Helpers.ts

@@ -8,7 +8,7 @@
 
 import type { AxiosInstance, AxiosRequestConfig } from 'axios'
 import type { ConfigType, DownloadFromResponse, DownloadFromResponseCode, HelpersStubSchema, ParamsType, UrlType } from '../types'
-import { find, isArray, isPlainObject } from 'lodash'
+import lodash from 'lodash'
 import { colors, openURL, scroll, setCssVar } from 'quasar'
 import { nextTick } from 'vue'
 
@@ -46,7 +46,7 @@ export const Helpers = {
         value = values[key]
         if (value !== null && value !== undefined && typeof value === 'object') {
           const k = name ? name + '[' + key + ']' : key
-          if (isArray(value) && value.length < 1) {
+          if (lodash.isArray(value) && value.length < 1) {
             formData.append(`${key}`, '')
           } else {
             this.appendArray(formData, value, k)
@@ -91,7 +91,6 @@ export const Helpers = {
       async store (data?: ParamsType, config?: AxiosRequestConfig) {
         const u = makeUrl()
         const formData = new FormData()
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         data && Helpers.appendArray(formData, data)
         return axios().post(u, formData, config)
       },
@@ -107,14 +106,12 @@ export const Helpers = {
         const u = makeUrl(id)
         const formData = new FormData()
         formData.append('_method', 'put')
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         data && Helpers.appendArray(formData, data)
         return axios().post(u, formData, config)
       },
       async clone (id: UrlType, data?: ParamsType, config?: AxiosRequestConfig) {
         const u = makeUrl(`${id}/Clone`)
         const formData = new FormData()
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         data && Helpers.appendArray(formData, data)
         return axios().post(u, formData, config)
       },
@@ -146,7 +143,7 @@ export const Helpers = {
     parent?: UrlType
   ): string => ((parent ?? '') + (parent && group ? '/' : '')) + (group ?? '') + ((group && segments ? '/' : '') + (segments ?? '')),
   findBy (search: any, value: any, column: string | number = 'id') {
-    return find(search, (e: any) => isPlainObject(e) ? e[column] === value : e === value)
+    return lodash.find(search, (e: any) => lodash.isPlainObject(e) ? e[column] === value : e === value)
   },
   // queryStringify: (v: never) => new URLSearchParams(qs.stringify(v, {
   //   arrayFormat: 'indices'

package/src/utils/Str.ts

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import { camelCase, flow, mixin, pascalCase, pluralize, singularize, upperFirst } from 'lodash'
+import lodash from 'lodash'
 
 export const Str = {
   /**
@@ -73,16 +73,16 @@ export const Str = {
     // return mobile && ((mobile.length === 10 && (c1 === '05' || parseInt(c1) === 5)) || (mobile.length === 9 && c2 === 5))
   },
   pascalCase (string?: string): string {
-    if (!pascalCase) {
-      mixin({ pascalCase: flow(camelCase, upperFirst) })
+    if (!lodash.pascalCase) {
+      lodash.mixin({ pascalCase: lodash.flow(lodash.camelCase, lodash.upperFirst) })
     }
-    return pascalCase(string)
+    return lodash.pascalCase(string)
   },
   pluralize (string?: string): string {
-    return pluralize?.(string)
+    return lodash.pluralize?.(string)
   },
   singular (string?: string): string {
-    return singularize(string)
+    return lodash.singularize(string)
   },
   flipChoice (data: Record<any, any>) {
     const f: Record<any, any> = {}

package/src/utils/vee-rules.ts

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import { isNumber } from 'lodash'
+import lodash from 'lodash'
 import { patterns } from 'quasar'
 
 const { testPattern } = patterns
@@ -16,7 +16,7 @@ export const veeRules = {
     if (v === undefined || v === null) {
       return !0
     }
-    return isNumber(parseInt(v)) && !isNaN(parseInt(v)) &&
+    return lodash.isNumber(parseInt(v)) && !isNaN(parseInt(v)) &&
       v?.toString().split('.')?.length <= 2 &&
       (/(\d)+/g.test(v) && !/[a-zA-Z]/.test(v))
   },

package/tsconfig.json

@@ -25,7 +25,7 @@
       "vite/client"
     ],
     "noImplicitAny": false,
-    "moduleResolution": "Bundler",
+    "moduleResolution": "node",
     "newLine": "lf"
   }
 }