feat(sf:number-widget): add support for nzChangeOnWhee

- close ng-alain/ng-alain#2634

Author: Brown000

packages/form/src/widgets/number/index.en-US.md

@@ -31,6 +31,7 @@ Enter a number within certain range with the mouse or keyboard.
 | `[precision]` | precision of input value | - | - |
 | `[widgetWidth]` | Specify `nz-number` width | `number, string` | `90` |
 | `[hideStep]` | Hide step icon | `boolean` | `false` |
+| `[changeOnWheel]` | Change on mouse wheel | `boolean` | `true` |
 
 ## QA
 

packages/form/src/widgets/number/index.zh-CN.md

@@ -35,6 +35,7 @@ order: 5
 | `[widgetWidth]` | 指定 `nz-number` 宽度 | `number, string` | `90` |
 | `[hideStep]` | 隐藏步数操作区 | `boolean` | `false` |
 | `[change]` | 变更事件 | `(val?: number) => void` | - |
+| `[changeOnWheel]` | 是否启用鼠标滚轮控制 | `boolean` | `true` |
 
 ## QA
 

packages/form/src/widgets/number/number.widget.spec.ts

@@ -147,6 +147,61 @@ describe('form: widget: number', () => {
       expect(ui.change).toHaveBeenCalled();
     }));
 
+    describe('[changeOnWheel]', () => {
+      const wheelUpEvent = new WheelEvent('wheel', {
+        deltaY: -10,
+        deltaMode: 0,
+        bubbles: true,
+        cancelable: true
+      })
+      const wheelDownEvent = new WheelEvent('wheel', {
+        deltaY: 10,
+        deltaMode: 0,
+        bubbles: true,
+        cancelable: true
+      })
+
+      it('#enabled', fakeAsync(() => {
+        page
+          .newSchema({
+            properties: {
+              count: {
+                type: 'number',
+                ui: {
+                  changeOnWheel: true
+                } 
+              }
+            }
+          })
+          .typeCharOnly(0)
+          .checkValue('count', 0)
+          .typeEvent(wheelUpEvent)
+          .checkValue('count', 1)
+          .typeEvent(wheelDownEvent)
+          .checkValue('count', -1)
+      }))
+
+      it('#disabled', fakeAsync(() => {
+        page
+          .newSchema({
+            properties: {
+              count: {
+                type: 'number',
+                ui: {
+                  changeOnWheel: false
+                } 
+              }
+            }
+          })
+          .typeCharOnly(0)
+          .checkValue('count', 0)
+          .typeEvent(wheelUpEvent)
+          .checkValue('count', 0)
+          .typeEvent(wheelDownEvent)
+          .checkValue('count', 0)
+      }))
+    })
+
     describe('#widgetWidth', () => {
       it('width number', fakeAsync(() => {
         const s: SFSchema = { properties: { a: { type: 'number', ui: { widgetWidth: 10 } as SFNumberWidgetSchema } } };

packages/form/src/widgets/number/number.widget.ts

@@ -26,6 +26,7 @@ import { ControlUIWidget } from '../../widget';
       [nzParser]="parser"
       [nzPrecision]="ui.precision ?? null"
       [nzPlaceHolder]="ui.placeholder ?? ''"
+      [nzChangeOnWheel]="ui.changeOnWheel ?? true"
       [style.width]="width"
       [class.ant-input-number__hide-step]="ui.hideStep"
     />

packages/form/src/widgets/number/schema.ts

@@ -46,4 +46,12 @@ export interface SFNumberWidgetSchema extends SFUISchemaItem {
    * 变更事件
    */
   change?: (val?: number) => void;
+
+  /**
+   * Change on mouse wheel. Default is true
+   * 
+   * 启用鼠标滚轮控制。默认启用
+   * 
+   */
+  changeOnWheel?: boolean
 }