chore: fix test

ng-alain · Nov 25, 2024 · 16f9ad8 · 16f9ad8
1 parent da3404e
commit 16f9ad8
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -2,14 +2,14 @@
   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>
 </div>
 <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
@@ -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
@@ -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>