xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-11-04 15:53:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #333 from dodu2014/main

Browse Source 
feat(components): enhance the custom strength of the 'TableHeaderOper…
This commit is contained in:
Soybean
2024-02-26 10:44:31 +08:00
committed by GitHub
parent 9c4ba6650d ccc2b674db
commit c3e8ef2ed2
2 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/advanced/table-header-operation.vue
View File

@@ -6,6 +6,7 @@ defineOptions({
});
interface Props {
itemAlign?: NaiveUI.Align;
disabledDelete?: boolean;
loading?: boolean;
}
@@ -38,24 +39,27 @@ function refresh() {
</script>
<template>
<NSpace wrap justify="end" class="<sm:w-200px">
<NButton size="small" ghost type="primary" @click="add">
<template #icon>
<icon-ic-round-plus class="text-icon" />
</template>
{{ $t('common.add') }}
</NButton>
<NPopconfirm @positive-click="batchDelete">
<template #trigger>
<NButton size="small" ghost type="error" :disabled="disabledDelete">
<template #icon>
<icon-ic-round-delete class="text-icon" />
</template>
{{ $t('common.batchDelete') }}
</NButton>
</template>
{{ $t('common.confirmDelete') }}
</NPopconfirm>
<NSpace :align="itemAlign" wrap justify="end" class="<sm:w-200px">
<slot name="prefix"></slot>
<slot name="default">
<NButton size="small" ghost type="primary" @click="add">
<template #icon>
<icon-ic-round-plus class="text-icon" />
</template>
{{ $t('common.add') }}
</NButton>
<NPopconfirm @positive-click="batchDelete">
<template #trigger>
<NButton size="small" ghost type="error" :disabled="disabledDelete">
<template #icon>
<icon-ic-round-delete class="text-icon" />
</template>
{{ $t('common.batchDelete') }}
</NButton>
</template>
{{ $t('common.confirmDelete') }}
</NPopconfirm>
</slot>
<NButton size="small" @click="refresh">
<template #icon>
<icon-mdi-refresh class="text-icon" :class="{ 'animate-spin': loading }" />
@@ -63,6 +67,7 @@ function refresh() {
{{ $t('common.refresh') }}
</NButton>
<TableColumnSetting v-model:columns="columns" />
<slot name="suffix"></slot>
</NSpace>
</template>

1
src/typings/naive-ui.d.ts vendored
View File

@@ -1,3 +1,4 @@
declare namespace NaiveUI {
type ThemeColor = 'default' | 'error' | 'primary' | 'info' | 'success' | 'warning';
type Align = 'stretch' | 'baseline' | 'start' | 'end' | 'center' | 'flex-end' | 'flex-start';
}