<template>
  <form class="kole-form kole-form-form" @submit.prevent="emit('submit', $event)"><label class="kole-form-field"><span>{{ props.label }} <b v-if="props.required" aria-hidden="true">*</b></span><input class="kole-form-control" name="name" :required="props.required" /></label><span v-if="props.error" class="kole-form-error">{{ props.error }}</span><div class="kole-form-row"><button class="kole-form-button kole-form-primary" type="submit">提交</button><button class="kole-form-button" type="reset" @click="emit('reset')">重置</button></div></form>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    fields: { type: Array, default: () => [] }, // fields
    label: { type: String, default: '名称' }, // 标签文本
    required: { type: Boolean, default: true }, // 是否必填
    error: { type: String, default: '' }, // 错误提示
});
const emit = defineEmits(["submit", "reset"]);


</script>

<style src="./Form.css"></style>
