@drax/crud-vue 2.0.3 → 2.0.6

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.0.3",
+  "version": "2.0.6",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -50,5 +50,5 @@
     "vue-tsc": "^3.2.4",
     "vuetify": "^3.11.8"
   },
-  "gitHead": "f6e5a7d19a50762b6632cb4c13eb2f1fe9aed233"
+  "gitHead": "9ccda70d228007d50fe535b26d719148318086fa"
 }

package/src/components/CrudForm.vue

@@ -184,7 +184,7 @@ const menuInputErrors = computed(() => {
           <v-card-text>
             <v-tabs-window v-model="tabSelected">
               <v-tabs-window-item v-for="tab in entity.tabs" :value="tab">
-                <v-row>
+                <v-row class="pt-3">
                   <v-col
                       v-for="field in tabFields(tab)"
                       :key="field.name"
@@ -277,7 +277,7 @@ const menuInputErrors = computed(() => {
           {{ operation == 'view' ? t('action.close') : t('action.cancel') }}
         </v-btn>
         <v-btn variant="flat" v-if="operation != 'view'" :class="entity.submitBtnFormClass" @click="submit" :loading="store.loading">
-          {{ operation ? t('action.' + operation) : t('action.sent') }}
+          {{ operation ? t('action.'+operation) : t('action.sent') }}
         </v-btn>
       </v-card-actions>
     </v-card>

package/src/components/buttons/CrudGroupByButton.vue

@@ -109,6 +109,7 @@ const totalCount = computed(() => {
             chips
             closable-chips
             return-object
+            :menu-props="{ zIndex: 3000 }"
           >
           </v-select>
 
@@ -121,6 +122,7 @@ const totalCount = computed(() => {
             density="compact"
             variant="outlined"
             class="mt-4"
+            :menu-props="{ zIndex: 3000 }"
           >
             <template v-slot:prepend-inner>
               <v-icon>mdi-calendar-clock</v-icon>

package/src/composables/UseCrud.ts

@@ -252,6 +252,11 @@ export function useCrud(entity: IEntityCrud) {
         openDialog()
     }
 
+    function prepareEdit(item: object) {
+        store.setForm(cast(cloneItem(item)))
+        store.setOperation("edit")
+    }
+
     function cloneItem(item: object): object {
         try {
             return JSON.parse(JSON.stringify(item))
@@ -398,7 +403,8 @@ export function useCrud(entity: IEntityCrud) {
         operation, dialog, form, notify, error, message, formValid,
         loading, itemsPerPage, page, sortBy, search, totalItems, items,
         prepareFilters, filters, clearFilters, applyFilters,
-        exportFiles, exportLoading, exportListVisible, exportError
+        exportFiles, exportLoading, exportListVisible, exportError,
+        cloneItem, cast, prepareEdit
     }
 
 }