@drax/crud-vue 2.0.5 → 2.0.7

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.0.5",
+  "version": "2.0.7",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -50,5 +50,5 @@
     "vue-tsc": "^3.2.4",
     "vuetify": "^3.11.8"
   },
-  "gitHead": "931e009c53493f4a14a79fd0d214bd0ad51b251a"
+  "gitHead": "7f2c7c7fa1b3e77276c8ce1ec7e86c008a51a776"
 }

package/src/EntityCrud.ts

@@ -141,7 +141,7 @@ class EntityCrud implements IEntityCrud {
       throw new Error("Ref not found: " + ref)
     }
 
-    return this.refs[ref]
+    return this.refs[ref] as IEntityCrud
   }
 
   get rules(): IEntityCrudRules {

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/CrudFormField.vue

@@ -19,7 +19,7 @@ const {hasPermission} = useAuth()
 
 const valueModel = defineModel<any>({type: [String, Number, Boolean, Object, Array], default: false})
 
-const {index, entity, field, disableRules, parentField} = defineProps({
+const {index, entity, field, disableRules, parentField, errorMessages} = defineProps({
   entity: {type: Object as PropType<IEntityCrud>, required: true},
   field: {type: Object as PropType<IEntityCrudField | IEntityCrudFilter | undefined>, required: true},
   prependIcon: {type: String, default: ''},
@@ -35,6 +35,7 @@ const {index, entity, field, disableRules, parentField} = defineProps({
   preview: {type: Boolean, default: true},
   previewHeight: {type: String, default: '100px'},
   parentField: {type: String, default: null, required: false},
+  errorMessages: {type: Array as PropType<string[]>, default: null, required: false},
   index: {type: Number, default: null, required: false},
   density: {type: String as PropType<'comfortable' | 'compact' | 'default'>, default: 'default'},
   variant: {
@@ -64,13 +65,17 @@ const rules = computed(() => {
   return entity.getRule(field.name) as any
 })
 
-const inputErrors = computed(() => {
+const storeErrorMessages = computed(() => {
       let sIndex = (index != null && index >= 0) ? `${index}.` : ''
       let name = parentField ? `${parentField}.${sIndex}${field.name}` : field.name
       return store.getFieldInputErrors(name).map((error: string) =>te(error) ? t(error) : error)
     }
 )
 
+const inputErrors = computed(() => {
+  return errorMessages ?? storeErrorMessages.value
+})
+
 defineEmits(['updateValue'])
 
 </script>

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

@@ -399,7 +399,8 @@ export function useCrud(entity: IEntityCrud) {
 
 
     return {
-        doPaginate, doExport, onView, onCreate, onEdit, onDelete, onCancel, onSubmit, resetCrudStore,
+        doPaginate, doExport, doUpdate, doCreate, doDelete,
+        onView, onCreate, onEdit, onDelete, onCancel, onSubmit, resetCrudStore,
         operation, dialog, form, notify, error, message, formValid,
         loading, itemsPerPage, page, sortBy, search, totalItems, items,
         prepareFilters, filters, clearFilters, applyFilters,