<!--
 - MineAdmin is committed to providing solutions for quickly building web applications
 - Please view the LICENSE file that was distributed with this source code,
 - For the full copyright and license information.
 - Thank you very much for using MineAdmin.
 -
 - @Author X.Mo<root@imoi.cn>
 - @Link   https://gitee.com/xmo/mineadmin-vue
-->
<template>
    <slot :name="`form-${props.component.dataIndex}`" v-bind="props.component">
        <a-button
            :type="props.component.type"
            :status="props.component.status"
            :size="props.component.size"
            :shape="props.component.shape"
            :disabled="props.component.disabled"
            :long="props.component.long"
            :loading="props.component.loading"
            :html-type="props.component.htmlType"
            :href="props.component.href"
            @click="maEvent.handleCommonEvent(props.component, 'onClick')"
        >
            <template #icon v-if="props.component.icon">
                <component :is="props.component.icon" />
            </template>
            {{ props.component.title ?? "button" }}
        </a-button>
    </slot>
</template>

<script setup>
import { onMounted } from "vue"
import { maEvent } from "../js/formItemMixin.js"
const props = defineProps({
    component: Object
})

maEvent.handleCommonEvent(props.component, "onCreated")
onMounted(() => {
    maEvent.handleCommonEvent(props.component, "onMounted")
})
</script>
