@mythpe/quasar-ui-qui 0.4.98 → 0.4.99

package/package.json

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

package/src/boot/register.ts

@@ -10,5 +10,5 @@ import { boot } from 'quasar/wrappers'
 import { install } from '../utils'
 
 export default boot(({ app }) => {
-  app.use(install)
+  app.use(install, {} as any)
 })

package/src/components/sar/MSarIcon.vue

@@ -7,17 +7,9 @@
   -->
 
 <script lang="ts" setup>
-import type { QIconProps } from 'quasar'
-import { computed } from 'vue'
 
-type Props = QIconProps
-const noDefault = defineModel<boolean>('noDefault', { required: !1, default: !1 })
-const props = defineProps<Props>()
-const getSize = computed<any>(() => ({
-  size: noDefault.value ? props.size : (props.size || '100%')
-}))
 defineOptions({
-  name: 'MSarString',
+  name: 'MSarIcon',
   inheritAttrs: !1
 })
 </script>
@@ -25,20 +17,8 @@ defineOptions({
 <template>
   <q-icon
     class="m-sar-icon"
-    v-bind="Object.assign({},$props,$attrs,getSize)"
+    v-bind="{...$attrs, name: 'myth-sar'}"
   >
-    <slot name="default">
-      <svg
-        viewBox="0 0 1124.14 1256.39"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"
-        />
-        <path
-          d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"
-        />
-      </svg>
-    </slot>
+    <slot />
   </q-icon>
 </template>

package/src/icons/config.ts

@@ -0,0 +1,13 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2026 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+export const iconSet = 'myth-'
+export const icons = {
+  sar: 'M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z&&M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z|0 0 1124.14 1256.39'
+}
+export default {}

package/src/icons/index.ts

@@ -0,0 +1,10 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2026 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+export * from './config'
+export default {}

package/src/types/api/MSar.d.ts

@@ -9,7 +9,7 @@
 import type { VNode } from 'vue'
 import type { QIconProps } from 'quasar'
 
-export type MSarIconProps = Omit<QIconProps, 'name'> & Record<string, any>;
+export type MSarIconProps = Omit<QIconProps, 'name'>;
 
 export interface MSarIconSlots {
   default: () => VNode[]

package/src/utils/vue-plugin.ts

@@ -13,6 +13,8 @@ import { defineComponents } from '../plugin/defineComponents'
 
 import { createMyth, extendOptions } from './createMyth'
 import { MythKey } from './const'
+import { icons, iconSet } from '../icons'
+import { Str } from './Str'
 
 function install (app: App, options: InstallOptions) {
   const opts = extendOptions(options)
@@ -35,6 +37,20 @@ function install (app: App, options: InstallOptions) {
   // for (const routesKey in routes) {
   //   console.log(routesKey)
   // }
+  const otherIconMapFn = app.config.globalProperties.$q.iconMapFn
+  app.config.globalProperties.$q.iconMapFn = (iconName) => {
+    if (iconName.startsWith(iconSet)) {
+      const name = Str.camelCase(iconName.slice(iconSet.length))
+      if (Object.keys(icons).includes(name)) {
+        return {
+          icon: icons[name]
+        }
+      }
+    }
+    if (typeof otherIconMapFn === 'function') {
+      return otherIconMapFn(iconName)
+    }
+  }
 }
 
 export {