@ -17,7 +17,14 @@
import { h } from 'vue'
import { h } from 'vue'
import { useI18n } from 'vue-i18n'
import { useI18n } from 'vue-i18n'
import { NPopover , NButton , NIcon , NPopconfirm , NSpace } from 'naive-ui'
import {
NPopover ,
NButton ,
NIcon ,
NPopconfirm ,
NSpace ,
NTooltip
} from 'naive-ui'
import { EditOutlined , DeleteOutlined } from '@vicons/antd'
import { EditOutlined , DeleteOutlined } from '@vicons/antd'
import JsonHighlight from './json-highlight'
import JsonHighlight from './json-highlight'
import ButtonLink from '@/components/button-link'
import ButtonLink from '@/components/button-link'
@ -78,45 +85,56 @@ export function useColumns(onCallback: Function) {
title : t ( 'datasource.operation' ) ,
title : t ( 'datasource.operation' ) ,
key : 'operation' ,
key : 'operation' ,
width : 150 ,
width : 150 ,
render : ( rowData , unused ) = > {
render : ( rowData ) = > {
return h ( NSpace , null , {
return h ( NSpace , null , {
default : ( ) = > [
default : ( ) = > [
h (
h ( NTooltip , null , {
NButton ,
trigger : ( ) = >
{
h (
circle : true ,
NButton ,
type : 'info' ,
{
onClick : ( ) = > void onCallback ( rowData . id , 'edit' )
circle : true ,
} ,
type : 'info' ,
{
onClick : ( ) = > void onCallback ( rowData . id , 'edit' )
default : ( ) = >
} ,
h ( NIcon , null , { default : ( ) = > h ( EditOutlined ) } )
{
}
default : ( ) = >
) ,
h ( NIcon , null , { default : ( ) = > h ( EditOutlined ) } )
h (
}
NPopconfirm ,
) ,
{
default : ( ) = > t ( 'datasource.edit' )
onPositiveClick : ( ) = > void onCallback ( rowData . id , 'delete' ) ,
} ) ,
negativeText : t ( 'datasource.cancel' ) ,
h ( NTooltip , null , {
positiveText : t ( 'datasource.confirm' )
trigger : ( ) = >
} ,
h (
{
NPopconfirm ,
trigger : ( ) = >
{
h (
onPositiveClick : ( ) = >
NButton ,
void onCallback ( rowData . id , 'delete' ) ,
{
negativeText : t ( 'datasource.cancel' ) ,
circle : true ,
positiveText : t ( 'datasource.confirm' )
type : 'error' ,
} ,
class : 'btn-delete'
{
} ,
trigger : ( ) = >
{
h (
default : ( ) = >
NButton ,
h ( NIcon , null , { default : ( ) = > h ( DeleteOutlined ) } )
{
}
circle : true ,
) ,
type : 'error' ,
default : ( ) = > t ( 'datasource.delete' )
class : 'btn-delete'
}
} ,
)
{
default : ( ) = >
h ( NIcon , null , {
default : ( ) = > h ( DeleteOutlined )
} )
}
) ,
default : ( ) = > t ( 'datasource.delete_confirm' )
}
) ,
default : ( ) = > t ( 'datasource.delete' )
} )
]
]
} )
} )
}
}