@mythpe/quasar-ui-qui 0.4.5 → 0.4.7

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -103,6 +103,7 @@ type Props = {
   align?: MDatatableProps['align'];
   importBtn?: MDatatableProps['importBtn'];
   noExampleBtn?: MDatatableProps['noExampleBtn'];
+  wrapCells?: MDatatableProps['wrapCells'];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -182,7 +183,8 @@ const props = withDefaults(defineProps<Props>(), {
   lockValue: undefined,
   align: 'left',
   importBtn: undefined,
-  noExampleBtn: undefined
+  noExampleBtn: undefined,
+  wrapCells: undefined
 })
 
 interface Emits {
@@ -482,15 +484,15 @@ const mainAttrs = computed(() => ({
   title: getTableTitle.value,
   bordered: props.bordered === undefined ? pluginOptions.value.datatable?.bordered : props.bordered,
   dense: props.dense === undefined ? (theme.value?.inputs?.dense !== undefined ? theme.value.inputs.dense : pluginOptions.value.datatable?.dense) : props.dense,
-  flat: props.flat === undefined ? pluginOptions.value.datatable?.flat : props.flat,
-  wrapCells: wrapCellsRef.value
+  flat: props.flat === undefined ? pluginOptions.value.datatable?.flat : props.flat
 }))
 const attrs = useAttrs()
 const bindAttr = computed(() => ({
   virtualScroll: !0,
   ...pluginOptions.value.datatable as any,
   ...attrs as any,
-  ...mainAttrs.value as any
+  ...mainAttrs.value as any,
+  wrapCells: wrapCellsRef.value
 }))
 const showIfContext = (contextBtn: GenericMDtBtn): boolean => {
   contextBtn = toValue(contextBtn)
@@ -622,6 +624,7 @@ defineExpose({
         :rows-per-page-options="getRowsPerPageOptions"
         :selection="getShowSelection ? (multiSelection ? 'multiple' : 'single') : 'none'"
         :visible-columns="visibleHeaders"
+        :wrap-cells="wrapCellsRef"
         card-container-class="m-datatable-container"
         color="primary"
         table-class="m-datatable-container"
@@ -1287,7 +1290,7 @@ defineExpose({
                     <!-- Wrap Btn -->
                     <MDtBtn
                       v-if="!computedNoWrapBtn"
-                      :icon="`ion-ios-${!wrapCellsRef ? 'grid' : 'list'}`"
+                      :icon="`ion-ios-${wrapCellsRef ? 'code' : 'code-working'}`"
                       flat
                       tooltip="myth.datatable.wrapBtn"
                       @click="wrapCellsRef = !wrapCellsRef"