@mythpe/quasar-ui-qui 0.1.77 → 0.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",
@@ -14,8 +14,8 @@
   "main": "src/index.common.js",
   "types": "types.d.ts",
   "scripts": {
-    "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
-    "lint:fix": "eslint --fix -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
+    "lint": "eslint ./src --ext .js,.ts,.vue ./",
+    "lint:fix": "eslint --fix --ext .js,.ts,.vue ./src",
     "dev": "cd ../dev && yarn dev && cd ..",
     "dev:umd": "yarn build && node build/script.open-umd.js",
     "dev:ssr": "cd ../dev && yarn 'dev:ssr' && cd ..",
@@ -33,7 +33,6 @@
     "axios": "^1.9.0",
     "ckeditor5": "^45.0.0",
     "lodash": "4.17.21",
-    "@types/lodash": "4.14.191",
     "lodash-inflection": "^1.5.0",
     "qs": "^6.14.0",
     "typed.js": "^2.1.0",
@@ -51,43 +50,42 @@
     "@intlify/unplugin-vue-i18n": "^4.0.0",
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@quasar/app-vite": "^2.2.0",
-    "@quasar/app-webpack": "^4.2.0",
+    "@quasar/app-webpack": "^3.15.1",
     "@quasar/cli": "^2.5.0",
     "@quasar/extras": "^1.16.17",
     "@rollup/plugin-buble": "^1.0.3",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@types/express": "4.17.17",
-    "@types/node": "^20.5.9",
-    "@typescript-eslint/eslint-plugin": "^8.32.0",
-    "@typescript-eslint/parser": "^8.32.0",
-    "@vue/eslint-config-typescript": "^14.4.0",
-    "autoprefixer": "^10.4.2",
-    "chalk": "^5.4.1",
-    "core-js": "^3.42.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-replace": "^6.0.1",
+    "@types/express": "^5.0.0",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^22.10.1",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
+    "autoprefixer": "^10.4.20",
+    "chalk": "^5.3.0",
+    "core-js": "^3.39.0",
     "cssnano": "^7.0.6",
-    "eslint": "^9.14.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-n": "^17.17.0",
-    "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-vue": "^9.30.0",
-    "fs-extra": "^11.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.19.1",
+    "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-vue": "^9.0.0",
+    "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",
-    "open": "^10.1.2",
-    "postcss": "^8.5.3",
     "pusher-js": "^8.4.0",
-    "quasar": "^2.18.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.40.2",
+    "rollup": "^4.27.4",
     "rtlcss": "^4.3.0",
     "sass": "^1.87.0",
     "typescript": "~5.5.3",
     "uglify-js": "^3.19.3",
-    "vite-plugin-checker": "^0.9.0",
-    "vite-plugin-commonjs": "^0.10.4",
+    "vite-plugin-checker": "^0.8.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.1",
     "vue-tsc": "^2.0.29",

package/src/components/datatable/MDatatable.vue

@@ -15,7 +15,7 @@ import type { InvalidSubmissionHandler, SubmissionHandler } from 'vee-validate'
 import { useForm } from 'vee-validate'
 import { computed, onMounted, ref, toValue, watch } from 'vue'
 import { is as quasarHelpers, QCardSection, QTable, useQuasar } from 'quasar'
-import lodash from 'lodash'
+import { isArray } from 'lodash'
 import { useDtHelpers, useMyth } from '../../composable'
 import { useI18n } from 'vue-i18n'
 
@@ -1065,10 +1065,10 @@ defineExpose({
                       }}</span>
                       <span v-else-if="typeof filterValue === 'string'">: {{ filterValue }}</span>
                       <span
-                        v-else-if="lodash.isArray(filterValue) && !quasarHelpers.object(filterValue[0])"
+                        v-else-if="isArray(filterValue) && !quasarHelpers.object(filterValue[0])"
                       >: {{ filterValue.join(', ') }}</span>
                       <span
-                        v-else-if="lodash.isArray(filterValue) && quasarHelpers.object(filterValue[0])"
+                        v-else-if="isArray(filterValue) && quasarHelpers.object(filterValue[0])"
                       >: {{ filterValue.map(e => e.label).join(', ') }}</span>
                       <span
                         v-else-if="quasarHelpers.object(filterValue) && filterValue.label"

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 lodash from 'lodash'
+import { isArray, isObject, isFunction, isPlainObject } 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 (lodash.isArray(params)) {
+      if (isArray(params)) {
         v = [...params]
-      } else if (lodash.isObject(params) && typeof params !== 'function') {
+      } else if (isObject(params) && typeof params !== 'function') {
         let e
         for (const k in params) {
           e = params[k]
           v.push(`${k}=${e}`)
         }
-      } else if (lodash.isFunction(params)) {
+      } else if (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 (lodash.isArray(TempFilter[fKey])) {
+        if (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 (lodash.isPlainObject(TempFilter[fKey])) {
+        } else if (isPlainObject(TempFilter[fKey])) {
           if (TempFilter[fKey].id) {
             TempFilter[fKey] = TempFilter[fKey].id
           } else if (TempFilter[fKey].value) {
@@ -338,6 +338,7 @@ 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 || [])]
@@ -390,6 +391,7 @@ 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)
@@ -428,6 +430,7 @@ 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 = () => {
@@ -501,7 +504,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>) => {
       })
       .catch((e: any) => {
         const message = e?._message || e?.message
-        message && alertError(message)
+        if (message) alertError(message)
       })
       .finally(() => (loading.value = !1))
   }

package/src/composable/useMyth.ts

@@ -6,7 +6,7 @@
  * Github: https://github.com/mythpe
  */
 
-import lodash from 'lodash'
+import { camelCase, filter, isString, pascalCase, pluralize, singularize, snakeCase, startsWith, uniq, uniqBy } 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(lodash.pluralize(lastRouteName))
-    const singular = Str.pascalCase(lodash.singularize(lastRouteName))
+    const __pluralize = Str.pascalCase(pluralize(lastRouteName))
+    const singular = Str.pascalCase(singularize(lastRouteName))
 
-    const keys = lodash.filter(lodash.uniq([
+    const keys = filter(uniq([
       `routes.${routeName}`,
       `routes.${routePath}`,
       `${lastRouteName}Page.title`,
-      `${lodash.camelCase(lastRouteName)}Page.title`,
-      `choice.${pluralize}`,
+      `${camelCase(lastRouteName)}Page.title`,
+      `choice.${__pluralize}`,
       `choice.${singular}`,
       `replace.${lastRouteName}_details`,
       `replace.${lastRouteName}`,
-      pluralize,
-      lodash.snakeCase(pluralize),
+      __pluralize,
+      snakeCase(__pluralize),
       singular,
-      lodash.snakeCase(singular)
+      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) && lodash.isString(t(k))) {
-        if (lodash.startsWith(k, 'choice.')) {
+      if (te && te(k) && isString(t(k))) {
+        if (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 = lodash.pluralize(lodash.pascalCase(model))
+            const pluralizeModel = pluralize(pascalCase(model))
             const _modelChoiceKey = `choice.${pluralizeModel}`
             if (te(_modelChoiceKey)) {
               const l = t(_modelChoiceKey, number as any)
-              const rep = lodash.singularize(n[n.length - 1]).toLocaleLowerCase()
+              const rep = 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(lodash.pluralize(parents[parents.length - 2]))}`
+            const e = `choice.${Str.pascalCase(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.${lodash.snakeCase(item.label)}`))) {
+        } else if (te((k = `attributes.${snakeCase(item.label)}`))) {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           item.label = t(k)
-        } else if (te((k = `attributes.${lodash.camelCase(item.label)}`))) {
+        } else if (te((k = `attributes.${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.${lodash.pluralize(Str.pascalCase(item.label))}`))) {
+        } else if (te((k = `choice.${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 lodash.uniqBy(result, (e: MDtColumn) => e.name)
+    return 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 * as lodash from 'lodash'
+import { find, isArray, isPlainObject } 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 (lodash.isArray(value) && value.length < 1) {
+          if (isArray(value) && value.length < 1) {
             formData.append(`${key}`, '')
           } else {
             this.appendArray(formData, value, k)
@@ -91,6 +91,7 @@ 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)
       },
@@ -106,12 +107,14 @@ 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)
       },
@@ -143,7 +146,7 @@ export const Helpers = {
     parent?: UrlType
   ): string => ((parent ?? '') + (parent && group ? '/' : '')) + (group ?? '') + ((group && segments ? '/' : '') + (segments ?? '')),
   findBy (search: any, value: any, column: string | number = 'id') {
-    return lodash.find(search, (e: any) => lodash.isPlainObject(e) ? e[column] === value : e === value)
+    return find(search, (e: any) => 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 lodash from 'lodash'
+import { camelCase, flow, mixin, pascalCase, pluralize, singularize, upperFirst } 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 (!lodash.pascalCase) {
-      lodash.mixin({ pascalCase: lodash.flow(lodash.camelCase, lodash.upperFirst) })
+    if (!pascalCase) {
+      mixin({ pascalCase: flow(camelCase, upperFirst) })
     }
-    return lodash.pascalCase(string)
+    return pascalCase(string)
   },
   pluralize (string?: string): string {
-    return lodash.pluralize?.(string)
+    return pluralize?.(string)
   },
   singular (string?: string): string {
-    return lodash.singularize(string)
+    return 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 lodash from 'lodash'
+import { isNumber } from 'lodash'
 import { patterns } from 'quasar'
 
 const { testPattern } = patterns
@@ -16,7 +16,7 @@ export const veeRules = {
     if (v === undefined || v === null) {
       return !0
     }
-    return lodash.isNumber(parseInt(v)) && !isNaN(parseInt(v)) &&
+    return isNumber(parseInt(v)) && !isNaN(parseInt(v)) &&
       v?.toString().split('.')?.length <= 2 &&
       (/(\d)+/g.test(v) && !/[a-zA-Z]/.test(v))
   },