perf: reduce repeated collection traversal

src/features/ecommerce/EcommercePage.tsx

@@ -576,6 +576,7 @@ const cloneSetCountOptions: Array<{
   { key: "white", title: "白底图", desc: "白底主图，多角度呈现商品细节" },
   { key: "scene", title: "场景图", desc: "展示商品的生活使用场景和人物搭配" },
 ];
+const cloneSetCountKeys = cloneSetCountOptions.map((option) => option.key);
 const defaultCloneSetCounts: Record<CloneSetCountKey, number> = {
   selling: 3,
   white: 1,
@@ -1634,7 +1635,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
       const generatedUrls: string[] = [];
       const stamp = Date.now();
 
-      for (const countKey of cloneSetCountOptions.map((o) => o.key)) {
+      for (const countKey of cloneSetCountKeys) {
         const count = counts[countKey];
         for (let i = 0; i < count; i++) {
           if (imageAbortRef.current.current) break;
@@ -1910,7 +1911,13 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
       platform, ratio, language, market,
       { gender: modelGender, age: modelAge, ethnicity: modelEthnicity, body: modelBody, appearance, scenes: selectedScenes, smartScene },
       (s) => setTryOnStatus(s as TryOnStatus),
-      (res) => setTryOnResultImages(res.map((r) => r.src).filter(Boolean)),
+      (res) => {
+        const urls: string[] = [];
+        for (const item of res) {
+          if (item.src) urls.push(item.src);
+        }
+        setTryOnResultImages(urls);
+      },
     );
     lastFailedActionRef.current = () => handleTryOnGenerate();
   };
@@ -2030,7 +2037,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
     productImages.length === 0 ? "请先上传商品原图" : status === "generating" ? "生成中..." : `生成${selectedCloneOutput.label}`;
   const setPreviewCards: CloneResult[] = [];
   let setIndex = 0;
-  for (const countKey of cloneSetCountOptions.map((o) => o.key)) {
+  for (const countKey of cloneSetCountKeys) {
     const count = cloneSetCounts[countKey];
     const info = setCountLabels[countKey];
     for (let i = 0; i < count; i++) {
@@ -2045,7 +2052,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
 
   const clonePreviewCards: CloneResult[] = [];
   let cloneIndex = 0;
-  for (const countKey of cloneSetCountOptions.map((o) => o.key)) {
+  for (const countKey of cloneSetCountKeys) {
     const count = cloneSetCounts[countKey];
     const info = setCountLabels[countKey];
     for (let i = 0; i < count; i++) {
@@ -2057,6 +2064,12 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
       cloneIndex++;
     }
   }
+  const detailSourcePreviewImages = detailProductImages.length
+    ? detailProductImages.reduce<string[]>((urls, item) => {
+        urls.push(item.src);
+        return urls;
+      }, [])
+    : detailProductSamples;
   const cloneBasicSelects: Array<{
     key: CloneBasicSelectKey;
     label: string;
@@ -2555,7 +2568,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
 
       <section className="product-detail-demo-board">
         <div className="product-detail-source-stack">
-          {(detailProductImages.length ? detailProductImages.map((item) => item.src) : detailProductSamples).map((src, index) => (
+          {detailSourcePreviewImages.map((src, index) => (
             <figure key={`${src}-${index}`}>
               <img src={src} alt={`商品原图 ${index + 1}`} />
             </figure>