@mythpe/quasar-ui-qui 0.2.4 → 0.2.6

package/package.json

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

package/src/components/form/MEditor.vue

@@ -67,22 +67,6 @@ const _toolbar = [
         'size-7'
       ]
     },
-    {
-      label: $q.lang.editor.fontSize,
-      icon: $q.iconSet.editor.fontSize,
-      fixedLabel: true,
-      fixedIcon: true,
-      list: 'no-icons',
-      options: [
-        'size-1',
-        'size-2',
-        'size-3',
-        'size-4',
-        'size-5',
-        'size-6',
-        'size-7'
-      ]
-    },
     {
       label: $q.lang.editor.defaultFont,
       icon: $q.iconSet.editor.font,

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,18 @@ defineOptions({
       }"
       v-on="listeners"
     >
+      <template v-if="!!prependIcon">
+        <q-icon
+          :name="prependIcon"
+          v-bind="prependIconProps"
+        />
+      </template>
+      <template v-if="!!appendIcon">
+        <q-icon
+          :name="appendIcon"
+          v-bind="appendIconProps"
+        />
+      </template>
       <template
         v-if="viewMode"
         #control

package/src/components/form/MSelect.vue

@@ -171,7 +171,12 @@ const input = useTemplateRef<InstanceType<typeof QSelect> | InstanceType<typeof
 const scopes = reactive(inputScope)
 const getViewModeValue = computed(() => {
   if (props.viewModeValue === undefined) {
-    const i = getOptions.value.find(e => e.value === value.value)
+    const i = getOptions.value.find((e) => {
+      if (typeof props.optionValue === 'function') {
+        return e[props.optionValue(e)] === value.value
+      }
+      return e[props.optionValue] === value.value
+    })
     if (i) {
       if (typeof props.optionLabel === 'function') {
         return props.optionLabel(i)

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