feat(module:resizable): add direction parameter in NzResizeEvent

[yuhengzhouz]

PR Checklist

Please check if your PR fulfills the following requirements:

• [✅] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit
• [✅] Tests for the changes have been added (for bug fixes / features)
• [✅] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[x] Documentation content changes
[ ] Application (the showcase website) / infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: #7986

What is the new behavior?

NzResizeEvent will now contains a direction parameter with type NzResizeDirection

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[zorro-bot]

This preview will be available after the AzureCI is passed.

[codecov]

Codecov Report

Merging #7987 (105ec29) into master (198644a) will increase coverage by 91.82%.
The diff coverage is 75.00%.

❗ Current head 105ec29 differs from pull request most recent head ccc8ba2. Consider uploading reports for the commit ccc8ba2 to get more accurate results

@@             Coverage Diff             @@
##           master    #7987       +/-   ##
===========================================
+ Coverage        0   91.82%   +91.82%     
===========================================
  Files           0      509      +509     
  Lines           0    17454    +17454     
  Branches        0     2774     +2774     
===========================================
+ Hits            0    16027    +16027     
- Misses          0     1135     +1135     
- Partials        0      292      +292     

Impacted Files	Coverage Δ
components/resizable/resizable.directive.ts	95.32% <0.00%> (ø)
components/resizable/demo/basic.ts	100.00% <100.00%> (ø)

... and 507 files with indirect coverage changes

[hsuanxyz]

LGTM

[bokire]

是否要对预览的ghostElement进行适配，目前示例里面不管是拖动左边还是右边的，预览效果都是右边变化

previewResize({ width, height, direction }: NzResizeEvent): void {
    this.createGhostElement();
    this.renderer.setStyle(this.ghostElement, 'width', `${width}px`);
    this.renderer.setStyle(this.ghostElement, 'height', `${height}px`);
    //todo adapt to the direction
  }