Adopt ant-design-vue and a shared antdTheme for leads, pipeline, invoices, and shared form controls under strict single-page governance. Co-authored-by: Cursor <cursoragent@cursor.com>
32 lines
682 B
Vue
32 lines
682 B
Vue
<script setup lang="ts">
|
|
import { PlusOutlined } from '@ant-design/icons-vue';
|
|
import { Button as AButton } from 'ant-design-vue';
|
|
import type { PipelineAccent } from '@/lib/pipeline-board';
|
|
import { PIPELINE_ACCENT } from '@/lib/pipeline-board';
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
accent: PipelineAccent;
|
|
label?: string;
|
|
}>(),
|
|
{ label: 'افزودن معامله' },
|
|
);
|
|
|
|
const emit = defineEmits<{
|
|
add: [];
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<a-button
|
|
type="dashed"
|
|
block
|
|
:style="{ color: PIPELINE_ACCENT[accent].text }"
|
|
:aria-label="label"
|
|
@click="emit('add')"
|
|
>
|
|
<template #icon><PlusOutlined /></template>
|
|
{{ label }}
|
|
</a-button>
|
|
</template>
|