@mythpe/quasar-ui-qui 0.2.7 → 0.2.8

package/package.json

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

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