feat(usage): 展示压缩操作与进行态请求语义

2026-10-09 02:47:45 +08:00 · 2026-07-13 22:03:44 +08:00
parent b09d1f1c33
commit 3f86fdd6bc
12 changed files with 188 additions and 14 deletions
@@ -75,6 +75,13 @@
              >
                {{ getEndpointScopeLabel(group) }}
              </Badge>
+              <Badge
+                v-if="group.operations.length > 0"
+                variant="outline"
+                class="text-xs"
+              >
+                {{ getOperationScopeLabel(group) }}
+              </Badge>
            </div>
            <!-- 映射数量 -->
            <span class="text-xs text-muted-foreground shrink-0">
@@ -130,6 +137,7 @@
              </div>
              <!-- 测试按钮 -->
              <Button
+                v-if="group.operations.length === 0"
                variant="ghost"
                size="icon"
                class="h-7 w-7 shrink-0"
@@ -269,8 +277,12 @@ function getEndpointIdsKey(endpointIds: string[] | undefined): string {
  return getScopeKey(endpointIds)
 }

+function getOperationsKey(operations: string[] | undefined): string {
+  return getScopeKey(operations)
+}
+
 function getAliasGroupKey(group: AliasGroup): string {
-  return `${group.model.id}-${group.apiFormatsKey}-${group.endpointIdsKey}`
+  return `${group.model.id}-${group.apiFormatsKey}-${group.endpointIdsKey}-${group.operationsKey}`
 }

 function getEndpointScopeLabel(group: AliasGroup): string {
@@ -278,6 +290,11 @@ function getEndpointScopeLabel(group: AliasGroup): string {
  return `${group.endpointIds.length} 端点`
 }

+function getOperationScopeLabel(group: AliasGroup): string {
+  if (group.operations.length === 1 && group.operations[0] === 'compact') return '压缩'
+  return `${group.operations.length} 项操作`
+}
+
 // 按"模型+作用域"分组的映射列表
 const aliasGroups = computed<AliasGroup[]>(() => {
  const groups: AliasGroup[] = []
@@ -289,7 +306,8 @@ const aliasGroups = computed<AliasGroup[]>(() => {
    for (const alias of model.provider_model_mappings) {
      const apiFormatsKey = getApiFormatsKey(alias.api_formats)
      const endpointIdsKey = getEndpointIdsKey(alias.endpoint_ids)
-      const groupKey = `${model.id}|${apiFormatsKey}|${endpointIdsKey}`
+      const operationsKey = getOperationsKey(alias.operations)
+      const groupKey = `${model.id}|${apiFormatsKey}|${endpointIdsKey}|${operationsKey}`

      if (!groupMap.has(groupKey)) {
        const group: AliasGroup = {
@@ -298,6 +316,8 @@ const aliasGroups = computed<AliasGroup[]>(() => {
          apiFormats: alias.api_formats || [],
          endpointIdsKey,
          endpointIds: normalizeStringList(alias.endpoint_ids),
+          operationsKey,
+          operations: normalizeStringList(alias.operations),
          aliases: []
        }
        groupMap.set(groupKey, group)
@@ -317,6 +337,7 @@ const aliasGroups = computed<AliasGroup[]>(() => {
    if (nameA !== nameB) return nameA.localeCompare(nameB)
    return a.apiFormatsKey.localeCompare(b.apiFormatsKey)
      || a.endpointIdsKey.localeCompare(b.endpointIdsKey)
+      || a.operationsKey.localeCompare(b.operationsKey)
  })
 })

@@ -339,8 +360,9 @@ const deleteConfirmDescription = computed(() => {
  const modelName = model.global_model_display_name || model.provider_model_name
  const scopeText = apiFormats.length === 0 ? '全部' : apiFormats.map(f => formatApiFormat(f)).join(', ')
  const endpointScope = getEndpointScopeLabel(deletingGroup.value)
+  const operationScope = getOperationScopeLabel(deletingGroup.value)
  const aliasNames = aliases.map(a => a.name).join(', ')
-  return `确定要删除模型「${modelName}」在作用域「${scopeText} / ${endpointScope}」下的 ${aliases.length} 个映射吗？\n\n映射名称：${aliasNames}`
+  return `确定要删除模型「${modelName}」在作用域「${scopeText} / ${endpointScope} / ${operationScope}」下的 ${aliases.length} 个映射吗？\n\n映射名称：${aliasNames}`
 })

 // 切换映射组展开状态
@@ -383,7 +405,7 @@ function deleteGroup(group: AliasGroup) {
 async function confirmDelete() {
  if (!deletingGroup.value) return

-  const { model, aliases, apiFormatsKey, endpointIdsKey } = deletingGroup.value
+  const { model, aliases, apiFormatsKey, endpointIdsKey, operationsKey } = deletingGroup.value

  try {
    const currentAliases = model.provider_model_mappings || []
@@ -391,7 +413,11 @@ async function confirmDelete() {
    const newAliases = currentAliases.filter((a: ProviderModelAlias) => {
      const currentKey = getApiFormatsKey(a.api_formats)
      const currentEndpointIdsKey = getEndpointIdsKey(a.endpoint_ids)
-      return !(currentKey === apiFormatsKey && currentEndpointIdsKey === endpointIdsKey && aliasNamesToRemove.has(a.name))
+      const currentOperationsKey = getOperationsKey(a.operations)
+      return !(currentKey === apiFormatsKey
+        && currentEndpointIdsKey === endpointIdsKey
+        && currentOperationsKey === operationsKey
+        && aliasNamesToRemove.has(a.name))
    })

    await updateModel(props.provider.id, model.id, {
@@ -79,6 +79,13 @@
              >
                {{ getGroupEndpointScopeLabel(item.group) }}
              </Badge>
+              <Badge
+                v-if="item.group && item.group.operations.length > 0"
+                variant="outline"
+                class="text-xs shrink-0"
+              >
+                {{ getGroupOperationScopeLabel(item.group) }}
+              </Badge>
            </template>
            <!-- 正则映射 -->
            <template v-else>
@@ -160,6 +167,7 @@
              </span>
              <!-- 测试按钮（直连测试） -->
              <Button
+                v-if="!item.group || item.group.operations.length === 0"
                variant="ghost"
                size="icon"
                class="h-7 w-7 shrink-0"
@@ -492,11 +500,20 @@ function getEndpointIdsKey(endpointIds: string[] | undefined): string {
  return getScopeKey(endpointIds)
 }

+function getOperationsKey(operations: string[] | undefined): string {
+  return getScopeKey(operations)
+}
+
 function getGroupEndpointScopeLabel(group: AliasGroup): string {
  if (!group.endpointIds || group.endpointIds.length === 0) return '全部端点'
  return `${group.endpointIds.length} 端点`
 }

+function getGroupOperationScopeLabel(group: AliasGroup): string {
+  if (group.operations.length === 1 && group.operations[0] === 'compact') return '压缩'
+  return `${group.operations.length} 项操作`
+}
+
 // 精确映射分组（来自 provider_model_mappings）
 const exactMappingGroups = computed<AliasGroup[]>(() => {
  const groups: AliasGroup[] = []
@@ -508,7 +525,8 @@ const exactMappingGroups = computed<AliasGroup[]>(() => {
    for (const alias of model.provider_model_mappings) {
      const apiFormatsKey = getApiFormatsKey(alias.api_formats)
      const endpointIdsKey = getEndpointIdsKey(alias.endpoint_ids)
-      const groupKey = `${model.id}|${apiFormatsKey}|${endpointIdsKey}`
+      const operationsKey = getOperationsKey(alias.operations)
+      const groupKey = `${model.id}|${apiFormatsKey}|${endpointIdsKey}|${operationsKey}`

      if (!groupMap.has(groupKey)) {
        const group: AliasGroup = {
@@ -517,6 +535,8 @@ const exactMappingGroups = computed<AliasGroup[]>(() => {
          apiFormats: alias.api_formats || [],
          endpointIdsKey,
          endpointIds: normalizeStringList(alias.endpoint_ids),
+          operationsKey,
+          operations: normalizeStringList(alias.operations),
          aliases: []
        }
        groupMap.set(groupKey, group)
@@ -593,7 +613,7 @@ const combinedMappings = computed<CombinedMapping[]>(() => {
  // 添加精确映射
  for (const group of exactMappingGroups.value) {
    result.push({
-      key: `exact-${group.model.id}-${group.apiFormatsKey}`,
+      key: `exact-${group.model.id}-${group.apiFormatsKey}-${group.endpointIdsKey}-${group.operationsKey}`,
      type: 'exact',
      targetModelName: group.model.global_model_display_name || group.model.provider_model_name,
      targetModelId: group.model.id,
@@ -638,7 +658,8 @@ const deleteConfirmDescription = computed(() => {
  const modelName = model.global_model_display_name || model.provider_model_name
  const aliasNames = aliases.map(a => a.name).join(', ')
  const endpointScope = getGroupEndpointScopeLabel(deletingGroup.value)
-  return `确定要删除模型「${modelName}」在「${endpointScope}」下的 ${aliases.length} 个映射吗？\n\n映射名称：${aliasNames}`
+  const operationScope = getGroupOperationScopeLabel(deletingGroup.value)
+  return `确定要删除模型「${modelName}」在「${endpointScope} / ${operationScope}」下的 ${aliases.length} 个映射吗？\n\n映射名称：${aliasNames}`
 })

 // 切换展开状态
@@ -685,7 +706,7 @@ function deleteGroup(group: AliasGroup) {
 async function confirmDelete() {
  if (!deletingGroup.value) return

-  const { model, aliases, apiFormatsKey, endpointIdsKey } = deletingGroup.value
+  const { model, aliases, apiFormatsKey, endpointIdsKey, operationsKey } = deletingGroup.value

  try {
    const currentAliases = model.provider_model_mappings || []
@@ -693,7 +714,11 @@ async function confirmDelete() {
    const newAliases = currentAliases.filter((a: ProviderModelAlias) => {
      const currentKey = getApiFormatsKey(a.api_formats)
      const currentEndpointIdsKey = getEndpointIdsKey(a.endpoint_ids)
-      return !(currentKey === apiFormatsKey && currentEndpointIdsKey === endpointIdsKey && aliasNamesToRemove.has(a.name))
+      const currentOperationsKey = getOperationsKey(a.operations)
+      return !(currentKey === apiFormatsKey
+        && currentEndpointIdsKey === endpointIdsKey
+        && currentOperationsKey === operationsKey
+        && aliasNamesToRemove.has(a.name))
    })

    await updateModel(props.provider.id, model.id, {