@drax/crud-vue 0.8.9 → 0.8.11

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.8.9",
+  "version": "0.8.11",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@drax/common-front": "^0.8.3",
-    "@drax/crud-front": "^0.8.3",
+    "@drax/crud-front": "^0.8.11",
     "@drax/crud-share": "^0.8.5",
     "@drax/media-vue": "^0.8.3"
   },
@@ -64,5 +64,5 @@
     "vue-tsc": "^2.0.11",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "f2dabb089baefb07ef5ae752acaa142e7cb235c2"
+  "gitHead": "4ba79d10dcadfa6756f4412fff37cec1fe9a0caf"
 }

package/src/components/CrudFilters.vue

@@ -74,6 +74,7 @@ const emit = defineEmits(['filter', 'clear','updateValue'])
                 :field="filter"
                 :entity="entity"
                 v-model="valueModel[index].value"
+                :multiple="filter?.multiple"
                 :clearable="true"
                 density="compact"
                 variant="outlined"

package/src/components/CrudFormField.vue

@@ -25,6 +25,7 @@ const {index, entity, field, disableRules, parentField} = defineProps({
   readonly: {type: Boolean, default: false},
   hideDetails: {type: Boolean, default: false},
   singleLine: {type: Boolean, default: false},
+  multiple: {type: Boolean, default: false},
   clearable: {type: Boolean, default: false},
   disableRules: {type: Boolean, default: false},
   parentField: {type: String, default: null, required: false},
@@ -154,6 +155,7 @@ defineEmits(['updateValue'])
         :append-icon="appendIcon"
         :prepend-inner-icon="prependInnerIcon"
         :append-inner-icon="appendInnerIcon"
+
     >
     </v-combobox>
 

package/src/components/CrudFormList.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import type {PropType} from "vue";
+import {computed, type PropType} from "vue";
 import CrudFormField from "./CrudFormField.vue";
 import type {IEntityCrud, IEntityCrudField} from "@drax/crud-share";
+import {useI18n} from "vue-i18n";
 
+const {t, te} = useI18n()
 const valueModel = defineModel({type: Array, default: () => []});
 
-const {field} = defineProps({
+const {field, entity} = defineProps({
   entity: {type: Object as PropType<IEntityCrud>, required: true},
   field: {type: Object as PropType<IEntityCrudField>, required: true},
   readonly: {type: Boolean, default: false},
@@ -42,6 +44,11 @@ function removeItem(index: number) {
   valueModel.value.splice(index, 1);
 }
 
+const label = computed(() => {
+  const i18n = `${entity.name.toLowerCase()}.field.${field.label ? field.label : field.name}`
+  return te(i18n) ? t(i18n) : field.label
+})
+
 defineEmits(['updateValue'])
 
 </script>
@@ -49,7 +56,7 @@ defineEmits(['updateValue'])
 <template>
   <v-card class="mt-3" variant="flat" border>
 
-    <v-card-title class="text-h5">{{ field.label }}</v-card-title>
+    <v-card-title class="text-h5">{{ label }}</v-card-title>
     <v-card-text>
       <v-expansion-panels>
         <v-expansion-panel v-for="(item,index) in valueModel" :key="index">