@mythpe/quasar-ui-qui 0.1.0 → 0.1.2

package/package.json

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

package/src/components/datatable/MDtContextmenuItems.vue

@@ -31,7 +31,10 @@ const props = withDefaults(defineProps<Props>(), {
 })
 const itemMode = computed(() => props.displayMode === 'item')
 const { __ } = useMyth()
-defineOptions({ name: 'MDtContextmenuItems', inheritAttrs: !1 })
+defineOptions({
+  name: 'MDtContextmenuItems',
+  inheritAttrs: !1
+})
 </script>
 
 <template>
@@ -43,12 +46,13 @@ defineOptions({ name: 'MDtContextmenuItems', inheritAttrs: !1 })
       <MDtBtn
         v-if="typeof m.showIf === 'function' ? m.showIf(item,index) : m.showIf"
         :[m.name]="!0"
-        :label="itemMode && m.label === undefined ? __(m.tooltip || m.attr?.label || m.attr?.tooltip ||m.name) : (m.label !== undefined ? __(m.label || m.name) :
+        :label="itemMode && m.label === undefined ? __(m.tooltip || m.attr?.label || m.attr?.tooltip || m.name) : (m.label !== undefined ?
+          __(m.label || m.name) :
           undefined)"
         :list-item="itemMode"
-        :tooltip="m.tooltip !== undefined ? m.tooltip : (m.label === undefined ? m.name : undefined)"
-        flat
+        :tooltip="m.tooltip !== undefined ? m.tooltip : (m.label === undefined ? `labels.${m.name}` : undefined)"
         dense
+        flat
         v-bind="m.attr"
         @click="m.click ? m.click(item,index) : undefined"
       />

package/src/components/form/MAvatarViewer.vue

@@ -288,7 +288,7 @@ defineOptions({
             :color="!hasSrc ? 'positive' : 'secondary'"
             :disable="!isLoaded && !!url"
             :icon="hasSrc ? 'ion-ios-close' : 'ion-ios-attach'"
-            :label="__( clearable && hasSrc ? 'remove' : ( !clearable && hasSrc ? 'change' : 'choose') )"
+            :label="__( 'labels.' . ( clearable && hasSrc ? 'remove' : ( !clearable && hasSrc ? 'change' : 'choose') ) )"
             :loading="loadingSrc"
             @click="onClick"
           />

package/src/components/form/MCkeditor.vue

@@ -140,12 +140,12 @@ const getConfig = computed<any>(() => {
       content: props.lang as string,
       textPartLanguage: [
         {
-          title: __('ar'),
+          title: __('labels.ar'),
           languageCode: 'ar',
           textDirection: 'rtl'
         },
         {
-          title: __('en'),
+          title: __('labels.en'),
           languageCode: 'en',
           textDirection: 'ltr'
         }

package/src/components/form/MPicker.vue

@@ -244,13 +244,13 @@ defineOptions({
                   <div class="row items-center justify-end">
                     <MBtn
                       v-close-popup
-                      :label="__('close')"
+                      :label="__('labels.close')"
                       color="negative"
                       flat
                     />
                     <MBtn
                       v-close-popup
-                      :label="__('save')"
+                      :label="__('labels.save')"
                       flat
                       @click="saveDialog()"
                     />
@@ -272,13 +272,13 @@ defineOptions({
                 <div class="row items-center justify-end">
                   <MBtn
                     v-close-popup
-                    :label="__('close')"
+                    :label="__('labels.close')"
                     color="negative"
                     flat
                   />
                   <MBtn
                     v-close-popup
-                    :label="__('save')"
+                    :label="__('labels.save')"
                     flat
                     @click="saveDialog()"
                   />

package/src/components/form/MSelect.vue

@@ -304,7 +304,7 @@ defineOptions({
         <MContainer>
           <MRow class="items-center">
             <MBtn
-              :label="__('done')"
+              :label="__('labels.done')"
               flat
               @click="onDoneOptions()"
             />
@@ -319,8 +319,8 @@ defineOptions({
       >
         <slot
           :items="getOptions"
-          :value="value"
           :name="slot"
+          :value="value"
           v-bind="inputSlot || {}"
         />
       </template>

package/src/components/form/MToggle.vue

@@ -101,12 +101,12 @@ const getLabel = computed<string | undefined>(() => {
   const def = undefined
   const v = value.value
   if (v === props.trueValue) {
-    return __(props.status ? 'active' : props.activeLabel) as string || def
+    return __(`labels.${props.status ? 'active' : props.activeLabel}`) as string || def
   }
   if (v === props.falseValue) {
-    return __(props.status ? 'inactive' : props.inactiveLabel) as string || def
+    return __(`labels.${props.status ? 'inactive' : props.inactiveLabel}`) as string || def
   }
-  return __('none') as string || def
+  return __('labels.none') as string || def
 })
 
 const input = useTemplateRef<InstanceType<typeof QToggle>>('input')