对话框（Modal）可拖动

[Mike-Jia]

What problem does this feature solve?

在有的场景下对话框内容是一个表单，需要输入内容比较多，而部分信息可能需要参考之前界面展示的信息来输入。在弹出对话框后不能拖动则导致对话框将原有展示信息挡住，无法参考，不利于用户使用，被用户抱怨。

What does the proposed API look like?

期望提供两种方式API：

• HTML模板：

<nz-modal [movable]="true" [(nzVisible)]="isVisible" nzTitle="The first Modal">  

• 服务接口：

export class NzDemoModalServiceComponent {
  constructor(private modal: NzModalService) {}

  createModal(): void {
    this.modal.create({
      movable: true,
      nzTitle: 'Modal Title',
      nzContent: 'string, will close after 1 sec',
    });
  }
}

两种场景的movable都应该提供默认值false保持兼容升级。

[zorro-bot]

Translation of this issue:

Dialog (MODAL) can be dragged

What proBLEES THIS Feature SOLVE?

In some scenes, the dialog is a form that needs to be entered, and some information may require information to be displayed with the previous interface. After the pop-up dialog box cannot be dragged, the dialog box will block the original display information, which cannot be referred to, which is not conducive to the user, complained by the user.

What does The proposed API Look Like?

Expectation provides two ways API:

• HTML template:
  ` <nz-modal [movable] = "true" [(nzvisible)] = "isvisible" nztitle = "the first moDal"> `

• Service interface:
  `` `
  Export Class NzdemodalServiceComponent {
  Constructor (Private Modal: NzmodalService) {}

  CreateModal (): void {
  THIS.MODAL.CREATE ({
  Movable: True,
  NZTITLE: 'MODAL TITLE',
  NZContent: 'String, Will Close After 1 SEC',
  });
  }
  }
  `` `
  The Movable of the two scenes should provide the default value FALSE to remain compatible with the upgrade.

[huajian123]

@Mike-Jia you can see on line demo http://124.71.128.53:8081/#/default/feat/ex-modal
source code https://github.com/huajian123/ng-ant-admin

[HyperLife1119]

Closed via #8419.