add key not found page

Author: fuyoo

src/i18n/en-US/index.ts

@@ -39,6 +39,7 @@ export default {
   tips: [
     'Current data type unsupported yet.',
     'Due to the data being larger than {size}, the displayed data is truncated. You can click the button next to it to download the original data',
+    'Currently Key {key} not found.'
   ],
   title: ['New {type} Type Key'],
 }

src/i18n/zh-CN/index.ts

@@ -33,6 +33,6 @@ export default {
   normal: ['数据库', '请选择一个键'],
   timeFormat: ['天', '时', '分', '秒', '毫秒', '永不过期'],
   table: ['数据', '操作'],
-  tips: ['该数据类型尚不支持','由于数据大于{size}，当前显示的是被截断的数据。你可以点击旁边的按钮下载原始数据'],
+  tips: ['该数据类型尚不支持','由于数据大于{size}，当前显示的是被截断的数据。你可以点击旁边的按钮下载原始数据','当前键{key}未查询到'],
   title: ['添加{type}类型键']
 }

src/pages/host/components/CoKeys/index.vue

@@ -177,7 +177,7 @@ const menuOptions = ref<DropdownOption[]>([
 ])
 const x = ref(0)
 const y = ref(0)
-const supportDataType = ['string', 'list', 'set', 'zset', 'hash']
+const supportDataType = ['string', 'list', 'set', 'zset', 'hash','none']
 const nodeProps = ({ option }: { option: Tree }) => {
   return {
     async onClick() {

src/pages/host/key-types/co-none/index.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { Key } from '@/tools/keys.ts'
+
+const key = Key()
+</script>
+
+<template>
+  <div class="h-full w-full flex justify-center items-center">
+    <n-empty size="huge" :description="$t('tips.2',{key:key})"></n-empty>
+  </div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/host/key-types/co-string/index.vue

@@ -98,10 +98,10 @@ const changeValue = () => {
       </n-space>
     </co-info-header>
     <div class="p-4">
-      <n-alert v-if="largerThan" type="info"  :bordered="false">
+      <n-alert v-if="largerThan" type="info" class="mb-4"  :bordered="false">
         {{$t('tips[1]',{size: '1Mb'})}} <n-button size="tiny" type="primary" quaternary>{{$t("actions.6")}}</n-button>
       </n-alert>
-      <textarea readonly class="mt-4 w-full h-full resize-none b-none outline-none" v-model="content" />
+      <textarea readonly class=" w-full h-full resize-none b-none outline-none" v-model="content" />
     </div>
   </div>
 </template>

src/router/routes.ts

@@ -44,6 +44,10 @@ const routes: RouteRecordRaw[] = [
                 path: 'set/:key',
                 component: () => import('@/pages/host/key-types/co-set/index.vue'),
               },
+              {
+                path: 'none/:key',
+                component: () => import('@/pages/host/key-types/co-none/index.vue'),
+              },
               {
                 path: 'list/:key',
                 component: () => import('@/pages/host/key-types/co-list/index.vue'),