@mythpe/quasar-ui-qui 0.2.5 → 0.2.7

package/package.json

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

package/src/components/form/MInput.vue

@@ -41,7 +41,11 @@ interface P {
   mobile?: Props['mobile'];
   email?: Props['email'];
   float?: Props['float'];
-  sar?: boolean;
+  sar?: Props['sar'];
+  prependIcon?: Props['prependIcon'];
+  prependIconProps?: Props['prependIconProps'];
+  appendIcon?: Props['appendIcon'];
+  appendIconProps?: Props['appendIconProps'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -69,7 +73,11 @@ const props = withDefaults(defineProps<P>(), {
   mobile: undefined,
   email: undefined,
   float: undefined,
-  sar: !1
+  sar: !1,
+  prependIcon: undefined,
+  prependIconProps: undefined,
+  appendIcon: undefined,
+  appendIconProps: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const { __, props: pluginOptions } = useMyth()
@@ -151,6 +159,30 @@ defineOptions({
       }"
       v-on="listeners"
     >
+      <template
+        v-if="!!prependIcon"
+        #prepend
+      >
+        <q-icon
+          :name="prependIcon"
+          v-bind="prependIconProps"
+        />
+      </template>
+      <template
+        v-if="!!appendIcon"
+        #append
+      >
+        <q-icon
+          :name="appendIcon"
+          v-bind="appendIconProps"
+        />
+      </template>
+      <template
+        v-else-if="sar && !viewMode"
+        #append
+      >
+        <MSarCol />
+      </template>
       <template
         v-if="viewMode"
         #control
@@ -166,12 +198,7 @@ defineOptions({
           </MInputFieldControl>
         </slot>
       </template>
-      <template
-        v-if="sar && !viewMode"
-        #append
-      >
-        <MSarCol />
-      </template>
+
       <template
         v-for="(_,slot) in $slots as Readonly<QInputSlots>"
         :key="slot"

package/src/types/components.d.ts

@@ -17,7 +17,7 @@ import type {
   QEditorSlots,
   QFieldSlots,
   QFileProps,
-  QFileSlots,
+  QFileSlots, QIconProps,
   QInputProps,
   QInputSlots,
   QItemProps,
@@ -44,6 +44,7 @@ import type { MTransitionProps, MTransitionsSlots } from './api/MTransition'
 import type { MAxiosProps, MAxiosSlots } from './api/MAxios'
 import type { MSelectProps, MSelectSlots } from './api/MSelect'
 import type { MSignaturePadProps, MSignaturePadSlots } from './api/MSignaturePad'
+import Parials from '../components/parials'
 
 export type MBtnProps = QBtnProps & {
   ariaLabel?: boolean | string | null | undefined;
@@ -344,6 +345,10 @@ export type BaseInputsSlots = InputHelpSlots & {
 
 export interface MInputProps extends Omit<QInputProps, 'rules' | 'name' | 'modelValue' | 'label' | 'hint'>, BaseInputsProps {
   sar?: boolean;
+  prependIcon?: string;
+  prependIconProps?: Partial<QIconProps>;
+  appendIcon?: string;
+  appendIconProps?: Partial<QIconProps>;
 }
 
 export type MInputSlots = QInputSlots & QFieldSlots & BaseInputsSlots