@mythpe/quasar-ui-qui 0.3.72 → 0.3.73

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -23,6 +23,7 @@ import MDtColorColumn from './MDtColorColumn.vue'
 import MDtSarColumn from './MDtSarColumn.vue'
 import MDtCopyColumn from './MDtCopyColumn.vue'
 import { useRouter } from 'vue-router'
+import MDtContextmenuItems from './MDtContextmenuItems.vue'
 
 type Props = {
   controlKey?: MDatatableProps['controlKey'];
@@ -474,13 +475,33 @@ const mainAttrs = computed(() => ({
   wrapCells: wrapCellsRef.value
 }))
 const attrs = useAttrs()
-console.log(attrs)
 const bindAttr = computed(() => ({
   virtualScroll: !0,
   ...pluginOptions.value.datatable as any,
   ...attrs as any,
   ...mainAttrs.value as any
 }))
+const showIfContext = (contextBtn: GenericMDtBtn): boolean => {
+  contextBtn = toValue(contextBtn)
+  if (selected.value.length === 0) {
+    const per = typeof contextBtn.showIf === 'function' ? contextBtn.showIf(selected.value[0], 0) : contextBtn.showIf === !0
+    const single = (!!contextBtn.click || !!contextBtn.attr?.to)
+    const multi = !!contextBtn.multiClick
+    return per && (single || multi)
+  }
+  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
+    if (per) {
+      return !0
+    }
+  }
+  return !1
+}
 defineOptions({
   name: 'MDatatable',
   inheritAttrs: !1
@@ -1151,8 +1172,7 @@ defineExpose({
                         :key="`top-s-${i}`"
                       >
                         <MDtBtn
-                          v-if="(typeof contextBtn.showIf === 'function' ? contextBtn.showIf(selected[0],0) : contextBtn.showIf !==!1) && ( ((!!contextBtn.click || !!contextBtn.attr?.to) && isSingleSelectedItem)
-                            || (contextBtn.multiClick && !isSingleSelectedItem) )"
+                          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}"