@drax/crud-vue 0.33.0 → 0.34.2

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.33.0",
+  "version": "0.34.2",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -24,10 +24,10 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@drax/common-front": "^0.33.0",
-    "@drax/crud-front": "^0.33.0",
-    "@drax/crud-share": "^0.33.0",
-    "@drax/media-vue": "^0.33.0"
+    "@drax/common-front": "^0.34.2",
+    "@drax/crud-front": "^0.34.0",
+    "@drax/crud-share": "^0.34.0",
+    "@drax/media-vue": "^0.34.0"
   },
   "peerDependencies": {
     "pinia": "^2.2.2",
@@ -64,5 +64,5 @@
     "vue-tsc": "^2.1.10",
     "vuetify": "^3.8.2"
   },
-  "gitHead": "2a006597a635f61776d252f92bb3899371244379"
+  "gitHead": "9b12fafdf8a43df90e2df88ddae374c1a31cef4a"
 }

package/src/EntityCrud.ts

@@ -1,7 +1,7 @@
 import type {
   IEntityCrud, IEntityCrudForm, IEntityCrudHeader, IEntityCrudRefs,
   IEntityCrudRules, IEntityCrudField, IEntityCrudPermissions,
-  IDraxCrudProvider, IEntityCrudFilter, IEntityCrudFormFilter
+  IDraxCrudProvider, IEntityCrudFilter, IEntityCrudFormFilter, IEntityCrudFieldVariant
 } from "@drax/crud-share";
 
 
@@ -158,6 +158,10 @@ class EntityCrud implements IEntityCrud {
     return true
   }
 
+  isItemDeletable():boolean{
+    return true
+  }
+
   get isDeletable() {
     return true
   }
@@ -271,6 +275,24 @@ class EntityCrud implements IEntityCrud {
   get cancelBtnFormClass() {
     return 'text-grey'
   }
+
+  get inputVariantCreate(): IEntityCrudFieldVariant {
+    return 'outlined'
+  }
+
+  get inputVariantEdit(): IEntityCrudFieldVariant {
+    return 'outlined'
+  }
+
+  get inputVariantView(): IEntityCrudFieldVariant {
+    return 'filled'
+  }
+
+  get inputVariantDelete() : IEntityCrudFieldVariant{
+    return 'underlined'
+  }
+
+
 }
 
 export default EntityCrud;

package/src/components/CrudExportList.vue

@@ -26,7 +26,7 @@ const {
     </v-card-title>
     <v-card-text>
       <v-alert v-if="exportError" type="error">
-        {{ t('export.error.message') }}
+        {{ t('error.crud.export') }}
       </v-alert>
       <v-table density="compact" v-else>
         <thead>

package/src/components/CrudForm.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import {useI18n} from "vue-i18n";
 import type {IEntityCrud, IEntityCrudField} from "@drax/crud-share";
-import {useFormUtils} from "../composables/UseFormUtils";
 import {getItemId} from "../helpers/getItemId";
 import CrudFormField from "./CrudFormField.vue";
 import {computed, defineEmits, defineProps, ref} from "vue";
@@ -98,9 +97,19 @@ function cancel() {
   emit('canceled')
 }
 
-const {
-  variant
-} = useFormUtils(operation.value)
+
+const variant = computed(() => {
+  if (operation.value === 'create') {
+    return entity.inputVariantCreate
+  } else if (operation.value === 'edit') {
+    return entity.inputVariantEdit
+  } else if (operation.value === 'delete') {
+    return entity.inputVariantDelete
+  } else if (operation.value === 'view') {
+    return entity.inputVariantView
+  }
+  return 'outlined'
+})
 
 const tabInputErrors = computed(() => {
       return (tab:string) => {

package/src/components/CrudFormList.vue

@@ -148,6 +148,7 @@ const {xs} = useDisplay()
                      class="text-blue text--darken-3 float-left mt-1 mr-2">
                 <v-icon>mdi-plus</v-icon> {{ label }}
               </v-btn>
+
               <v-chip-group v-model="itemSelected"
                             :style="{ maxHeight: menuMaxHeight, overflowY: 'auto' }"
                             direction="horizontal"
@@ -155,14 +156,15 @@ const {xs} = useDisplay()
               >
                 <v-chip v-for="(item,index) in valueModel" :key="index"
                              :value="item" @click="menuSelect(item, index)"
-                             label closable @click:close="removeItem(index)"
+                             label  filter class="pr-0"
                 >
-<!--                  <template v-slot:prepend>-->
-<!--                    <v-avatar>{{ index }}</v-avatar>-->
-<!--                  </template>-->
+
                     {{//@ts-ignore
                   valueModel[index][Object.keys(valueModel[index] as any)[0]] || index
                     }}
+                  <template v-slot:append>
+                    <v-btn variant="text" class="ml-2" density="compact" icon="mdi-close-circle" @click="removeItem(index)"></v-btn>
+                  </template>
                 </v-chip>
 
               </v-chip-group>