@mythpe/quasar-ui-qui 0.1.62 → 0.1.64

package/package.json

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

package/src/components/form/MAvatarViewer.vue

@@ -139,14 +139,19 @@ const isFile = computed(() => {
   }
   return modelValue.value instanceof File && modelValue.value?.type.slice(0, 6) !== 'image/'
 })
-const getFileType = computed(() => (type: string) => {
+// const getFileType = computed(() => (type: string) => {
+//   if (modelValue.value instanceof File) {
+//     return modelValue.value?.type.slice(0, type.length) === type || modelValue.value?.type.slice(-1 * type.length) === type
+//   }
+//   return url.value?.slice(-1 * type.length) === type
+// })
+const isImage = computed(() => {
+  const type = 'image/'
   if (modelValue.value instanceof File) {
     return modelValue.value?.type.slice(0, type.length) === type || modelValue.value?.type.slice(-1 * type.length) === type
   }
-  return url.value?.slice(-1 * type.length) === type
+  return !1
 })
-const isImage = computed(() => getFileType.value('image/'))
-// const isPdf = computed(() => getFileType.value('pdf'))
 const isFileNotImage = computed(() => hasSrc.value && !isImage.value)
 const getAvatarText = computed<string | undefined>(() => props.avatarText ? props.avatarText.slice(0, 1).toUpperCase() : undefined)
 const loadingSrc = ref(!1)
@@ -269,7 +274,7 @@ defineOptions({
           <q-avatar
             v-else
             :color="errorMessage ? 'negative' : ((!isLoaded || !hasSrc || isFile || isFileNotImage) ? emptyColor : undefined)"
-            :icon="isFileNotImage ? 'o_description' : undefined"
+            :icon="isFileNotImage && !url ? 'o_description' : undefined"
             :rounded="rounded"
             :size="size"
             text-color="white"

package/src/components/form/MInput.vue

@@ -151,13 +151,6 @@ defineOptions({
       }"
       v-on="listeners"
     >
-      <template
-        v-for="(_,slot) in $slots as Readonly<QInputSlots>"
-        :key="slot"
-        #[slot]
-      >
-        <slot :name="slot" />
-      </template>
       <template
         v-if="viewMode"
         #control
@@ -173,6 +166,19 @@ defineOptions({
           </MInputFieldControl>
         </slot>
       </template>
+      <template
+        v-if="sar && !viewMode"
+        #append
+      >
+        <MSarCol />
+      </template>
+      <template
+        v-for="(_,slot) in $slots as Readonly<QInputSlots>"
+        :key="slot"
+        #[slot]
+      >
+        <slot :name="slot" />
+      </template>
     </component>
     <slot
       name="help"