@drax/crud-vue 0.8.3 → 0.8.5

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.8.3",
+  "version": "0.8.5",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@drax/common-front": "^0.8.3",
     "@drax/crud-front": "^0.8.3",
-    "@drax/crud-share": "^0.8.3",
+    "@drax/crud-share": "^0.8.5",
     "@drax/media-vue": "^0.8.3"
   },
   "peerDependencies": {
@@ -64,5 +64,5 @@
     "vue-tsc": "^2.0.11",
     "vuetify": "^3.7.1"
   },
-  "gitHead": "0c42b81c3b6e5d93a2dad9be6421d13a3a7fb3b8"
+  "gitHead": "df40172e28cb654c26d622d16d6aef53e2db8a78"
 }

package/src/components/CrudAutocomplete.vue

@@ -21,8 +21,8 @@ const {entity, multiple} = defineProps({
   label: {type: String},
   itemValue: {type: [String], default: '_id'},
   itemTitle: {type: [String], default: 'name'},
-  rules: {type: Array as PropType<any>, default: []},
-  errorMessages: {type: Array as PropType<string[]>, default: []},
+  rules: {type: Array as PropType<any>, default: () => []},
+  errorMessages: {type: Array as PropType<string[]>, default: () => []},
   hideDetails: {type: Boolean, default: false},
   singleLine: {type: Boolean, default: false},
   density: {type: String as PropType<'comfortable' | 'compact' | 'default'>, default: 'default'},

package/src/components/CrudFilters.vue

@@ -18,6 +18,33 @@ const aFields = computed(() => {
   return entity.filters.filter((field:IEntityCrudFilter) => !field.permission || hasPermission(field.permission))
 })
 
+const icon = computed(() => {
+  return (field: IEntityCrudFilter) => {
+    switch(field.operator){
+      case 'eq':
+        return 'mdi-equal'
+      case 'ne':
+        return 'mdi-not-equal'
+      case 'gt':
+        return 'mdi-greater-than'
+      case 'gte':
+        return 'mdi-greater-than-or-equal'
+      case 'lt':
+        return 'mdi-less-than'
+      case 'lte':
+        return 'mdi-less-than-or-equal'
+      case 'in':
+        return 'mdi-code-array'
+      case 'nin':
+        return 'mdi-not-equal'
+      case 'like':
+        return 'mdi-contain'
+      default:
+        return ''
+    }
+  }
+})
+
 
 async function filter() {
   emit('filter')
@@ -50,6 +77,7 @@ const emit = defineEmits(['filter', 'clear','updateValue'])
                 :clearable="true"
                 density="compact"
                 variant="outlined"
+                :prepend-inner-icon="icon(filter)"
                 hide-details single-line disable-rules
                 @updateValue="$emit('updateValue')"
             />

package/src/components/CrudFormField.vue

@@ -46,7 +46,7 @@ const show = ref(false)
 const name = computed(() => index >= 0 ? `${parentField ? parentField + "_" : ""}${field.name}_${index}` : `${parentField ? parentField + "_" : ""}${field.name}`)
 
 const label = computed(() => {
-  const i18n = `${entity.name.toLowerCase()}.field.${field.name}`
+  const i18n = `${entity.name.toLowerCase()}.field.${field.label ? field.label : field.name}`
   return te(i18n) ? t(i18n) : field.label
 })
 

package/src/index.ts

@@ -6,6 +6,7 @@ import CrudFormList from "./components/CrudFormList.vue";
 import CrudList from "./components/CrudList.vue";
 import CrudNotify from "./components/CrudNotify.vue";
 import CrudSearch from "./components/CrudSearch.vue";
+import CrudAutocomplete from "./components/CrudAutocomplete.vue";
 import {useCrudStore} from "./stores/UseCrudStore";
 import {useCrud} from "./composables/UseCrud";
 import {useFormUtils} from "./composables/UseFormUtils";
@@ -21,6 +22,7 @@ export {
     CrudList,
     CrudNotify,
     CrudSearch,
+    CrudAutocomplete,
     useCrud,
     useFormUtils,
     useCrudStore,