fix: entry editor may lose field value

frontend/src/components/content_value/ContentEntryEditor.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, defineEmits, defineProps, nextTick, reactive, ref, watch } from 'vue'
+import { computed, defineEmits, defineProps, nextTick, reactive, ref, watchEffect } from 'vue'
 import { useThemeVars } from 'naive-ui'
 import Save from '@/components/icons/Save.vue'
 import { decodeTypes, formatTypes } from '@/consts/value_view_type.js'
@@ -13,8 +13,12 @@ import Pin from '@/components/icons/Pin.vue'
 import OffScreen from '@/components/icons/OffScreen.vue'
 import ContentEditor from '@/components/content_value/ContentEditor.vue'
 import usePreferencesStore from 'stores/preferences.js'
+import { toString } from 'lodash'
 
 const props = defineProps({
+    show: {
+        type: Boolean,
+    },
     field: {
         type: [String, Number],
     },
@@ -54,15 +58,17 @@ const emit = defineEmits([
     'close',
 ])
 
-watch(
-    () => props.value,
-    (val) => {
-        if (val != null) {
+watchEffect(
+    () => {
+        if (props.show && props.value != null) {
             onFormatChanged()
         } else {
             viewAs.value = ''
         }
     },
+    {
+        flush: 'post',
+    },
 )
 
 const loading = ref(false)
@@ -84,7 +90,7 @@ const displayValue = computed(() => {
 })
 const editingContent = ref('')
 const enableSave = computed(() => {
-    return editingContent.value !== viewAs.value
+    return toString(props.field) !== viewAs.field || editingContent.value !== viewAs.value
 })
 
 const viewLanguage = computed(() => {
@@ -150,7 +156,7 @@ const onSave = () => {
 </script>
 
 <template>
-    <div class="entry-editor flex-box-v">
+    <div v-show="show" class="entry-editor flex-box-v">
         <n-card :title="$t('interface.edit_row')" autofocus size="small" style="height: 100%">
             <div class="editor-content flex-box-v" style="height: 100%">
                 <!-- field -->

frontend/src/components/content_value/ContentValueHash.vue

@@ -402,6 +402,7 @@ defineExpose({
                     :field="currentEditRow.key"
                     :field-label="$t('common.field')"
                     :format="currentEditRow.format"
+                    :show="inEdit"
                     :value="currentEditRow.value"
                     :value-label="$t('common.value')"
                     class="flex-item-expand"

frontend/src/components/content_value/ContentValueList.vue

@@ -379,6 +379,7 @@ defineExpose({
                     :field-label="$t('common.index')"
                     :field-readonly="true"
                     :format="currentEditRow.format"
+                    :show="inEdit"
                     :value="currentEditRow.value"
                     :value-label="$t('common.value')"
                     class="flex-item-expand"

frontend/src/components/content_value/ContentValueSet.vue

@@ -376,6 +376,7 @@ defineExpose({
                     :field-label="$t('common.index')"
                     :field-readonly="true"
                     :format="currentEditRow.format"
+                    :show="inEdit"
                     :value="currentEditRow.value"
                     :value-label="$t('common.value')"
                     class="flex-item-expand"

frontend/src/components/content_value/ContentValueZSet.vue

@@ -411,6 +411,7 @@ defineExpose({
                     :field="currentEditRow.score"
                     :field-label="$t('common.score')"
                     :format="currentEditRow.format"
+                    :show="inEdit"
                     :value="currentEditRow.value"
                     :value-label="$t('common.value')"
                     class="flex-item-expand"

frontend/src/consts/support_redis_type.js

@@ -15,7 +15,7 @@ export const typesShortName = {
     STRING: 'S',
     HASH: 'H',
     LIST: 'L',
-    SET: 'S',
+    SET: 'E',
     ZSET: 'Z',
     STREAM: 'X',
 }