@mythpe/quasar-ui-qui 0.2.8 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.8",
+  "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/types/components.d.ts

@@ -437,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