feat(abc:sv): add hideLabel property (#1553)

Author: cipchk

packages/abc/sv/demo/fixed.md

@@ -15,6 +15,8 @@ Use `labelWidth` to make the layout look cleaner
 
 ```ts
 import { Component } from '@angular/core';
+
+import { STColumn } from '@delon/abc/st';
 import { NzMessageService } from 'ng-zorro-antd/message';
 
 @Component({
@@ -34,10 +36,15 @@ import { NzMessageService } from 'ng-zorro-antd/message';
         </ng-template>
         Custom label
       </sv>
+      <sv hideLabel col="1">
+        <st [columns]="columns" size="small"></st>
+      </sv>
     </sv-container>
-  `,
+  `
 })
 export class DemoComponent {
+  columns: STColumn[] = [{ title: 'id' }];
+
   constructor(public msg: NzMessageService) {}
 }
 ```

packages/abc/sv/index.en-US.md

@@ -37,6 +37,7 @@ Viewing grid system is a higher-order components based on the original [Grid Sys
 | `[optionalHelp]` | Label optional help | `string, TemplateRef<void>` | - |
 | `[optionalHelpColor]` | The background color of label optional help	 | `string` | - |
 | `[noColon]` | Whether to not display : after label text | `boolean` | `false` | - |
+| `[hideLabel]` | Whether to hide the current label | `boolean` | `false` |
 
 ### sv-title
 

packages/abc/sv/index.zh-CN.md

@@ -37,6 +37,7 @@ module: import { SVModule } from '@delon/abc/sv';
 | `[optionalHelp]` | 标签可选帮助 | `string, TemplateRef<void>` | - |
 | `[optionalHelpColor]` | 标签可选帮助背景颜色	 | `string` | - |
 | `[noColon]` | 是否不显示 label 后面的冒号 | `boolean` | `false` | - |
+| `[hideLabel]` | 是否隐藏当前 `label` | `boolean` | `false` |
 
 ### sv-title
 

packages/abc/sv/sv.component.html

@@ -1,4 +1,5 @@
 <div
+  *ngIf="!hideLabel"
   class="sv__label"
   [class.sv__label-empty]="!label"
   [class.sv__label-width]="labelWidth !== null && labelWidth !== undefined"

packages/abc/sv/sv.component.ts

@@ -37,6 +37,7 @@ export class SVComponent implements AfterViewInit, OnChanges {
   static ngAcceptInputType_col: NumberInput;
   static ngAcceptInputType_default: BooleanInput;
   static ngAcceptInputType_noColon: BooleanInput;
+  static ngAcceptInputType_hideLabel: BooleanInput;
 
   @ViewChild('conEl', { static: false })
   private conEl!: ElementRef;
@@ -55,6 +56,7 @@ export class SVComponent implements AfterViewInit, OnChanges {
   @Input() @InputBoolean(null) default?: boolean | null;
   @Input() type?: 'primary' | 'success' | 'danger' | 'warning';
   @Input() @InputBoolean(null) noColon?: boolean | null;
+  @Input() @InputBoolean() hideLabel = false;
 
   // #endregion
 

packages/abc/sv/sv.spec.ts

@@ -174,6 +174,11 @@ describe('abc: view', () => {
           fixture.detectChanges();
           page.expect(`${prefixCls}type-danger`);
         });
+        it('#hideLabel', () => {
+          context.hideLabel = true;
+          fixture.detectChanges();
+          page.expect(`${prefixCls}item ${prefixCls}label`, 0);
+        });
       });
     });
   });
@@ -254,6 +259,7 @@ describe('abc: view', () => {
         [unit]="unit"
         [optional]="optional"
         [optionalHelp]="optionalHelp"
+        [hideLabel]="hideLabel"
       >
         {{ content }}
       </sv>
@@ -285,4 +291,5 @@ class TestComponent {
   default?: boolean;
   unit?: string;
   type?: 'primary' | 'success' | 'danger' | 'warning';
+  hideLabel = false;
 }