<div>
      <div ng-if="visible" class="ant-modal-root">

          <div class="ant-modal-mask"></div>
          <div class="ant-modal-wrap">

              <div class="ant-modal" ng-style="{width:state.width+'px'}">
                  <div class="ant-modal-content">
                      <button ng-if="title" type="button" class="ant-modal-close" ng-click="handleClose()">
                          <span class="ant-modal-close-x">

                              <antd-icon type="CloseOutlined"></antd-icon>

                          </span>
                      </button>
                      <div ng-if="title" class="ant-modal-header">
                          <div class="ant-modal-title">{{title}}</div>
                      </div>
                      <div class="ant-modal-body" ng-transclude></div>
                      <div ng-if="footer===undefined" class="ant-modal-footer">
                          <div>

                              <antd-button ng-click="onCancel()">{{state.cancelText}}</antd-button>
                              <antd-button type="primary" ng-click="onOk()">{{state.okText}}</antd-button>

                          </div>
                      </div>
                      <div ng-if="footer!==undefined" class="ant-modal-footer">

                          <antd-slot content="{{footer}}" context="antdModal.getContext().$parent"></antd-slot>

                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>