@drax/crud-vue 0.8.4 → 0.8.6

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.8.4",
+  "version": "0.8.6",
   "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": "f3415ce60cc6bf6353605ab692afa309c0ab4f43"
+  "gitHead": "79384008896aa7228c451b260e398a7990a2c5a6"
 }

package/src/components/Crud.vue

@@ -75,7 +75,14 @@ onBeforeMount(() => {
             :readonly="operation === 'delete'"
             @submit="onSubmit"
             @cancel="onCancel"
-        />
+        >
+
+          <template v-for="ifield in entity.fields" :key="ifield.name" v-slot:[`field.${ifield.name}`]="{field}">
+            <slot :name="`field.${ifield.name}`" v-bind="{field}">
+            </slot>
+          </template>
+
+        </crud-form>
       </slot>
 
     </crud-dialog>

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/CrudForm.vue

@@ -93,18 +93,21 @@ const {
               :lg="field.lg ? field.lg : 12"
               :xl="field.xl ? field.xl : 12"
           >
-            <crud-form-field
-                :field="field"
-                :entity="entity"
-                v-model="valueModel[field.name]"
-                :clearable="false"
-                :readonly="readonly"
-                :variant="variant"
-                :prepend-inner-icon="field?.prependInnerIcon"
-                :prepend-icon="field?.prependIcon"
-                :append-icon="field?.appendIcon"
-                :append-inner-icon="field?.appendInnerIcon"
-            />
+            <slot :name="`field.${field.name}`" v-bind="{field}">
+              <crud-form-field
+                  :field="field"
+                  :entity="entity"
+                  v-model="valueModel[field.name]"
+                  :clearable="false"
+                  :readonly="readonly"
+                  :variant="variant"
+                  :prepend-inner-icon="field?.prependInnerIcon"
+                  :prepend-icon="field?.prependIcon"
+                  :append-icon="field?.appendIcon"
+                  :append-inner-icon="field?.appendInnerIcon"
+              />
+            </slot>
+
           </v-col>
         </v-row>
       </v-card-text>

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,