04fbb7a556
* fix: useStore is deprecated * chore: update deps * feat: 升级shadcn-ui v4 * fix: workbench style * feat: 升级shadcn-ui v4 step2 * feat: 升级shadcn-ui v4 step3 * chore: 升级shadcn v4 * fix: pagination * fix: dark style * fix: doc import * feat: 增加详情组件，参考 antdv-next * docs: descriptions docs * docs: Browser Support * feat: add table action * feat: icon use vbenIcon * fix: type error * fix: dropdown popConfirm * feat: 使用默认的文字交互 * feat: 优化渲染性能
29 lines
699 B
Vue
29 lines
699 B
Vue
<script lang="ts" setup>
|
||
import type { ActionItem } from '@vben/common-ui';
|
||
|
||
import { ref } from 'vue';
|
||
|
||
import { VbenTableAction } from '@vben/common-ui';
|
||
|
||
const last = ref('无');
|
||
|
||
const actions: ActionItem[] = [
|
||
{ key: 'edit', onClick: () => (last.value = '编辑'), text: '编辑' },
|
||
{ key: 'detail', onClick: () => (last.value = '详情'), text: '详情' },
|
||
{
|
||
danger: true,
|
||
key: 'delete',
|
||
onClick: () => (last.value = '删除'),
|
||
text: '删除',
|
||
},
|
||
];
|
||
</script>
|
||
<template>
|
||
<div>
|
||
<VbenTableAction :actions="actions" align="start" divider />
|
||
<p style="margin-top: 8px; font-size: 13px; opacity: 0.7">
|
||
最近点击：{{ last }}
|
||
</p>
|
||
</div>
|
||
</template>
|