refactor(design): move host decorators to host property in image component (#3859)

Author: xelaint

libs/design/image/src/image/image.component.ts

@@ -5,7 +5,6 @@ import {
   EventEmitter,
   OnInit,
   Output,
-  HostBinding,
 } from '@angular/core';
 import {
   DomSanitizer,
@@ -46,9 +45,11 @@ const validateProperties = (object: Record<string, any>, props: string[]) => {
       inputs: ['skeleton'],
     },
   ],
+  host: {
+    '[style.max-width]': 'width + "px"',
+  },
 })
 export class DaffImageComponent implements OnInit {
-
   private _src: string;
 
   /**
@@ -140,11 +141,4 @@ export class DaffImageComponent implements OnInit {
   get _aspectRatio(): SafeStyle {
     return this.sanitizer.bypassSecurityTrustStyle(this.width + ' / ' + this.height);
   }
-
-  /**
-   * @docs-private
-   */
-  @HostBinding('style.max-width') get maxWidth(): string {
-    return this.width + 'px';
-  }
 }