redis add item prepare

packages/web/src/dbkeyvalue/DbKeyItemDetail.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import AceEditor from '../query/AceEditor.svelte';
+
+  export let keyInfo;
+  export let item;
+</script>
+
+<div class="props">
+  {#each keyInfo.tableColumns as column}
+    <div class="colname">{column.name}</div>
+    <div class="colvalue">
+      <AceEditor readOnly value={item && item[column.name]} />
+    </div>
+  {/each}
+</div>
+
+<style>
+  .props {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .colname {
+    margin: 10px;
+  }
+
+  .colvalue {
+    position: relative;
+    flex: 1;
+  }
+</style>