mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-23 15:06:01 +00:00
41 lines
1001 B
Svelte
41 lines
1001 B
Svelte
<script lang="ts">
|
|
import { safeJsonParse } from 'dbgate-tools';
|
|
|
|
import CellValue from '../datagrid/CellValue.svelte';
|
|
import JSONTree from '../jsontree/JSONTree.svelte';
|
|
|
|
export let value;
|
|
export let rowSpan;
|
|
export let rowData;
|
|
export let columnIndex;
|
|
export let displayType;
|
|
</script>
|
|
|
|
<td rowspan={rowSpan} data-column={columnIndex}>
|
|
{#if value !== undefined}
|
|
{#if displayType == 'json'}
|
|
<JSONTree value={safeJsonParse(value)} slicedKeyCount={1} disableContextMenu />
|
|
{:else}
|
|
<CellValue {rowData} {value} />
|
|
{/if}
|
|
{/if}
|
|
</td>
|
|
|
|
<style>
|
|
td {
|
|
font-weight: normal;
|
|
/* border: 1px solid var(--theme-border); */
|
|
background-color: var(--theme-bg-0);
|
|
padding: 2px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
border-bottom: 1px solid var(--theme-border);
|
|
border-right: 1px solid var(--theme-border);
|
|
}
|
|
td:global(.highlight) {
|
|
border: 3px solid var(--theme-icon-blue);
|
|
padding: 0px;
|
|
}
|
|
</style>
|