feat: Bucket采用gird显示

This commit is contained in:
dhb52 2024-05-15 00:27:07 +08:00
parent 53dd629f19
commit 2da42ab386

View File

@ -83,18 +83,18 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
const buckets = (slice?: number) => { const buckets = (slice?: number) => {
const consumerBuckets = slice ? row.consumerBuckets?.slice(0, slice) : row.consumerBuckets; const consumerBuckets = slice ? row.consumerBuckets?.slice(0, slice) : row.consumerBuckets;
return consumerBuckets?.map(bucket => ( return consumerBuckets?.map(bucket => (
<NTag type="error" key={bucket} class="mr-8px"> <NTag type="error" key={bucket} class="m-1 justify-center">
{bucket} {bucket}
</NTag> </NTag>
)); ));
}; };
const path = () => { const path = () => {
return <NTag type="info">{row.contextPath}</NTag>; return <NTag type="info">{row.contextPath ?? '/'}</NTag>;
}; };
return row.nodeType === 1 ? ( return row.nodeType === 1 ? (
<>path: {path()}</> <>Path: {path()}</>
) : ( ) : (
<> <>
<span>Bucket: </span> <span>Bucket: </span>
@ -103,7 +103,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
{{ {{
trigger: () => <NTag type="error">...</NTag>, trigger: () => <NTag type="error">...</NTag>,
default: () => { default: () => {
return <div class="w-600px">{buckets()}</div>; return <div class="grid grid-cols-16">{buckets()}</div>;
} }
}} }}
</n-popover> </n-popover>