From 7acbbfbdbcdff0abf17f605239d0a0ce921acce5 Mon Sep 17 00:00:00 2001
From: GEARLESS JOE <31471551+berber1016@users.noreply.github.com>
Date: Wed, 31 Aug 2022 19:15:37 +0800
Subject: [PATCH] fix: only one group item should have operation-process (#127)

---
 src/Preview.tsx                                | 5 +++--
 tests/__snapshots__/previewGroup.test.tsx.snap | 5 +++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Preview.tsx b/src/Preview.tsx
index bed021fb..bd0c7ca0 100644
--- a/src/Preview.tsx
+++ b/src/Preview.tsx
@@ -74,6 +74,7 @@ const Preview: React.FC<PreviewProps> = props => {
   const currentPreviewIndex = previewUrlsKeys.indexOf(current);
   const combinationSrc = isPreviewGroup ? previewUrls.get(current) : src;
   const showLeftOrRightSwitches = isPreviewGroup && previewGroupCount > 1;
+  const showOperationsProgress = isPreviewGroup && previewGroupCount >= 1;
   const [lastWheelZoomDirection, setLastWheelZoomDirection] = useState({ wheelDirection: 0 });
 
   const onAfterClose = () => {
@@ -302,7 +303,7 @@ const Preview: React.FC<PreviewProps> = props => {
       {...restProps}
     >
       <ul className={`${prefixCls}-operations`}>
-        {showLeftOrRightSwitches && (
+        {showOperationsProgress && (
           <li className={`${prefixCls}-operations-progress`}>
             {countRender?.(currentPreviewIndex + 1, previewGroupCount) ??
               `${currentPreviewIndex + 1} / ${previewGroupCount}`}
@@ -317,7 +318,7 @@ const Preview: React.FC<PreviewProps> = props => {
             key={type}
           >
             {React.isValidElement(icon)
-              ? React.cloneElement(icon, { className: iconClassName })
+              ? React.cloneElement<{ className?: string }>(icon, { className: iconClassName })
               : icon}
           </li>
         ))}
diff --git a/tests/__snapshots__/previewGroup.test.tsx.snap b/tests/__snapshots__/previewGroup.test.tsx.snap
index bdf422f1..dd5e1136 100644
--- a/tests/__snapshots__/previewGroup.test.tsx.snap
+++ b/tests/__snapshots__/previewGroup.test.tsx.snap
@@ -20,6 +20,11 @@ exports[`PreviewGroup With Controlled 1`] = `
       <ul
         class="rc-image-preview-operations"
       >
+        <li
+          class="rc-image-preview-operations-progress"
+        >
+          1 / 1
+        </li>
         <li
           class="rc-image-preview-operations-operation"
         />