<template>
  <form class="kole-form kole-form-form" @submit.prevent="$emit('submit', $event)"><label class="kole-form-field"><span>{{ label }} <b v-if="required" aria-hidden="true">*</b></span><input class="kole-form-control" name="name" :required="required" /></label><span v-if="error" class="kole-form-error">{{ 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>
export default {
  name: 'KoleForm',
  props: {
    fields: { type: Array, default: function () { return []; } }, // fields
    label: { type: String, default: '名称' }, // 标签文本
    required: { type: Boolean, default: true }, // 是否必填
    error: { type: String, default: '' }, // 错误提示
  },
  // events: submit, reset
};
</script>

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