@mythpe/quasar-ui-qui 0.4.80 → 0.4.81

package/package.json

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

package/src/components/form/MOptions.vue

@@ -35,7 +35,7 @@ interface P {
   rules?: Props['rules'];
   viewMode?: Props['viewMode'];
   viewModeValue?: Props['viewModeValue'];
-  viewModeKey: Props['viewModeKey'];
+  viewModeKey?: Props['viewModeKey'];
   topLabel?: Props['topLabel'];
   color?: Props['color'];
   type?: Props['type'];
@@ -74,6 +74,7 @@ const props = withDefaults(defineProps<P>(), {
   rules: undefined,
   viewMode: !1,
   viewModeValue: undefined,
+  viewModeKey: undefined,
   topLabel: undefined,
   color: undefined,
   type: 'radio',
@@ -192,7 +193,7 @@ const customViewModeValue = computed(() => {
       const k = props.optionLabel === undefined ? 'label' : (typeof props.optionLabel === 'function' ? props.optionLabel(opt) : props.optionLabel)
       return opt[k]
     })
-    return opts.length ? opts.join(', ') : undefined
+    return opts?.length ? opts.join(', ') : undefined
   }
   const opt = options.value?.find((e) => {
     const k = props.optionValue === undefined ? 'value' : (typeof props.optionValue === 'function' ? props.optionValue(e) : props.optionValue)
@@ -300,11 +301,11 @@ defineOptions({
     >
       <template
         v-if="viewMode"
-        #control
+        #control="controlScope"
       >
         <slot name="control">
           <MInputFieldControl>
-            {{ customViewModeValue ?? value }}
+            {{ customViewModeValue ?? controlScope.modelValue }}
           </MInputFieldControl>
         </slot>
       </template>