From 9a060eb6ffb1350089eace6ad25fe1ad9b31b7a1 Mon Sep 17 00:00:00 2001
From: OLDREDSTONE <OLDRedstone@users.noreply.github.com>
Date: Mon, 12 Jan 2026 20:58:25 +0800
Subject: [PATCH] =?UTF-8?q?[RDView]=20=E6=9B=B4=E6=96=B0=E7=BB=86=E5=88=86?=
 =?UTF-8?q?=E6=8B=8D=E7=9A=84=E5=9B=BE=E5=83=8F=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=95=BF=E6=8C=89=E4=BA=8C=E6=8B=8D=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 script/rdview.js                        |   5 +++-
 script/rdview.ts                        |   5 +++-
 style/assets/beats/subdivision-area.png | Bin 130 -> 129 bytes
 style/rdview.css                        |  30 ++++++++++++++++++++++++
 4 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/script/rdview.js b/script/rdview.js
index 90f77ca..fda7705 100644
--- a/script/rdview.js
+++ b/script/rdview.js
@@ -849,6 +849,9 @@ function ReadProperties(reader, event, pairs) {
                     if (value = FindValue(pairs, "loop")) {
                         event.BeatStyle.Loop = parseInt(value.Value);
                     }
+                    if (value = FindValue(pairs, "hold")) {
+                        event.BeatStyle.Hold = parseFloat(value.Value);
+                    }
                     break;
                 default:
                     break;
@@ -938,7 +941,7 @@ function ConstructDivObject(obj) {
                     result += (((_a = obj.BeatStyle) === null || _a === void 0 ? void 0 : _a.RowXs[i]) === 'x') ? `<div class="x"></div>` : `<div></div>`;
                 }
                 return result;
-            }], [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat) && ((_s = (_r = obj.BeatStyle) === null || _r === void 0 ? void 0 : _r.Hold) !== null && _s !== void 0 ? _s : 0) > 0, `holdbeat`, () => ''], [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''])}</div>`;
+            }], [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat || obj.BeatType === BeatsSpecial.AddOneshotBeat) && ((_s = (_r = obj.BeatStyle) === null || _r === void 0 ? void 0 : _r.Hold) !== null && _s !== void 0 ? _s : 0) > 0, `holdbeat`, () => ''], [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''])}</div>`;
     }
     else if (obj instanceof RDGroup) {
         return `<div class="event group"style="${ConstructCssPropertiesIfExists(new Map([
diff --git a/script/rdview.ts b/script/rdview.ts
index 756f7a9..9e455e3 100644
--- a/script/rdview.ts
+++ b/script/rdview.ts
@@ -829,6 +829,9 @@ function ReadProperties(reader: Reader, event: RDEvent | RDGroup, pairs: KeyValu
                     if (value = FindValue(pairs, "loop")) {
                         event.BeatStyle.Loop = parseInt(value.Value);
                     }
+                    if (value = FindValue(pairs, "hold")) {
+                        event.BeatStyle.Hold = parseFloat(value.Value);
+                    }
                     break;
                 default:
                     break;
@@ -925,7 +928,7 @@ function ConstructDivObject(obj: RDEvent | RDGroup): string {
                     }
                     return result;
                 }],
-                [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat) && (obj.BeatStyle?.Hold ?? 0) > 0, `holdbeat`, () => ''],
+                [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat || obj.BeatType === BeatsSpecial.AddOneshotBeat) && (obj.BeatStyle?.Hold ?? 0) > 0, `holdbeat`, () => ''],
                 [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''],
             )}</div>`;
     }
diff --git a/style/assets/beats/subdivision-area.png b/style/assets/beats/subdivision-area.png
index 9915732d12a185d4444df4b13ad90c4eff048da7..1bd906b94b324322375cebbfb5d50fe0daa0ba1e 100644
GIT binary patch
delta 87
zcmZo-Y-F5Z7+~$`;us<^HCg1|f*<o4ISmXKFp6#aeTD}F&U3#vND4j3k?iqp^`GOb
pnjAO9KehKMyTY?-#z7B*XAI1Y%6pRd&oD9ofv2mV%Q~loCIGE6Ajkj!

delta 88
zcmZo<Y+{^X7--|^;us<^HF?j2Z$Issg%Xk+n03PE%Orq6$G&H$J3?8Ndp3q-f39Dn
pB{3~4_aFacS<_~%Gy|a?O9p`tMvk@@jF=gKz|+;wWt~$(69Cl#AOHXW

diff --git a/style/rdview.css b/style/rdview.css
index 1780c62..9ed2093 100644
--- a/style/rdview.css
+++ b/style/rdview.css
@@ -1146,6 +1146,36 @@
 		}
 	}
 
+	&>.beat:not(:has(.classicbeat)) {
+		&>div.holdbeat {
+			position: absolute;
+			width: calc((var(--hold) * 28 - 2) * 1px);
+			height: inherit;
+			background-size: auto 100%;
+			background-image: url(./assets/beats/hold-area.png);
+			transform: translate(calc(((var(--tick) + var(--delay)) * 28 - 4) * 1px), 0);
+			z-index: -2;
+
+			&::after {
+				content: '';
+				position: absolute;
+				width: 2px;
+				height: 28px;
+				background-size: auto 100%;
+				transform: translate(calc((var(--hold) * 28 - 2) * 1px), 0);
+				background-image: url(./assets/beats/hold-right.png);
+			}
+		}
+
+		&:active>div.holdbeat {
+			background-image: url(./assets/beats/hold-hover-area.png);
+
+			&::after {
+				background-image: url(./assets/beats/hold-hover-right.png);
+			}
+		}
+	}
+
 	&>.beat:has(.row-xs) {
 		width: 56px;
 		height: 28px;