From 16f9ad8eb7cc1d94641923c74c847721f22dd2f6 Mon Sep 17 00:00:00 2001
From: cipchk <cipchk@qq.com>
Date: Mon, 25 Nov 2024 12:59:05 +0800
Subject: [PATCH] chore: fix test

---
 packages/abc/sv/sv-container.component.ts                  | 4 ++--
 packages/chart/mini-progress/mini-progress.component.html  | 4 ++--
 packages/chart/water-wave/water-wave.component.html        | 6 +++---
 src/app/shared/components/code-box/code-box.component.html | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/abc/sv/sv-container.component.ts b/packages/abc/sv/sv-container.component.ts
index 3e75f538f..8bed60a37 100644
--- a/packages/abc/sv/sv-container.component.ts
+++ b/packages/abc/sv/sv-container.component.ts
@@ -94,8 +94,8 @@ export class SVContainerComponent {
   @Input({ transform: booleanAttribute }) noColon = false;
   @Input({ transform: booleanAttribute }) bordered = false;
 
-  get margin(): { [k: string]: number } {
-    return this.bordered ? {} : { 'margin-left.px': -(this.gutter / 2), 'margin-right.px': -(this.gutter / 2) };
+  get margin(): { [k: string]: string } {
+    return this.bordered ? {} : { 'margin-left': `${-(this.gutter / 2)}px`, 'margin-right': `${-(this.gutter / 2)}px` };
   }
 
   constructor(configSrv: AlainConfigService) {
diff --git a/packages/chart/mini-progress/mini-progress.component.html b/packages/chart/mini-progress/mini-progress.component.html
index 9b703cda3..a04659336 100644
--- a/packages/chart/mini-progress/mini-progress.component.html
+++ b/packages/chart/mini-progress/mini-progress.component.html
@@ -2,7 +2,7 @@
   nz-tooltip
   [nzTooltipTitle]="i18n.getData('miniProgress').target + target + '%'"
   class="g2-mini-progress__target"
-  [style]="{ 'left.%': target }"
+  [style]="{ left: target + '%' }"
 >
   <span class="g2-mini-progress__target-item" [style]="{ 'background-color': color }"></span>
   <span class="g2-mini-progress__target-item" [style]="{ 'background-color': color }"></span>
@@ -10,6 +10,6 @@
 <div class="g2-mini-progress__wrap">
   <div
     class="g2-mini-progress__value"
-    [style]="{ 'background-color': color, 'width.%': percent, 'height.px': strokeWidth }"
+    [style]="{ 'background-color': color, width: percent + '%', height: strokeWidth + 'px' }"
   ></div>
 </div>
diff --git a/packages/chart/water-wave/water-wave.component.html b/packages/chart/water-wave/water-wave.component.html
index 81141966d..5becb4a67 100644
--- a/packages/chart/water-wave/water-wave.component.html
+++ b/packages/chart/water-wave/water-wave.component.html
@@ -1,7 +1,7 @@
-<div [style]="{ 'height.px': height, 'width.px': height, overflow: 'hidden' }">
-  <canvas #container class="g2-water-wave__canvas" width="{{ height * 2 }}" height="{{ height * 2 }}"></canvas>
+<div [style]="{ height: height + 'px', width: height + 'px', overflow: 'hidden' }">
+  <canvas #container class="g2-water-wave__canvas" [attr.width]="height * 2" [attr.height]="height * 2"></canvas>
 </div>
-<div class="g2-water-wave__desc" [style]="{ 'width.px': height }">
+<div class="g2-water-wave__desc" [style]="{ width: height + 'px' }">
   @if (title) {
     <span class="g2-water-wave__desc-title">
       <ng-container *nzStringTemplateOutlet="title">{{ title }}</ng-container>
diff --git a/src/app/shared/components/code-box/code-box.component.html b/src/app/shared/components/code-box/code-box.component.html
index c3f1415b4..9f7dd2ec6 100644
--- a/src/app/shared/components/code-box/code-box.component.html
+++ b/src/app/shared/components/code-box/code-box.component.html
@@ -1,5 +1,5 @@
 <section class="code-box-demo" [style]="{ background: item.bg }">
-  <div [class.browser-mockup]="item.browser" [style]="{ 'height.px': item.browser }">
+  <div [class.browser-mockup]="item.browser" [style]="{ height: item.browser + 'px' }">
     <div [class.browser-scroll]="item.browser">
       <ng-content />
     </div>