@mythpe/quasar-ui-qui 0.2.3 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "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/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/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,23 @@ 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) => {
+      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)
+      }
+      return i[props.optionLabel]
+    }
+  }
+  return props.viewModeValue || value.value
+})
 defineExpose<typeof scopes & {
   input: typeof input,
   onDoneOptions: typeof onDoneOptions
@@ -334,7 +351,7 @@ defineOptions({
       >
         <slot name="control">
           <MInputFieldControl>
-            {{ viewModeValue ?? value }}
+            {{ getViewModeValue ?? viewModeValue ?? value }}
           </MInputFieldControl>
         </slot>
       </template>