<script lang="ts" setup>
|
import { alignOptions } from '#/utils/constants';
|
|
defineOptions({ inheritAttrs: false });
|
defineProps(['activeData']);
|
</script>
|
<template>
|
<a-form-item label="按钮文字">
|
<jnpf-i18n-input v-model:value="activeData.buttonText" v-model:i18n="activeData.buttonTextI18nCode" placeholder="请输入" />
|
</a-form-item>
|
<a-form-item label="对齐方式">
|
<jnpf-radio v-model:value="activeData.align" :options="alignOptions" option-type="button" button-style="solid" class="right-radio" />
|
</a-form-item>
|
<a-form-item label="按钮类型">
|
<a-select v-model:value="activeData.type">
|
<a-select-option value="">默认按钮</a-select-option>
|
<a-select-option value="primary">主要按钮</a-select-option>
|
<a-select-option value="success">成功按钮</a-select-option>
|
<a-select-option value="info">信息按钮</a-select-option>
|
<a-select-option value="warning">警告按钮</a-select-option>
|
<a-select-option value="danger">危险按钮</a-select-option>
|
</a-select>
|
</a-form-item>
|
</template>
|