Function renderLocalCacheList

app/static/cache/cache.js:798–846

(type, items)

}

function renderLocalCacheList(type, items) {
  const body = type === 'image' ? ui.localImageBody : ui.localVideoBody;
  if (!body) return;
  if (!items || items.length === 0) {
    body.innerHTML = `<tr><td colspan="5">暂无文件</td></tr>`;
    syncLocalSelectAllState(type);
    return;
  }
  const selected = selectedLocal[type];
  body.innerHTML = items.map(item => {
    const timeText = formatTime(item.mtime_ms);
    const preview = item.preview_url ? `<img src="${item.preview_url}" alt="" class="cache-preview">` : '';
    const checked = selected.has(item.name) ? 'checked' : '';
    const rowClass = selected.has(item.name) ? 'row-selected' : '';
    return `
      <tr class="${rowClass}">
        <td class="text-center">
          <input type="checkbox" class="checkbox" data-name="${item.name}" ${checked} onchange="toggleLocalSelect('${type}', '${item.name}', this)">
        </td>
        <td class="text-left">
          <div class="flex items-center gap-2">
            ${preview}
            <span class="font-mono text-xs text-gray-500">${item.name}</span>
          </div>
        </td>
        <td class="text-left">${formatSize(item.size_bytes)}</td>
        <td class="text-left text-xs text-gray-500">${timeText}</td>
        <td class="text-center">
          <div class="cache-list-actions">
            <button class="cache-icon-button" onclick="viewLocalFile('${type}', '${item.name}')" title="查看">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z"></path>
                <circle cx="12" cy="12" r="3"></circle>
              </svg>
            </button>
            <button class="cache-icon-button" onclick="deleteLocalFile('${type}', '${item.name}')" title="删除">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="3 6 5 6 21 6"></polyline>
                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
              </svg>
            </button>
          </div>
        </td>
      </tr>
    `;
  }).join('');
  syncLocalSelectAllState(type);
  updateSelectedCount();
}

function viewLocalFile(type, name) {
  const safeName = encodeURIComponent(name);