@mythpe/quasar-ui-qui 0.2.6 → 0.2.8

package/package.json

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

package/src/components/form/MInput.vue

@@ -159,18 +159,30 @@ defineOptions({
       }"
       v-on="listeners"
     >
-      <template v-if="!!prependIcon">
+      <template
+        v-if="!!prependIcon"
+        #prepend
+      >
         <q-icon
           :name="prependIcon"
           v-bind="prependIconProps"
         />
       </template>
-      <template v-if="!!appendIcon">
+      <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
@@ -186,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/components/form/MSelect.vue

@@ -59,6 +59,10 @@ type P = {
   fieldOptions?: Props['fieldOptions'];
   clearable?: Props['clearable'];
   useChoice?: Props['useChoice'];
+  prependIcon?: Props['prependIcon'];
+  prependIconProps?: Props['prependIconProps'];
+  appendIcon?: Props['appendIcon'];
+  appendIconProps?: Props['appendIconProps'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -102,7 +106,11 @@ const props = withDefaults(defineProps<P>(), {
   onFilter: undefined,
   fieldOptions: undefined,
   clearable: undefined,
-  useChoice: undefined
+  useChoice: undefined,
+  prependIcon: undefined,
+  prependIconProps: undefined,
+  appendIcon: undefined,
+  appendIconProps: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 
@@ -264,6 +272,24 @@ 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-if="!hideEmptyList"
         #no-option
@@ -331,7 +357,6 @@ defineOptions({
           </MRow>
         </MContainer>
       </template>
-
       <template
         v-for="(_,slot) in $slots as Readonly<QSelectSlots>"
         :key="slot"
@@ -344,7 +369,6 @@ defineOptions({
           v-bind="inputSlot || {}"
         />
       </template>
-
       <template
         v-if="viewMode"
         #control

package/src/types/components.d.ts

@@ -316,6 +316,10 @@ export type BaseInputFormProps = {
    * choice key of auto placeholder.
    */
   useChoice?: boolean | string;
+  prependIcon?: string;
+  prependIconProps?: Partial<QIconProps>;
+  appendIcon?: string;
+  appendIconProps?: Partial<QIconProps>;
 }
 
 export type BaseInputsProps = ViewModeProps & InputHelpProps & Omit<MColProps, 'name'> & BaseInputFormProps