@jari-ace/element-plus-component 0.2.1 → 0.2.2

package/packages/components/userPicker/src/JaUserPicker.vue

@@ -1,37 +1,40 @@
-<script setup lang="ts">
-import UserPicker from "./UserPicker.vue";
-import {inject, watch, ref} from "vue";
-import {getValue, setValue} from "../../../utils/objectUtils";
-import type {ValidationInstance} from "../../../hooks/useBackendValidations";
-import type {UserReference} from "@jari-ace/app-bolts";
-
-const model = inject('aceFormModel') as Record<string, never>
-const prop = inject('aceFormItemProp') as string
-const validator = inject('aceFormValidator') as ValidationInstance
-const emit = defineEmits<{
-    change: [value: UserReference[]]
-}>()
-
-function onChange(value: UserReference[]) {
-    validator.removeFieldError(prop)
-    setValue(model.formData, prop, mv.value);
-    emit('change', value)
-}
-
-const mv = ref(getValue(model.formData, prop) as UserReference[] ?? []);
-watch(() => model.formData, () => {
-    mv.value = getValue(model.formData, prop) as UserReference[] ?? []
-}, {
-    deep: true
-})
-</script>
-
-<template>
-    <user-picker v-model="mv"
-                 @change="onChange"
-                 v-bind="$attrs"/>
-</template>
-
-<style scoped lang="scss">
-
-</style>
+<script setup lang="ts">
+import UserPicker from "./UserPicker.vue";
+import {inject, watch, ref} from "vue";
+import {getValue, setValue} from "../../../utils/objectUtils";
+import type {ValidationInstance} from "../../../hooks/useBackendValidations";
+import type {UserReference} from "@jari-ace/app-bolts";
+
+const model = inject('aceFormModel') as Record<string, never>
+const prop = inject('aceFormItemProp') as string
+const validator = inject('aceFormValidator') as ValidationInstance
+const emit = defineEmits<{
+    change: [value: UserReference[]]
+}>()
+
+function onChange(value: UserReference[]) {
+    validator.removeFieldError(prop)
+    setValue(model.formData, prop, mv.value);
+    emit('change', value)
+}
+
+const mv = ref(getValue(model.formData, prop) as UserReference[] ?? []);
+
+watch(() => model.formData, () => {
+    mv.value = getValue(model.formData, prop) as UserReference[] ?? []
+}, {
+    deep: true
+})
+</script>
+
+<template>
+    <user-picker v-model="mv"
+                 @change="onChange"
+                 v-bind="$attrs">
+        <slot name="default"></slot>
+    </user-picker>
+</template>
+
+<style scoped lang="scss">
+
+</style>