@drax/crud-vue 0.33.0 → 0.34.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.33.0",
+  "version": "0.34.0",
   "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.0",
+    "@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": "3a121099fcdd0814fd232d90aeac0b2086e2e625"
 }

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/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) => {