<div>
    <div ng-if="visible" class="ant-modal-root">
        <div class="ant-modal-mask" ng-style="{zIndex:1200}"></div>
        <div class="ant-modal-wrap" ng-style="{zIndex:1200}">
            <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">
                            <es-icon type="CloseOutlined"></es-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>
                            <es-button ng-click="onCancel()">{{state.cancelText}}</es-button>
                            <es-button type="primary" ng-click="onOk()">{{state.okText}}</es-button>
                        </div>
                    </div>
                    <div ng-if="footer!==undefined" class="ant-modal-footer">
                        <es-slot content="{{footer}}" context="esModal.getContext().$parent"></es-slot>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>