<template>
    <simple-form
        :items="formItems"
        ref="formRef"
        label-width="120px"
        :footer="true"
        @submit="handleSubmit"
    />
</template>

<script setup name="baseConfig">
    import { ref, shallowRef } from 'vue';
    import SimpleForm from '@/components/CommonPage/SimpleForm.vue';

    const formRef = ref(null);
    const formItems = shallowRef([
        {
            type: 'input',
            label: 'accesskeyid',
            prop: 'accesskeyid'
        },
        {
            type: 'input',
            label: 'secret',
            prop: 'secret'
        },
        {
            type: 'input',
            label: 'endpoint',
            prop: 'endpoint'
        },
        {
            type: 'input',
            label: '域名bucket',
            prop: 'bucket'
        }
    ]);

    function handleSubmit(data) {
        console.log(data);
    }
</script>
