From 97bcfcf5c99ad0f7989b1277038caf9255886956 Mon Sep 17 00:00:00 2001
From: chenpei <chenpei@1080p.hk>
Date: Fri, 28 Aug 2026 15:07:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E7=94=A8=E5=8F=98=E6=9B=B4=E7=AD=89?=
 =?UTF-8?q?=E5=BE=85=E6=80=81=E5=8A=A0GSAP=E5=8A=A8=E6=95=88=EF=BC=9A?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95=E9=80=90=E9=A1=B9=E6=89=AB=E6=8F=8F=E4=B8=8E?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=91=BC=E5=90=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/share/[id]/page.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/share/[id]/page.tsx b/app/share/[id]/page.tsx
index 730f70d..c1893ab 100644
--- a/app/share/[id]/page.tsx
+++ b/app/share/[id]/page.tsx
@@ -337,7 +337,9 @@ export default function SharePage() {
     newFileName?: string
   }>>([])
   const [taskDetailApplying, setTaskDetailApplying] = useState(false)
+  const taskDetailPendingBarRef = useRef<HTMLDivElement | null>(null)
 
+  // 应用变更的长等待动效：清单项逐项扫描推进 + 按钮呼吸，形成"正在逐项处理"的节奏感。
   useGSAP(() => {
     if (loading || !material || typeof window.matchMedia !== 'function') return
     if (!pageRef.current?.querySelector('[data-detail-preview], [data-detail-meta]')) return
@@ -1171,7 +1173,7 @@ export default function SharePage() {
         {mappedMaterialType === '任务-详情' ? (
           <div data-detail-preview className="mx-auto">
             {Boolean(material.canManageTaskDetailAssets) && taskDetailPendingOps.length > 0 && (
-              <div className="mb-4 rounded-xl border border-[#e7e8ea] bg-white p-4">
+              <div ref={taskDetailPendingBarRef} data-pending-bar className="mb-4 rounded-xl border border-[#e7e8ea] bg-white p-4">
                 <div className="flex items-center justify-between gap-3">
                   <p className="text-[13px] font-semibold text-[#1a1c1d]">
                     待应用变更 {taskDetailPendingOps.length} 项
@@ -1188,6 +1190,7 @@ export default function SharePage() {
                     <button
                       type="button"
                       disabled={taskDetailApplying}
+                      data-apply-btn
                       onClick={() => void applyTaskDetailPendingOps()}
                       className="rounded-lg bg-[#1a1c1d] px-4 py-1.5 text-[12px] font-medium text-white transition-all hover:opacity-80 active:scale-[0.99] disabled:cursor-not-allowed disabled:opacity-50"
                     >
@@ -1197,7 +1200,7 @@ export default function SharePage() {
                 </div>
                 <ul className="mt-3 space-y-1.5">
                   {taskDetailPendingOps.map((op) => (
-                    <li key={op.key} className="flex items-center justify-between gap-3 rounded-lg bg-[#fafafa] px-3 py-1.5">
+                    <li key={op.key} data-pending-op className="flex items-center justify-between gap-3 rounded-lg bg-[#fafafa] px-3 py-1.5">
                       <span className="min-w-0 flex-1 truncate text-[12px] text-[#1a1c1d]">
                         <span className={
                           op.kind === 'delete'