@mythpe/quasar-ui-qui 0.4.73 → 0.4.75

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -524,7 +524,6 @@ const showIfContext = (contextBtn: GenericMDtBtn): boolean => {
   if (!contextBtn.multiClick) {
     return !1
   }
-  // console.log(typeof contextBtn.showIf, contextBtn.name)
   for (let idx = 0; idx < selected.value.length; idx++) {
     const item = toValue(selected.value[idx])
     const per = typeof contextBtn.showIf === 'function' ? contextBtn.showIf(item, idx) : contextBtn.showIf === !0
@@ -1208,59 +1207,26 @@ defineExpose({
               <MRow
                 gutter="sm"
               >
-                <!--<MDtBtn-->
-                <!--  v-if="hasUpdateBtn && isSingleSelectedItem"-->
-                <!--  key="update-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  icon="ion-ios-create"-->
-                <!--  update-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="openUpdateDialogNoIndex(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="hasCloneBtn && isSingleSelectedItem"-->
-                <!--  key="clone-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  clone-->
-                <!--  tooltip="labels.clone"-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="onCloneItem(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="hasShowBtn && isSingleSelectedItem"-->
-                <!--  key="show-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  icon="ion-ios-eye"-->
-                <!--  show-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="openShowDialogNoIndex(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="selected.length > 1 ? (hasDestroyBtn && multiDestroy) : hasDestroyBtn"-->
-                <!--  key="destroy-dt-selection-btn"-->
-                <!--  :disable="!hasSelectedItem || loading"-->
-                <!--  color="negative"-->
-                <!--  destroy-->
-                <!--  icon="ion-ios-trash"-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="deleteSelectionItem()"-->
-                <!--/>-->
                 <template
                   v-for="(contextBtn,i) in contextmenuItems as GenericMDtBtn[]"
                   :key="`top-s-${i}`"
                 >
                   <MDtBtn
                     v-if="showIfContext(contextBtn)"
-                    :tooltip="contextBtn.tooltip ? __(contextBtn.tooltip) : (
-                      contextBtn.label ? ( te(`labels.${contextBtn.label}`) ? __(`labels.${contextBtn.label}`) : __(contextBtn.label) ) : undefined
-                    )"
                     v-bind="{
                       ...defaultTopBtnProps,
                       ...pluginOptions.dt?.topSelection?.btn as any,
                       ...contextBtn as any,
                       ...contextBtn.attr as any,
-                      to: typeof contextBtn.attr?.to === 'function' ? contextBtn.attr.to(selected[0],0) : contextBtn.attr?.to,
+                      to: typeof contextBtn.attr?.to === 'function' ? ( selected.length === 1 ? contextBtn.attr.to(selected[0],0) : undefined ) : contextBtn.attr?.to,
                       [contextBtn.name]: true,
+                      tooltip: contextBtn.tooltip ? (typeof contextBtn.tooltip === 'function' ? ( selected.length === 1 ? contextBtn.tooltip(selected[0],0) : undefined ) : (
+                        ( te(`labels.${contextBtn.tooltip}`) ? __(`labels.${contextBtn.tooltip}`) : (
+                          te(contextBtn.tooltip) ? __(contextBtn.tooltip) : undefined
+                        ) )
+                      ) ) : (
+                        contextBtn.label ? ( te(`labels.${contextBtn.label}`) ? __(`labels.${contextBtn.label}`) : __(contextBtn.label) ) : undefined
+                      )
                     }"
                     @click="contextBtn.attr?.to ? undefined : onClickTopMenu(contextBtn)"
                   />
@@ -1404,7 +1370,7 @@ defineExpose({
             <q-td :props="noBodyProps">
               <!--Control-->
               <q-btn-dropdown
-                v-if="activeContextItems.length > contextItemsLength && !1"
+                v-if="contextItemsLength && activeContextItems.length > contextItemsLength && !1"
                 v-close-popup
                 :menu-offset="[0,10]"
                 color="primary"

package/src/components/form/MOptions.vue

@@ -51,6 +51,8 @@ interface P {
   prependIconProps?: Props['prependIconProps'];
   appendIcon?: Props['appendIcon'];
   appendIconProps?: Props['appendIconProps'];
+  yesNo?: boolean;
+  genders?: boolean;
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -86,7 +88,8 @@ const props = withDefaults(defineProps<P>(), {
   prependIcon: undefined,
   prependIconProps: undefined,
   appendIcon: undefined,
-  appendIconProps: undefined
+  appendIconProps: undefined,
+  yesNo: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const loading = defineModel<Props['loading']>('loading', { required: !1, default: !1 })
@@ -112,6 +115,32 @@ const scopes = reactive(inputScope)
 defineExpose<typeof scopes & { input: typeof input }>({ input, ...scopes })
 const { alertError, __, props: pluginProps, api } = useMyth()
 const fetchData = async () => {
+  if (props.yesNo) {
+    options.value = [
+      {
+        label: __('labels.yes'),
+        value: true
+      },
+      {
+        label: __('labels.no'),
+        value: false
+      }
+    ]
+    return
+  }
+  if (props.genders) {
+    options.value = [
+      {
+        label: __('labels.male'),
+        value: 'male'
+      },
+      {
+        label: __('labels.female'),
+        value: 'female'
+      }
+    ]
+    return
+  }
   if (props.service) {
     const s = props.service
     loading.value = !0

package/src/types/api/MOptions.d.ts

@@ -58,5 +58,15 @@ export type MOptionsProps = Omit<QOptionGroupProps, 'name' | 'modelValue' | 'opt
    * Default is: 33.33333333%
    */
   fitWidth?: boolean;
+  /**
+   * Set options to yes/no.
+   * Default is: false
+   */
+  yesNo?: boolean;
+  /**
+   * Set options to male/female.
+   * Default is: false
+   */
+  genders?: boolean;
 }
 export type MOptionsSlots = QOptionGroupSlots & QFieldSlots & BaseInputsSlots