From 6dcdbc198301bb865b63e4d77c90affccfee0e17 Mon Sep 17 00:00:00 2001
From: wxs <wxs@wxsdeMacBook-Air.local>
Date: Thu, 23 Apr 2026 21:01:45 +0800
Subject: [PATCH] feat(yuntu): refine crowd portrait download flow

---
 .../yuntuCrowdPortraitDownload.user.js        | 43 +++++++++++++++----
 1 file changed, 34 insertions(+), 9 deletions(-)

diff --git a/yuntu/yuntuCrowdPortraitDownload/yuntuCrowdPortraitDownload.user.js b/yuntu/yuntuCrowdPortraitDownload/yuntuCrowdPortraitDownload.user.js
index 7160f8d..4607536 100644
--- a/yuntu/yuntuCrowdPortraitDownload/yuntuCrowdPortraitDownload.user.js
+++ b/yuntu/yuntuCrowdPortraitDownload/yuntuCrowdPortraitDownload.user.js
@@ -588,6 +588,26 @@
         return `${brandPart}_${crowdSamplePart}_${crowdCountPart}_${timestampPart}.csv`
     }
 
+    function ensureProgressToastStyle() {
+        if (document.getElementById("yuntu-portrait-progress-toast-style")) {
+            return
+        }
+
+        const style = document.createElement("style")
+        style.id = "yuntu-portrait-progress-toast-style"
+        style.textContent = `
+            .yuntu-portrait-progress-toast {
+                overflow: hidden !important;
+            }
+
+            .yuntu-portrait-progress-toast .swal2-html-container {
+                margin: 0.75em 0 0 !important;
+                overflow: hidden !important;
+            }
+        `
+        document.head.appendChild(style)
+    }
+
     function showToast(icon, title) {
         const Toast = Swal.mixin({
             toast: true,
@@ -616,28 +636,29 @@
             const percent = this.getProgressPercent()
             const remainingCount = Math.max(this.totalRequestCount - this.completedRequestCount, 0)
             const crowdHtml = crowdName
-                ? `<div style="margin-bottom:8px;color:#5f5f5f;">当前人群：${escapeHtml(crowdName)}</div>`
+                ? `<div style="margin-bottom:8px;color:#5f5f5f;white-space:normal;word-break:break-all;overflow-wrap:anywhere;">当前人群：${escapeHtml(crowdName)}</div>`
                 : ""
 
             return `
-                <div style="min-width:320px;text-align:left;">
+                <div style="width:100%;text-align:left;white-space:normal;overflow:hidden;">
                     ${crowdHtml}
-                    <div style="display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;">
-                        <span>${escapeHtml(statusText)}</span>
-                        <span>${this.completedRequestCount}/${this.totalRequestCount}</span>
+                    <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;font-size:12px;">
+                        <span style="flex:1;white-space:normal;word-break:break-all;overflow-wrap:anywhere;">${escapeHtml(statusText)}</span>
+                        <span style="flex:none;white-space:nowrap;">${this.completedRequestCount}/${this.totalRequestCount}</span>
                     </div>
                     <div style="height:8px;background:#f3d7d2;border-radius:999px;overflow:hidden;">
                         <div style="height:100%;width:${percent}%;background:#a52615;transition:width .2s ease;"></div>
                     </div>
-                    <div style="display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#666;">
-                        <span>已完成 ${this.completedRequestCount} 次请求</span>
-                        <span>剩余 ${remainingCount} 次请求</span>
+                    <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;font-size:12px;color:#666;">
+                        <span style="white-space:normal;word-break:break-all;overflow-wrap:anywhere;">已完成 ${this.completedRequestCount} 次请求</span>
+                        <span style="flex:none;white-space:nowrap;">剩余 ${remainingCount} 次请求</span>
                     </div>
                 </div>
             `
         }
 
         showProgressToast(statusText, crowdName = "") {
+            ensureProgressToastStyle()
             const toastOptions = {
                 toast: true,
                 position: "top-end",
@@ -647,7 +668,11 @@
                 allowOutsideClick: false,
                 allowEscapeKey: false,
                 title: "下载画像进度",
-                html: this.renderProgressHtml(statusText, crowdName)
+                html: this.renderProgressHtml(statusText, crowdName),
+                width: 460,
+                customClass: {
+                    popup: "yuntu-portrait-progress-toast"
+                }
             }
 
             if (Swal.isVisible()) {