feat: 删除 input-text 组件,添加消息组件,重构表单输入逻辑
This commit is contained in:
24
src/__fk-inputs__/components/messages.vue
Normal file
24
src/__fk-inputs__/components/messages.vue
Normal file
@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<Message
|
||||
severity="error"
|
||||
size="small"
|
||||
variant="simple"
|
||||
>
|
||||
<!-- <template #container> -->
|
||||
<ul class="my-0 flex flex-col gap-1">
|
||||
<li
|
||||
v-for="message in context.messages"
|
||||
:key="message.key"
|
||||
:id="`${context.id}-${message.key}`"
|
||||
:data-message-type="message.type"
|
||||
>{{ message.value }}</li>
|
||||
</ul>
|
||||
<!-- </template> -->
|
||||
</Message>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { FormKitFrameworkContext } from '@formkit/core';
|
||||
import Message from 'primevue/message';
|
||||
defineProps<{ context: FormKitFrameworkContext }>();
|
||||
</script>
|
Reference in New Issue
Block a user