优化pagetype添加标签的实现

frontend/src/core/pagetype/form/panel/TagSection.vue

@@ -15,15 +15,26 @@
       {{ tag }}
     </n-tag>
 
-    <!-- 编辑态：⊕ 按钮（输入框收起时） -->
-    <button
-      v-if="canEdit && !inputVisible"
-      class="tag-add-btn"
-      @click="inputVisible = true"
-      :title="t('Add tag...')"
-    >
-      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
-    </button>
+    <!-- 编辑态：⊕ 按钮或幽灵文字（输入框收起时） -->
+    <template v-if="canEdit && !inputVisible">
+      <!-- 有标签时：⊕ 按钮 -->
+      <button
+        v-if="tags.length > 0"
+        class="tag-add-btn"
+        @click="handleShowInput"
+        :title="t('Add tag...')"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+      </button>
+      <!-- 无标签时：幽灵文字入口 -->
+      <span
+        v-else
+        class="tag-ghost"
+        @click="handleShowInput"
+      >
+        + {{ t('Add tag') }}
+      </span>
+    </template>
 
     <!-- 编辑态：输入框（展开时） -->
     <div v-if="canEdit && inputVisible" class="tag-compact-input" ref="inputContainerRef">
@@ -144,21 +155,24 @@ async function handleAddTag(tag: string) {
   const trimmed = (tag || '').trim()
   if (!trimmed) return
 
+  // 检查重复（此时 _user_tags 已包含之前乐观添加的结果）
   if (tags.value.includes(trimmed)) {
     tagInput.value = ''
     return
   }
 
+  // 乐观更新：立即更新本地 _user_tags，防止 @select + @keyup.enter 并发添加相同标签
+  const currentTags = props.record._user_tags || ''
+  const newTags = currentTags ? `${currentTags},${trimmed}` : `,${trimmed}`
+  props.record._user_tags = newTags
+  tagInput.value = ''
+
   try {
     await api.call('jingrow.desk.pagetype.tag.tag.add_tag', {
       tag: trimmed,
       dt: props.entity,
       dn: props.id
     })
-    const currentTags = props.record._user_tags || ''
-    const newTags = currentTags ? `${currentTags},${trimmed}` : `,${trimmed}`
-    props.record._user_tags = newTags
-    tagInput.value = ''
 
     // compact 模式：添加后聚焦输入框继续添加
     if (props.compact) {
@@ -167,6 +181,11 @@ async function handleAddTag(tag: string) {
       input?.focus()
     }
   } catch (e: any) {
+    // 回滚乐观更新
+    const tagList = (props.record._user_tags || '').split(',').filter(
+      (t: string) => t.trim() && t.trim() !== trimmed
+    )
+    props.record._user_tags = tagList.length > 0 ? ',' + tagList.join(',') : ''
     message.error(e.message || t('Failed to add tag'))
   }
 }
@@ -219,16 +238,25 @@ function handleTagClick(tag: string) {
   })
 }
 
+// compact 模式：展开输入框并自动聚焦
+async function handleShowInput() {
+  inputVisible.value = true
+  await nextTick()
+  inputContainerRef.value?.querySelector('input')?.focus()
+}
+
 // compact 模式：输入框失焦处理
 function handleInputBlur(e: FocusEvent) {
-  // 延迟收起，让点击建议项有机会先触发 select
+  // 延迟让 select / click 事件先触发
   setTimeout(() => {
     const relatedTarget = e.relatedTarget as HTMLElement | null
     const container = inputContainerRef.value
-    if (container && !container.contains(relatedTarget)) {
-      inputVisible.value = false
-      tagInput.value = ''
+    // 仅当焦点移到了容器外部才收起（包括 relatedTarget 为 null 时）
+    if (!container || (relatedTarget && container.contains(relatedTarget))) {
+      return
     }
+    inputVisible.value = false
+    tagInput.value = ''
   }, 200)
 }
 </script>
@@ -320,6 +348,18 @@ function handleInputBlur(e: FocusEvent) {
   background: #f3f4f6;
 }
 
+.tag-ghost {
+  color: #d1d5db;
+  font-size: 12px;
+  cursor: pointer;
+  user-select: none;
+  transition: color 0.15s ease;
+  line-height: 22px;
+}
+.tag-ghost:hover {
+  color: #6b7280;
+}
+
 .tag-compact-input {
   width: 180px;
 }

jingrow/locale/zh.po

@@ -23106,6 +23106,9 @@ msgstr "暂无标签"
 msgid "Add tag..."
 msgstr "添加标签..."
 
+msgid "Add tag"
+msgstr "添加标签"
+
 msgid "Failed to add tag"
 msgstr "添加标签失败"