[46] VLCrudInput: add multiple prop for select input (#47)

VLCrudInput: add multiple prop for select input

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skillbill/vuelace-3",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "private": false,
   "author": "skillbill",
   "license": "MIT",

src/components/VLCrudForm/VLCrudForm.vue

@@ -18,6 +18,7 @@
       :disabled="isDisabled(field)"
       :placeholder="field.placeholder"
       :required="field.required"
+      :multiple="field.multiple"
       :img_style="field.img_style"
       v-model="model[field.value]"
       @update:modelValue="() => field.side_effect?.(model, fields)"

src/components/VLCrudForm/types.ts

@@ -18,6 +18,7 @@ export interface VLCrudFormFieldType {
   hidden_on_create?: boolean
   disabled_on_edit?: boolean
   placeholder?: string
+  multiple?: boolean
   side_effect?: (
     model: { [key: string]: VLCrudInputValueType },
     fields: {

src/components/VLCrudInput/VLCrudInput.vue

@@ -44,6 +44,7 @@
     :disabled="disabled"
     :placeholder="placeholder"
     :options="options"
+    :multiple="multiple"
     :model-value="cheatType()"
     @update:model-value="cheatUpdateFunction"
   />

src/components/VLCrudInput/types.ts

@@ -23,6 +23,7 @@ export interface VLCrudInputProps {
   disabled?: boolean
   required?: boolean
   img_style?: string
+  multiple?: boolean
   onError?: (error: VLFileInputErrorEvent) => void
   // autofocus?: boolean
 }