@mythpe/quasar-ui-qui 0.2.3 → 0.2.4

package/package.json

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

package/src/components/form/MAvatarViewer.vue

@@ -84,7 +84,7 @@ const props = withDefaults(defineProps<P>(), {
   rules: () => ({}),
   contentClass: 'items-center',
   emptyColor: 'grey-2',
-  btnLabel: 'choose_file'
+  btnLabel: 'pick'
 })
 type Emits = {
   (e: 'click', evt?: Event): void;

package/src/components/form/MSelect.vue

@@ -78,25 +78,25 @@ const props = withDefaults(defineProps<P>(), {
   stackLabel: undefined,
   required: undefined,
   rules: undefined,
-  viewMode: () => !1,
+  viewMode: !1,
   viewModeValue: undefined,
   autocomplete: undefined,
   topLabel: undefined,
   behavior: undefined,
-  emitValue: () => !0,
-  useInput: () => !0,
-  mapOptions: () => !0,
+  emitValue: !0,
+  useInput: !0,
+  mapOptions: !0,
   loading: undefined,
   noLoading: !1,
   multiple: undefined,
   options: () => ([]),
-  optionLabel: () => 'label',
-  optionValue: () => 'value',
+  optionLabel: 'label',
+  optionValue: 'value',
   noFilter: undefined,
   hideEmptyList: undefined,
   readonly: undefined,
   useChips: undefined,
-  searchLength: () => 1,
+  searchLength: 1,
   axiosMode: undefined,
   hideSelected: undefined,
   onFilter: undefined,
@@ -169,6 +169,18 @@ const listeners = {
 }
 const input = useTemplateRef<InstanceType<typeof QSelect> | InstanceType<typeof QField>>('input')
 const scopes = reactive(inputScope)
+const getViewModeValue = computed(() => {
+  if (props.viewModeValue === undefined) {
+    const i = getOptions.value.find(e => e.value === value.value)
+    if (i) {
+      if (typeof props.optionLabel === 'function') {
+        return props.optionLabel(i)
+      }
+      return i[props.optionLabel]
+    }
+  }
+  return props.viewModeValue || value.value
+})
 defineExpose<typeof scopes & {
   input: typeof input,
   onDoneOptions: typeof onDoneOptions
@@ -334,7 +346,7 @@ defineOptions({
       >
         <slot name="control">
           <MInputFieldControl>
-            {{ viewModeValue ?? value }}
+            {{ getViewModeValue ?? viewModeValue ?? value }}
           </MInputFieldControl>
         </slot>
       </template>