feat(module:hash-code): add HashCode component (#8111)

Author: OriginRing

.github/CODEOWNERS

@@ -71,6 +71,7 @@ components/qr-code/**                     @OriginRing
 components/cron-expression/**             @OriginRing
 components/water-mark/**                  @OriginRing
 components/color-picker/**                @OriginRing
+components/hash-code/**                   @OriginRing
 
 # The `components/core/*` owners
 components/core/config/**                 @hullis

components/components.less

@@ -66,3 +66,4 @@
 @import './qr-code/style/entry.less';
 @import './water-mark/style/entry.less';
 @import './color-picker/style/entry.less';
+@import './hash-code/style/entry.less';

components/hash-code/demo/basic.md

@@ -0,0 +1,14 @@
+---
+order: 0
+title:
+  zh-CN: 基本
+  en-US: Basic
+---
+
+## zh-CN
+
+最简单的用法。
+
+## en-US
+
+The simplest usage.

components/hash-code/demo/basic.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-hash-code-basic',
+  template: ` <nz-hash-code [nzValue]="value"></nz-hash-code> `
+})
+export class NzDemoHashCodeBasicComponent {
+  value = 'dfb5fe9ef7b99b2b1db102114a6d7d445d992f40a5d575f801c148990199a068';
+}

components/hash-code/demo/copy.md

@@ -0,0 +1,14 @@
+---
+order: 1
+title:
+  zh-CN: 复制
+  en-US: Copy
+---
+
+## zh-CN
+
+点击复制的 icon
+
+## en-US
+
+Click on the copied icon.

components/hash-code/demo/copy.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-hash-code-copy',
+  template: ` <nz-hash-code [nzValue]="value" (nzOnCopy)="getCopy($event)"></nz-hash-code> `
+})
+export class NzDemoHashCodeCopyComponent {
+  value = 'dfb5fe9ef7b99b2b1db102114a6d7d445d992f40a5d575f801c148990199a068';
+
+  getCopy(value: string): void {
+    console.log(`hashCode:${value}`);
+  }
+}

components/hash-code/demo/logo.md

@@ -0,0 +1,14 @@
+---
+order: 6
+title:
+  zh-CN: 添加 Logo
+  en-US: Logo
+---
+
+## zh-CN
+
+可设置右上角的标志
+
+## en-US
+
+Possibility to set the logo in the upper right corner.

components/hash-code/demo/logo.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-hash-code-logo',
+  template: ` <nz-hash-code [nzValue]="value" nzLogo="Antd"></nz-hash-code> `
+})
+export class NzDemoHashCodeLogoComponent {
+  value = 'dfb5fe9ef7b99b2b1db102114a6d7d445d992f40a5d575f801c148990199a068';
+}

components/hash-code/demo/module

@@ -0,0 +1,3 @@
+import { NzHashCodeModule } from 'ng-zorro-antd/hash-code';
+
+export const moduleList = [NzHashCodeModule];

components/hash-code/demo/primary.md

@@ -0,0 +1,14 @@
+---
+order: 2
+title:
+  zh-CN: 更换样式
+  en-US: Style
+---
+
+## zh-CN
+
+更换样式。
+
+## en-US
+
+Replacement of styles.