@mythpe/quasar-ui-qui 0.4.70 → 0.4.72

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -109,6 +109,7 @@ type Props = {
   noExampleBtn?: MDatatableProps['noExampleBtn'];
   wrapCells?: MDatatableProps['wrapCells'];
   tooSmall?: MDatatableProps['tooSmall'];
+  color?: MDatatableProps['color'];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -193,7 +194,8 @@ const props = withDefaults(defineProps<Props>(), {
   importBtn: undefined,
   noExampleBtn: undefined,
   wrapCells: undefined,
-  tooSmall: undefined
+  tooSmall: undefined,
+  color: 'primary'
 })
 
 interface Emits {
@@ -227,7 +229,7 @@ const {
 const $q = useQuasar()
 const $router = useRouter()
 const { te } = useI18n({ useScope: 'global' })
-const useFormContext = useForm<any, any>({ initialValues: {} })
+const useFormContext = useForm<any, any>()
 const { resetForm: resetDialogForm, handleSubmit } = useFormContext
 
 const {
@@ -346,10 +348,10 @@ const {
   }
   return !hasAction.value
 }) */
+
 watch(defaultItem, (v) => {
   resetDialogForm({ values: { ...v || {} } }, { force: !0 })
 }, { immediate: !1, deep: !0 })
-// watch(getRows, (v) => emit('update:rows', v), { deep: !0 })
 defineModel<any[]>('rows', { required: false, default: undefined })
 watch([
   () => toValue(props.visibleColumns),
@@ -645,6 +647,7 @@ defineExpose({
         v-model:pagination="pagination"
         v-model:selected="selected"
         :class="['m-datatable',{'m-datatable-grid' : isSmall}]"
+        :color="color"
         :columns="getSortedHeaders"
         :filter="search"
         :grid="isGrid"
@@ -656,7 +659,6 @@ defineExpose({
         :visible-columns="visibleHeaders"
         :wrap-cells="wrapCellsRef"
         card-container-class="m-datatable-container"
-        color="primary"
         table-class="m-datatable-container"
         v-bind="bindAttr"
         @request="fetchDatatableItems"
@@ -1519,7 +1521,6 @@ defineExpose({
             />
           </q-td>
         </template>
-
         <template
           v-for="slotName in getSlots"
           :key="slotName"

package/src/composable/useDtHelpers.ts

@@ -62,7 +62,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
   const getRows = computed<any>({
     get: () => {
       if (props.rows !== undefined && props.rows !== null) {
-        return props.rows
+        return toValue(props.rows)
       }
       return rowsRef.value
     },