@drax/crud-vue 0.34.2 → 0.35.0

package/package.json

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

package/src/EntityCrud.ts

@@ -118,7 +118,7 @@ class EntityCrud implements IEntityCrud {
   get formFilters(): IEntityCrudFormFilter[] {
     return this.filters.map(
       (filter: IEntityCrudFilter) =>
-        ({field: filter.name, value: null, operator: (filter.operator ? filter.operator : 'eq')})
+        ({field: filter.name, value: filter.default ? filter.default : null, operator: (filter.operator ? filter.operator : 'eq')})
     ) as IEntityCrudFormFilter[]
   }
 

package/src/components/CrudFormList.vue

@@ -149,21 +149,26 @@ const {xs} = useDisplay()
                 <v-icon>mdi-plus</v-icon> {{ label }}
               </v-btn>
 
-              <v-chip-group v-model="itemSelected"
+
+              <v-chip-group v-model="indexSelected"
                             :style="{ maxHeight: menuMaxHeight, overflowY: 'auto' }"
                             direction="horizontal"
 
               >
+
                 <v-chip v-for="(item,index) in valueModel" :key="index"
-                             :value="item" @click="menuSelect(item, index)"
-                             label  filter class="pr-0"
+                             :value="index" @click="menuSelect(item, index)"
+                             label class="pr-0" :color="indexSelected === index ? 'primary' : ''"
                 >
-
                     {{//@ts-ignore
-                  valueModel[index][Object.keys(valueModel[index] as any)[0]] || index
+                  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>
+                    <v-btn variant="text" class="ml-2" density="compact"
+                           icon="mdi-close-circle"
+                           @click="removeItem(index)"
+                    ></v-btn>
                   </template>
                 </v-chip>
 

package/src/stores/UseCrudStore.ts

@@ -61,6 +61,9 @@ export const useCrudStore = defineStore('CrudStore', {
         setForm(form: any) {
             this.form = form
         },
+        setFormFieldValue(name: string, value: any) {
+            this.form[name] = value
+        },
         setFormValid(formValid: any) {
             this.formValid = formValid
         },
@@ -122,6 +125,12 @@ export const useCrudStore = defineStore('CrudStore', {
         },
         setFilters(filters: any[]) {
             this.filters = filters
+        },
+        setFilterValue(name:string, value:any) {
+            const index = this.getFilterIndex(name)
+            if (index >= 0) {
+                this.filters[index].value = value
+            }
         }
     }