bi-components-library 1.1.83 → 1.1.84

package/dist/index.es.js

@@ -1343,32 +1343,39 @@ function cc(e, t, n, r, a = []) {
     async (s, o) => {
       if (!t || !o.trim()) return;
       const u = oc(o);
-      r((l) => ({
-        ...l,
-        [s]: { status: "loading" }
+      r((p) => ({
+        ...p,
+        [s]: { status: "loading", progress: 0 }
       }));
+      let l = 0;
+      const d = setInterval(() => {
+        l = Math.min(l + Math.random() * 15 + 5, 90), r((p) => {
+          const g = p[s];
+          return !g || g.status !== "loading" ? p : { ...p, [s]: { ...g, progress: Math.round(l) } };
+        });
+      }, 400);
       try {
-        const l = await t({ url: u });
-        r((d) => ({
-          ...d,
+        const p = await t({ url: u });
+        clearInterval(d), r((g) => ({
+          ...g,
           [s]: {
             status: "success",
-            videoUrl: l.videoUrl,
-            thumbnail: l.thumbnail || "",
+            videoUrl: p.videoUrl,
+            thumbnail: p.thumbnail || "",
             fileName: u
           }
-        })), !l.thumbnail && l.videoUrl && lc(l.videoUrl).then((d) => {
-          d && r((p) => {
-            const g = p[s];
-            return !g || g.status !== "success" ? p : { ...p, [s]: { ...g, thumbnail: d } };
+        })), !p.thumbnail && p.videoUrl && lc(p.videoUrl).then((g) => {
+          g && r((f) => {
+            const y = f[s];
+            return !y || y.status !== "success" ? f : { ...f, [s]: { ...y, thumbnail: g } };
           });
         });
-      } catch (l) {
-        r((d) => ({
-          ...d,
+      } catch (p) {
+        clearInterval(d), r((g) => ({
+          ...g,
           [s]: {
             status: "error",
-            errorMsg: l instanceof Error ? l.message : "解析失败"
+            errorMsg: p instanceof Error ? p.message : "解析失败"
           }
         }));
       }
@@ -22115,9 +22122,10 @@ const Fb = (e, t) => {
 }, Ua = `<span class="rte-text-required"><i class='iconfont icon-bitian' style='font-size: 10px;'></i></span>`, iT = (e, t) => {
   const n = e.key, r = t[n], a = e.exclusionGroup ? ` data-group="${e.exclusionGroup}"` : "", i = nt(e.tooltip), s = i ? ` data-tooltip="${ue(i)}"` : "";
   let o;
-  if (r?.status === "loading")
-    o = '<span class="video-inner-wrapper video-url-inner"><span class="video-loading-spinner"></span><span class="video-label">解析中...</span></span>';
-  else if (r?.status === "success" && r.videoUrl) {
+  if (r?.status === "loading") {
+    const l = typeof r.progress == "number" ? Math.min(Math.max(r.progress, 0), 100) : 0, d = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Crect fill='%23999' width='1' height='1'/%3E%3C/svg%3E", p = 2 * Math.PI * 6.5, g = p * (1 - l / 100), f = `<svg class="video-upload-progress-ring" viewBox="0 0 16 16" width="16" height="16"><circle cx="8" cy="8" r="6.5" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="1.5"/><circle cx="8" cy="8" r="6.5" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-dasharray="${p}" stroke-dashoffset="${g}" transform="rotate(-90 8 8)"/></svg>`;
+    o = `<span class="video-inner-wrapper video-upload-inner video-uploading"><span class="video-thumbnail-wrapper"><img class="video-thumbnail" src="${d}" alt="thumbnail" /><span class="video-thumbnail-overlay"></span>${f}</span><span class="video-label">解析中...</span></span>`;
+  } else if (r?.status === "success" && r.videoUrl) {
     const l = r.fileName || "视频", d = '<svg class="video-play-icon" viewBox="0 0 16 16" width="16" height="16"><circle cx="8" cy="8" r="8" fill="rgba(0,0,0,0.5)"/><polygon points="6.5,4.5 6.5,11.5 12,8" fill="#fff"/></svg>';
     o = `<span class="video-inner-wrapper video-url-inner has-video">${r.thumbnail ? `<span class="video-thumbnail-wrapper"><img class="video-thumbnail" src="${ue(r.thumbnail)}" alt="thumbnail" />${d}</span>` : `<span class="video-thumbnail-wrapper"><span class="video-thumbnail video-thumbnail-placeholder"><i class="iconfont icon-shipin" style="font-size:20px;color:#8c8c8c;"></i></span>${d}</span>`}<span class="video-label" data-file-name="${ue(l)}">${ue(l)}</span><span class="video-remove-btn" title="移除视频">×</span></span>`;
   } else {