@mythpe/quasar-ui-qui 0.4.80 → 0.4.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.4.80",
+  "version": "0.4.82",
   "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>

package/src/components/form/MPicker.vue

@@ -233,13 +233,13 @@ defineOptions({
       <template #control>
         <slot name="control">
           <div
-            v-if="!disable && !readonly && !viewMode && !!getPlaceholder && !value"
+            v-if="!disable && !readonly && !viewMode && !!getPlaceholder && (!value || value?.length === 0)"
             class="q-placeholder"
           >
             {{ getPlaceholder }}
           </div>
           <template v-else-if="viewMode && viewModeValue">
-            <div>{{ viewModeValue?.toString() }}</div>
+            <div>{{ viewModeValue?.toString?.() }}</div>
           </template>
           <template v-else>
             <div>
@@ -247,7 +247,7 @@ defineOptions({
                 {{ Object.values(value).join(rangeSeparator || pluginOptions.picker?.rangeSeparator || defSeparator) }}
               </template>
               <template v-else>
-                {{ value?.toString() }}
+                {{ value?.toString?.() }}
               </template>
             </div>
           </template>