@mythpe/quasar-ui-qui 0.2.7 → 0.2.9

package/package.json

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

package/src/components/form/MPicker.vue

@@ -50,6 +50,8 @@ interface P {
   fieldOptions?: Props['fieldOptions'];
   locale?: Props['locale'];
   noDefaultLocale?: boolean;
+  prependIcon?: Props['prependIcon'];
+  prependIconProps?: Props['prependIconProps'];
 }
 
 type ModelType = Props['modelValue']
@@ -82,7 +84,9 @@ const props = withDefaults(defineProps<P>(), {
   disable: undefined,
   fieldOptions: undefined,
   locale: undefined,
-  noDefaultLocale: !1
+  noDefaultLocale: !1,
+  prependIcon: undefined,
+  prependIconProps: undefined
 })
 
 defineModel<ModelType>({ required: !1, default: undefined })
@@ -243,6 +247,15 @@ defineOptions({
           </template>
         </slot>
       </template>
+      <template
+        v-if="!!prependIcon"
+        #prepend
+      >
+        <q-icon
+          :name="prependIcon"
+          v-bind="prependIconProps"
+        />
+      </template>
       <template #append>
         <q-btn
           v-if="!disable && !readonly && !viewMode"
@@ -328,7 +341,6 @@ defineOptions({
           </q-popup-proxy>
         </q-btn>
       </template>
-
       <template
         v-for="(_,slot) in $slots as Readonly<QFieldSlots>"
         :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
@@ -433,6 +437,8 @@ export interface MPickerProps extends BaseInputsProps, Omit<QDateProps, 'modelVa
    * Only work for 'date' type.
    */
   noDefaultLocale?: boolean;
+  prependIcon?: string;
+  prependIconProps?: Partial<QIconProps>;
 }
 
 export type MPickerSlots = MInputSlots