fix: css-unit pipe update

.github/CODEOWNERS

@@ -63,6 +63,7 @@ components/form/**                        @danranVm
 components/page-header/**                 @CK110
 components/transfer/**                    @Ricbet
 components/i18n/**                        @wenqi73
+components/pipes/**                       @chensimeng
 
 # The `components/core/*` owners
 components/core/config/**                 @wendellhu95

.github/nz-boot.yml

@@ -124,3 +124,4 @@ issue:
       Form: danranVm
       PageHeader: CK110
       Transfer: Ricbet
+      Pipes: chensimeng

components/modal/modal.module.ts

@@ -11,9 +11,9 @@ import { NgModule } from '@angular/core';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-import { NzPipesModule } from 'ng-zorro-antd/core/pipe';
 import { NzI18nModule } from 'ng-zorro-antd/i18n';
 import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzPipesModule } from 'ng-zorro-antd/pipes';
 
 import { NzModalCloseComponent } from './modal-close.component';
 import { NzModalConfirmContainerComponent } from './modal-confirm-container.component';
@@ -34,7 +34,8 @@ import { NzModalService } from './modal.service';
     NzButtonModule,
     NzIconModule,
     NzPipesModule,
-    NzNoAnimationModule
+    NzNoAnimationModule,
+    NzPipesModule
   ],
   exports: [NzModalComponent, NzModalFooterDirective],
   providers: [NzModalService],

components/pipes/demo/bytes.md

@@ -0,0 +1,14 @@
+---
+order: 1
+title:
+  zh-CN: nzBytes
+  en-US: nzBytes
+---
+
+## zh-CN
+
+存储单位的换算，增加可读性
+
+## en-US
+
+Conversion of storage units to increase readability

components/pipe/demo/css-unit.md → components/pipes/demo/css-unit.md

@@ -7,8 +7,8 @@ title:
 
 ## zh-CN
 
-Css 单位补全
+Css 单位
 
 ## en-US
 
-Css unit completion
+Css unit

components/pipes/demo/css-unit.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-pipe-css-unit',
+  template: `
+    <div>
+      <img [style.height]="100 | nzToCssUnit" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+    </div>
+    <div [style.height]="50 | nzToCssUnit: 'pt'"></div>
+    <div [style.height]="'100px' | nzToCssUnit"></div>
+  `
+})
+export class NzDemoPipeCssUnitComponent {}

components/pipe/demo/ellipsis.ts → components/pipes/demo/ellipsis.ts

@@ -3,9 +3,12 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nz-demo-pipe-ellipsis',
   template: `
-    {{ 'Hello World' | nzEllipsis: 4 }}<br />
-    {{ 'Hello World' | nzEllipsis: 4:'':true }}<br />
-    {{ 'Hello World' | nzEllipsis: 4:'...':true }}<br />
+    {{ 'Hello World' | nzEllipsis: 4 }}
+    <br />
+    {{ 'Hello World' | nzEllipsis: 4:'':true }}
+    <br />
+    {{ 'Hello World' | nzEllipsis: 4:'...':true }}
+    <br />
     {{ 'Hello World, how is it going?' | nzEllipsis: 14:'...':true }}
   `
 })

components/pipes/demo/math.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-pipe-math',
+  template: `
+    {{ [7, 8, 2, 3] | nzMath: 'min' }}
+    <br />
+    {{ [7, 8, 2, 3] | nzMath: 'max' }}
+    <br />
+    {{ [7, 8, 2, 3] | nzMath: 'sum' }}
+    <br />
+    {{ [7, 8, 2, 3] | nzMath: 'avg' }}
+    <br />
+  `
+})
+export class NzDemoPipeMathComponent {}

components/pipes/demo/sanitizer.md

@@ -0,0 +1,14 @@
+---
+order: 6
+title:
+  zh-CN: nzSanitizer
+  en-US: nzSanitizer
+---
+
+## zh-CN
+
+DomSanitizer 的 Pipe 实现
+
+## en-US
+
+Pipe implementation of DomSanitizer

components/pipe/demo/some.ts → components/pipes/demo/some.ts

@@ -3,8 +3,10 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nz-demo-pipe-some',
   template: `
-    {{ [5, 6, 7, 8, 9] | nzSome: method }}<br />
-    {{ [6, 7, 8, 9, 10] | nzSome: method }}<br />
+    {{ [5, 6, 7, 8, 9] | nzSome: method }}
+    <br />
+    {{ [6, 7, 8, 9, 10] | nzSome: method }}
+    <br />
   `
 })
 export class NzDemoPipeSomeComponent {

components/pipe/demo/time-range.md → components/pipes/demo/time-range.md

@@ -7,8 +7,8 @@ title:
 
 ## zh-CN
 
-返回指定时间格式
+按自定义格式返回间隔时间
 
 ## en-US
 
-Returns the specified time format
+Return interval time in custom format

components/pipe/demo/time-range.ts → components/pipes/demo/time-range.ts

@@ -3,10 +3,14 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nz-demo-pipe-time-range',
   template: `
-    {{ diff | nzTimeRange: format1 }}<br />
-    {{ diff | nzTimeRange: format2 }}<br />
-    {{ diff | nzTimeRange: format3 }}<br />
-    {{ diff1 | nzTimeRange }}<br />
+    {{ diff | nzTimeRange: format1 }}
+    <br />
+    {{ diff | nzTimeRange: format2 }}
+    <br />
+    {{ diff | nzTimeRange: format3 }}
+    <br />
+    {{ diff1 | nzTimeRange }}
+    <br />
   `
 })
 export class NzDemoPipeTimeRangeComponent {

components/pipe/demo/trim.ts → components/pipes/demo/trim.ts

@@ -3,9 +3,12 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nz-demo-pipe-trim',
   template: `
-    {{ 'hello' | nzTrim }}<br />
-    {{ 'hello ' | nzTrim }}<br />
-    {{ ' hello ' | nzTrim }}<br />
+    {{ 'hello' | nzTrim }}
+    <br />
+    {{ 'hello ' | nzTrim }}
+    <br />
+    {{ ' hello ' | nzTrim }}
+    <br />
   `
 })
 export class NzDemoPipeTrimComponent {}

components/pipe/doc/index.en-US.md → components/pipes/doc/index.en-US.md

@@ -1,7 +1,7 @@
 ---
 category: Components
+type: General
 title: Pipe
-type: Data Entry
 cols: 1
 experimental: true
 ---

components/pipe/doc/index.zh-CN.md → components/pipes/doc/index.zh-CN.md

@@ -1,8 +1,7 @@
 ---
 category: Components
-type: 数据录入
-title: 常用
-subtitle: Pipe
+type: 通用
+title: Pipe
 cols: 1
 experimental: true
 ---