fix: restore ecommerce page transitions

src/features/ecommerce/EcommercePage.tsx

@@ -4675,7 +4675,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const smartCutoutPreview = (
-    <main className={`ecom-smart-cutout-page${smartCutoutImage ? " is-editor" : " is-upload"}${isSmartCutoutTransitioning ? " is-transitioning" : ""}`} aria-label="智能抠图">
+    <main key={`smart-cutout-${smartCutoutImage ? "editor" : "upload"}`} className={`ecom-smart-cutout-page ecom-tool-page-enter${smartCutoutImage ? " is-editor" : " is-upload"}${isSmartCutoutTransitioning ? " is-transitioning" : ""}`} aria-label="智能抠图">
       <input
         ref={smartCutoutInputRef}
         type="file"
@@ -4950,7 +4950,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const imageWorkbenchPreview = (
-    <main className="ecom-image-workbench-page" aria-label="图片修改局部重绘">
+    <main key="image-workbench" className="ecom-image-workbench-page ecom-tool-page-enter" aria-label="图片修改局部重绘">
       <input
         ref={imageWorkbenchInputRef}
         type="file"
@@ -5155,7 +5155,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const watermarkPreview = (
-    <main className="ecom-watermark-page" aria-label="去水印">
+    <main key="watermark" className="ecom-watermark-page ecom-tool-page-enter" aria-label="去水印">
       <input
         ref={watermarkInputRef}
         type="file"
@@ -5350,7 +5350,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const hotVideoPreview = (
-    <main className="ecom-quick-set-page ecom-hot-video-page" aria-label="广告视频">
+    <main key="hot-video" className="ecom-quick-set-page ecom-hot-video-page ecom-tool-page-enter" aria-label="广告视频">
       <div className="ecom-quick-set-body">
         <aside className="ecom-quick-set-panel" aria-label="广告视频设置">
           <header className="ecom-quick-set-panel-head">
@@ -5475,7 +5475,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   );
 
   const quickProductSetPreview = (
-    <main className={`ecom-quick-set-page${isQuickPanelCollapsed ? " is-panel-collapsed" : ""}`} aria-label="AI商品套图">
+    <main key="quick-set" className={`ecom-quick-set-page ecom-tool-page-enter${isQuickPanelCollapsed ? " is-panel-collapsed" : ""}`} aria-label="AI商品套图">
       <div className="ecom-quick-set-body">
         <aside className="ecom-quick-set-panel" aria-label="商品套图设置" onWheel={handleQuickPanelWheel}>
           <header className="ecom-quick-set-panel-head">
@@ -5628,7 +5628,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
   const quickDetailVisibleSelect = quickDetailBasicSelects.find((item) => item.key === visibleQuickSetSelect) ?? null;
 
   const quickDetailPreview = (
-    <main className={`ecom-quick-set-page ecom-quick-detail-page${isQuickPanelCollapsed ? " is-panel-collapsed" : ""}`} aria-label="A+详情页生成">
+    <main key="quick-detail" className={`ecom-quick-set-page ecom-quick-detail-page ecom-tool-page-enter${isQuickPanelCollapsed ? " is-panel-collapsed" : ""}`} aria-label="A+详情页生成">
       <div className="ecom-quick-set-body">
         <aside className="ecom-quick-set-panel" aria-label="A+详情页设置" onWheel={handleQuickPanelWheel}>
           <header className="ecom-quick-set-panel-head">
@@ -5914,7 +5914,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
                 ? smartCutoutPreview
                 : isQuickSetTool || isQuickDetailTool || isHotVideoTool
                   ? (
-                    <div className="ecom-quick-page-wrap">
+                    <div key={`quick-${activeQuickTool}`} className="ecom-quick-page-wrap ecom-tool-page-enter">
                       {quickPageSidebar}
                       {isQuickSetTool ? quickProductSetPreview : isQuickDetailTool ? quickDetailPreview : hotVideoPreview}
                     </div>
@@ -5932,7 +5932,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
 
   return (
     <section
-      className={`product-clone-page page-motion${isCloneTool && isCloneSettingsCollapsed ? " is-settings-collapsed" : ""}${isCloneTool && isCommandHistoryCollapsed ? " is-history-collapsed" : ""}${isSmartCutoutTool ? " is-smart-cutout-page" : ""}${isQuickSetTool || isQuickDetailTool ? " is-quick-set-page" : ""}${isWatermarkTool ? " is-watermark-page" : ""}${isImageEditTool ? " is-image-workbench-page" : ""}${isHotVideoTool ? " is-hot-video-page" : ""}`}
+      className={`product-clone-page page-motion${isCloneTool && isCloneSettingsCollapsed ? " is-settings-collapsed" : ""}${isCloneTool && isCommandHistoryCollapsed ? " is-history-collapsed" : ""}${isSmartCutoutTool ? " is-smart-cutout-page" : ""}${isQuickSetTool || isQuickDetailTool || isHotVideoTool ? " is-quick-set-page" : ""}${isWatermarkTool ? " is-watermark-page" : ""}${isImageEditTool ? " is-image-workbench-page" : ""}${isHotVideoTool ? " is-hot-video-page" : ""}`}
       data-tool={activeTool}
       aria-label={pageLabel}
     >