修复展示遮罩挡住修复最大字数

2026-07-01 16:44:29 +08:00
parent 9be5c1b31f
commit 57a59c7c76
9 changed files with 75 additions and 78 deletions
@@ -159,14 +159,6 @@ onUnmounted(() => window.removeEventListener('keydown', onKey))

        <!-- quick actions, hover-revealed; same style as 首页内容 -->
        <div class="absolute top-3 right-3 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-          <a :href="generatedUrl(f.name)" target="_blank" @click.stop title="新标签打开"
-             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
-            <Icon name="open" class="w-3.5 h-3.5" />
-          </a>
-          <button @click.stop="copyLink(f.name)" title="复制链接"
-             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
-            <Icon name="copy" class="w-3.5 h-3.5" />
-          </button>
          <a :href="generatedUrl(f.name)" :download="f.name.split('/').pop()" @click.stop title="下载"
             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
            <Icon name="download" class="w-3.5 h-3.5" />
@@ -25,6 +25,12 @@ async function copyPrompt(e) {
  clearTimeout(toastTimer)
  toastTimer = setTimeout(() => (toast.value = ''), 1800)
 }
+async function copyError(e) {
+  if (!e.error) return
+  toast.value = (await copyText(e.error)) ? '错误已复制' : '复制失败'
+  clearTimeout(toastTimer)
+  toastTimer = setTimeout(() => (toast.value = ''), 1800)
+}

 async function load() {
  loading.value = true
@@ -294,8 +300,10 @@ const sourcePill = (s) => ({
                   :class="e.prompt ? 'cursor-pointer hover:text-white' : ''"
                   :title="e.prompt ? '点击复制提示词' : ''"
                   @click="e.prompt && copyPrompt(e)">{{ e.prompt || '—' }}</div>
-              <div v-if="e.error" class="mt-1 text-[11px] text-rose-300/85 truncate flex items-center gap-1.5" :title="e.error">
-                <Icon name="close" class="w-3 h-3 shrink-0" />
+              <div v-if="e.error" class="mt-1 text-[11px] text-rose-300/85 truncate flex items-center gap-1.5 cursor-pointer hover:text-rose-200 transition-colors"
+                   :title="e.error + ' — 点击复制'"
+                   @click.stop="copyError(e)">
+                <Icon name="copy" class="w-3 h-3 shrink-0" />
                {{ e.error }}
              </div>
            </td>
@@ -524,8 +524,11 @@ onUnmounted(() => {

      <!-- prompt -->
      <div>
-        <label class="block text-xs font-medium text-slate-500 mb-1.5">提示词</label>
-        <textarea v-model="prompt" rows="4" class="field resize-none disabled:opacity-60 disabled:cursor-not-allowed"
+        <div class="flex items-center justify-between mb-1.5">
+          <label class="block text-xs font-medium text-slate-500">提示词</label>
+          <span class="text-[11px] tabular-nums" :class="prompt.length >= 2000 ? 'text-rose-500' : 'text-slate-400'">{{ prompt.length }}/2000</span>
+        </div>
+        <textarea v-model="prompt" rows="4" maxlength="2000" class="field resize-none disabled:opacity-60 disabled:cursor-not-allowed"
                  placeholder="描述想要的画面…如：黄昏时分,金色麦田里奔跑的金毛猎犬,电影感"></textarea>
      </div>

@@ -646,7 +649,11 @@ onUnmounted(() => {
            <div class="absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/85 via-black/30 to-transparent pointer-events-none"></div>
            <!-- hover action: 上参考图. Image → use as reference; video → 末帧设为首帧
                 (only shown when the model supports 首尾帧). Clicking the media zooms. -->
-            <div class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity">
+            <div class="absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+              <a :href="item.url" :download="(item.url || '').split('/').pop()" @click.stop title="下载"
+                 class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
+                <Icon name="download" class="w-3.5 h-3.5" />
+              </a>
              <button v-if="item.kind === 'video' ? (refMode === 'frame' && maxRefs > 0) : (maxRefs > 0)"
                      @click.stop="item.kind === 'video' ? useVideoFrame(item) : useAsRef(item)"
                      :title="item.kind === 'video' ? '把末帧设为首帧' : '作为参考图'"
@@ -32,6 +32,12 @@ async function copyPrompt(e) {
  clearTimeout(toastTimer)
  toastTimer = setTimeout(() => (toast.value = ''), 1800)
 }
+async function copyError(e) {
+  if (!e.error) return
+  toast.value = (await copyText(e.error)) ? '错误已复制' : '复制失败'
+  clearTimeout(toastTimer)
+  toastTimer = setTimeout(() => (toast.value = ''), 1800)
+}

 // 来源筛选走服务端:画图台 = source "user",API = source "v1"。
 const SOURCE_PARAM = { web: 'user', api: 'v1' }
@@ -246,7 +252,9 @@ const params = (e) => {
                   :class="e.prompt ? 'cursor-pointer hover:text-slate-900' : ''"
                   :title="e.prompt ? '点击复制提示词' : ''"
                   @click="e.prompt && copyPrompt(e)">{{ e.prompt || '—' }}</div>
-              <div v-if="e.error" class="mt-1 text-[11px] text-rose-600 truncate" :title="e.error">⚠ {{ e.error }}</div>
+              <div v-if="e.error" class="mt-1 text-[11px] text-rose-600 truncate cursor-pointer hover:text-rose-700 transition-colors"
+                   :title="e.error + ' — 点击复制'"
+                   @click.stop="copyError(e)">⚠ {{ e.error }}</div>
            </td>
            <td class="px-3 py-3 align-middle text-xs text-slate-500 tabular-nums">{{ params(e) || '—' }}</td>
            <td class="px-3 py-3 align-middle text-right text-xs text-slate-700 tabular-nums">{{ e.cost ? points(e.cost) : '—' }}</td>
@@ -190,14 +190,6 @@ onUnmounted(() => {
        <!-- hover actions (only when there's a file) -->
        <div v-if="e.status === 'success' && e.file"
             class="absolute top-3 right-3 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-          <a :href="generatedUrl(e.file)" target="_blank" @click.stop title="新标签打开"
-             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
-            <Icon name="open" class="w-3.5 h-3.5" />
-          </a>
-          <button @click.stop="copyLink(e.file)" title="复制链接"
-             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
-            <Icon name="copy" class="w-3.5 h-3.5" />
-          </button>
          <a :href="generatedUrl(e.file)" :download="e.file.split('/').pop()" @click.stop title="下载"
             class="w-7 h-7 rounded-lg bg-black/50 ring-1 ring-white/10 hover:bg-black/70 text-white grid place-items-center">
            <Icon name="download" class="w-3.5 h-3.5" />