Browse Source

refactor(editor): 移除要素列表的"加载更多"功能

- 删除加载更多按钮和相关模板
- 移除 entityDisplayLimit、ENTITY_PAGE_SIZE 等相关变量
- 移除 loadMoreEntities 函数和 hasMoreEntities/remainingEntitiesCount 计算属性
- 要素列表现在直接显示所有过滤后的实体
- 删除相关样式代码
何文松 3 tuần trước cách đây
mục cha
commit
20dbe76fc0
1 tập tin đã thay đổi với 3 bổ sung46 xóa
  1. 3 46
      frontend/vue-demo/src/views/Editor.vue

+ 3 - 46
frontend/vue-demo/src/views/Editor.vue

@@ -316,20 +316,10 @@
                 <span class="tag-status" v-if="entity.confirmed">✓</span>
               </div>
             </div>
-            <!-- 加载更多按钮 -->
-            <div class="load-more-wrap" v-if="hasMoreEntities">
-              <el-button 
-                size="small" 
-                text 
-                @click="loadMoreEntities"
-              >
-                加载更多 (还有 {{ remainingEntitiesCount }} 个)
-              </el-button>
-            </div>
             <div class="element-hint" v-if="!entities || entities.length === 0">
               选中文本后右键标记为实体
             </div>
-            <div class="element-hint" v-else-if="(!filteredEntities || filteredEntities.length === 0) && !hasMoreEntities">
+            <div class="element-hint" v-else-if="!filteredEntities || filteredEntities.length === 0">
               没有匹配的要素
             </div>
           </div>
@@ -1139,8 +1129,6 @@ const entityTypeCounts = computed(() => {
 })
 
 // 实体显示数量限制(性能优化)
-const entityDisplayLimit = ref(50)
-const ENTITY_PAGE_SIZE = 50
 
 // 计算属性:筛选后的要素列表(全部)
 const allFilteredEntities = computed(() => {
@@ -1165,32 +1153,9 @@ const allFilteredEntities = computed(() => {
   return result
 })
 
-// 计算属性:限制显示数量的要素列表
+// 计算属性:过滤后的要素列表(直接显示所有)
 const filteredEntities = computed(() => {
-  const all = allFilteredEntities.value || []
-  return all.slice(0, entityDisplayLimit.value)
-})
-
-// 是否还有更多实体可显示
-const hasMoreEntities = computed(() => {
-  const all = allFilteredEntities.value || []
-  return all.length > entityDisplayLimit.value
-})
-
-// 剩余未显示的实体数量
-const remainingEntitiesCount = computed(() => {
-  const all = allFilteredEntities.value || []
-  return Math.max(0, all.length - entityDisplayLimit.value)
-})
-
-// 加载更多实体
-function loadMoreEntities() {
-  entityDisplayLimit.value += ENTITY_PAGE_SIZE
-}
-
-// 重置实体显示数量(筛选条件变化时)
-watch([entityTypeFilter, entitySearchKeyword], () => {
-  entityDisplayLimit.value = ENTITY_PAGE_SIZE
+  return allFilteredEntities.value || []
 })
 
 // 切换类型筛选
@@ -3984,14 +3949,6 @@ onUnmounted(() => {
     }
   }
   
-  .load-more-wrap {
-    width: 100%;
-    text-align: center;
-    padding: 10px 0;
-    margin-top: 8px;
-    border-top: 1px dashed var(--border);
-  }
-  
   // ==========================================
   // 要素标签样式 - V2 风格
   // ==========================================