@mythpe/quasar-ui-qui 0.4.81 → 0.4.83

package/package.json

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

package/src/components/form/MOptions.vue

@@ -193,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(', ') : '-'
   }
   const opt = options.value?.find((e) => {
     const k = props.optionValue === undefined ? 'value' : (typeof props.optionValue === 'function' ? props.optionValue(e) : props.optionValue)

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>