@king-design/vue 2.1.2 → 2.1.4

package/components/dialog/index.spec.js

@@ -4,13 +4,9 @@ import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { var _context18; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context18 = Object.prototype.toString.call(o)).call(_context18, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _unsupportedIterableToArray(o, minLen) { var _context20; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context20 = Object.prototype.toString.call(o)).call(_context20, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
@@ -29,628 +25,545 @@ describe('Dialog', function () {
     unmount();
     setTimeout(done, 500);
   });
-
   function expectDialog() {
     var dialog = getElement('.k-dialog');
     expect(dialog).to.exist;
     expect(getElement('.k-dialog-wrapper').innerHTML.replace(/[\d\.]+px/g, '')).to.matchSnapshot();
     return dialog;
   }
-
   it('should show dialog correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, dialog;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0];
-            dialog = instance.refs.__demo;
-            _context.next = 4;
-            return dialog.show();
-
-          case 4:
-            expectDialog();
-
-          case 5:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0];
+          dialog = instance.refs.__demo;
+          _context.next = 4;
+          return dialog.show();
+        case 4:
+          expectDialog();
+        case 5:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should show correctly when render with value is true', function () {
     var Demo = /*#__PURE__*/function (_Component) {
       _inheritsLoose(Demo, _Component);
-
       function Demo() {
         var _context2;
-
         var _this;
-
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-
         _this = _Component.call.apply(_Component, _concatInstanceProperty(_context2 = [this]).call(_context2, args)) || this;
         _this.Dialog = Dialog;
         return _this;
       }
-
       return Demo;
     }(Component);
-
     Demo.template = "const {Dialog} = this; <Dialog value={true}>test</Dialog>";
-
     var _mount2 = mount(Demo),
-        instance = _mount2[0];
-
+      instance = _mount2[0];
     expectDialog();
   });
   it('show dialog as instance', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var MyDialog, dialog;
     return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            MyDialog = /*#__PURE__*/function (_BaseDialog) {
-              _inheritsLoose(MyDialog, _BaseDialog);
-
-              function MyDialog() {
-                return _BaseDialog.apply(this, arguments) || this;
-              }
-
-              return MyDialog;
-            }(BaseDialog);
-
-            MyDialog.template = "<t:super><b:body>Dialog Instance {this.get('data')}</b:body></t:super>";
-            dialog = new MyDialog({
-              data: 1
-            });
-            _context3.next = 5;
-            return dialog.show();
-
-          case 5:
-            expectDialog();
-            dialog.close();
-            _context3.next = 9;
-            return wait(500);
-
-          case 9:
-            expect(getElement('.k-dialog')).to.be.undefined;
-
-          case 10:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          MyDialog = /*#__PURE__*/function (_BaseDialog) {
+            _inheritsLoose(MyDialog, _BaseDialog);
+            function MyDialog() {
+              return _BaseDialog.apply(this, arguments) || this;
+            }
+            return MyDialog;
+          }(BaseDialog);
+          MyDialog.template = "<t:super><b:body>Dialog Instance {this.get('data')}</b:body></t:super>";
+          dialog = new MyDialog({
+            data: 1
+          });
+          _context3.next = 5;
+          return dialog.show();
+        case 5:
+          expectDialog();
+          dialog.close();
+          _context3.next = 9;
+          return wait(500);
+        case 9:
+          expect(getElement('.k-dialog')).to.be.undefined;
+        case 10:
+        case "end":
+          return _context3.stop();
       }
     }, _callee2);
   })));
   it('should update correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var Demo, _mount3, instance;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component2) {
-              _inheritsLoose(Demo, _Component2);
-
-              function Demo() {
-                var _context4;
-
-                var _this2;
-
-                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                  args[_key2] = arguments[_key2];
-                }
-
-                _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
-                _this2.Dialog = Dialog;
-                return _this2;
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(Demo, _Component2);
+            function Demo() {
+              var _context4;
+              var _this2;
+              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  content: 'a'
-                };
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
+              _this2.Dialog = Dialog;
+              return _this2;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                content: 'a'
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">{this.get('content')}</Dialog>\n            ";
-            _mount3 = mount(Demo), instance = _mount3[0];
-            instance.set('content', 'b');
-            _context5.next = 6;
-            return wait();
-
-          case 6:
-            expect(getElement('.k-dialog-body').innerText).to.eql('b');
-
-          case 7:
-          case "end":
-            return _context5.stop();
-        }
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">{this.get('content')}</Dialog>\n            ";
+          _mount3 = mount(Demo), instance = _mount3[0];
+          instance.set('content', 'b');
+          _context5.next = 6;
+          return wait();
+        case 6:
+          expect(getElement('.k-dialog-body').innerText).to.eql('b');
+        case 7:
+        case "end":
+          return _context5.stop();
       }
     }, _callee3);
   })));
   it('should prepend conent to block correctly', function () {
     var Demo = /*#__PURE__*/function (_Component3) {
       _inheritsLoose(Demo, _Component3);
-
       function Demo() {
         var _context6;
-
         var _this3;
-
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
-
         _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context6 = [this]).call(_context6, args)) || this;
         _this3.Dialog = Dialog;
         return _this3;
       }
-
       return Demo;
     }(Component);
-
     Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} ref=\"dialog\">\n                    <b:footer>\n                        dialog footer\n                        {$super()}\n                    </b:footer>\n                </Dialog>\n            ";
-
     var _mount4 = mount(Demo),
-        instance = _mount4[0];
-
+      instance = _mount4[0];
     expect(getElement('.k-dialog-footer').innerText).to.eql('dialog footer 确定取消');
   });
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount5, instance, element, btn, dialog;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
-            btn = element.querySelector('.k-btn');
-            dispatchEvent(btn, 'click');
-            _context7.next = 5;
-            return wait();
-
-          case 5:
-            dialog = expectDialog(); // click ok
-
-            dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
-            expect(instance.get('show')).be.false; // click cancel
-
-            dispatchEvent(btn, 'click');
-            _context7.next = 11;
-            return wait();
-
-          case 11:
-            dispatchEvent(dialog.querySelector('.k-dialog-cancel'), 'click');
-            expect(instance.get('show')).be.false; // press esc to close
-
-            dispatchEvent(btn, 'click');
-            _context7.next = 16;
-            return wait();
-
-          case 16:
-            dispatchEvent(document, 'keydown', {
-              keyCode: 27
-            });
-            expect(instance.get('show')).be.false;
-            _context7.next = 20;
-            return wait(500);
-
-          case 20:
-            expect(!!document.body.getAttribute('style')).to.be.false;
-
-          case 21:
-          case "end":
-            return _context7.stop();
-        }
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _mount5 = mount(BasicDemo), instance = _mount5[0], element = _mount5[1];
+          btn = element.querySelector('.k-btn');
+          dispatchEvent(btn, 'click');
+          _context7.next = 5;
+          return wait();
+        case 5:
+          dialog = expectDialog(); // click ok
+          dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
+          expect(instance.get('show')).be.false;
+          // click cancel
+          dispatchEvent(btn, 'click');
+          _context7.next = 11;
+          return wait();
+        case 11:
+          dispatchEvent(dialog.querySelector('.k-dialog-cancel'), 'click');
+          expect(instance.get('show')).be.false;
+          // press esc to close
+          dispatchEvent(btn, 'click');
+          _context7.next = 16;
+          return wait();
+        case 16:
+          dispatchEvent(document, 'keydown', {
+            keyCode: 27
+          });
+          expect(instance.get('show')).be.false;
+          _context7.next = 20;
+          return wait(500);
+        case 20:
+          expect(!!document.body.getAttribute('style')).to.be.false;
+        case 21:
+        case "end":
+          return _context7.stop();
       }
     }, _callee4);
   })));
   it('methods test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount6, instance, element, btn, dialog, ok, demo;
-
     return _regeneratorRuntime.wrap(function _callee5$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
-            btn = element.querySelector('.k-btn');
-            dispatchEvent(btn, 'click');
-            _context8.next = 5;
-            return wait();
-
-          case 5:
-            dialog = getElement('.k-dialog');
-            ok = dialog.querySelector('.k-dialog-ok');
-            demo = instance.refs.__demo;
-            demo.showLoading();
-            _context8.next = 11;
-            return wait();
-
-          case 11:
-            expect(ok.classList.contains('k-loading')).to.be.true;
-            demo.hideLoading();
-            _context8.next = 15;
-            return wait();
-
-          case 15:
-            expect(ok.classList.contains('k-loading')).to.be.false;
-            demo.disableOk();
-            _context8.next = 19;
-            return wait();
-
-          case 19:
-            expect(ok.classList.contains('k-disabled')).to.be.true;
-            demo.enableOk();
-            _context8.next = 23;
-            return wait();
-
-          case 23:
-            expect(ok.classList.contains('k-disabled')).to.be.false;
-
-          case 24:
-          case "end":
-            return _context8.stop();
-        }
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _mount6 = mount(BasicDemo), instance = _mount6[0], element = _mount6[1];
+          btn = element.querySelector('.k-btn');
+          dispatchEvent(btn, 'click');
+          _context8.next = 5;
+          return wait();
+        case 5:
+          dialog = getElement('.k-dialog');
+          ok = dialog.querySelector('.k-dialog-ok');
+          demo = instance.refs.__demo;
+          demo.showLoading();
+          _context8.next = 11;
+          return wait();
+        case 11:
+          expect(ok.classList.contains('k-loading')).to.be.true;
+          demo.hideLoading();
+          _context8.next = 15;
+          return wait();
+        case 15:
+          expect(ok.classList.contains('k-loading')).to.be.false;
+          demo.disableOk();
+          _context8.next = 19;
+          return wait();
+        case 19:
+          expect(ok.classList.contains('k-disabled')).to.be.true;
+          demo.enableOk();
+          _context8.next = 23;
+          return wait();
+        case 23:
+          expect(ok.classList.contains('k-disabled')).to.be.false;
+        case 24:
+        case "end":
+          return _context8.stop();
       }
     }, _callee5);
   })));
   it('demos test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var req, _iterator, _step, item, Demo, _mount7, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee6$(_context9) {
-      while (1) {
-        switch (_context9.prev = _context9.next) {
-          case 0:
-            this.timeout(0);
-            req = require.context('~/components/dialog/demos', true, /^((?!static).)*index\.ts$/i);
-            _iterator = _createForOfIteratorHelperLoose(_keysInstanceProperty(req).call(req));
-
-          case 3:
-            if ((_step = _iterator()).done) {
-              _context9.next = 16;
-              break;
-            }
-
-            item = _step.value;
-
-            if (_startsWithInstanceProperty(item).call(item, '.')) {
-              _context9.next = 7;
-              break;
-            }
-
-            return _context9.abrupt("continue", 14);
-
-          case 7:
-            Demo = req(item).default;
-            _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
-            dispatchEvent(element.querySelector('.k-btn') || element, 'click');
-            _context9.next = 12;
-            return wait();
-
-          case 12:
-            expectDialog();
-            unmount();
-
-          case 14:
-            _context9.next = 3;
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          this.timeout(0);
+          req = require.context('~/components/dialog/demos', true, /^((?!static).)*index\.ts$/i);
+          _iterator = _createForOfIteratorHelperLoose(_keysInstanceProperty(req).call(req));
+        case 3:
+          if ((_step = _iterator()).done) {
+            _context9.next = 16;
             break;
-
-          case 16:
-            _context9.next = 18;
-            return wait(500);
-
-          case 18:
-            expect(!!document.body.getAttribute('style')).to.be.false;
-
-          case 19:
-          case "end":
-            return _context9.stop();
-        }
+          }
+          item = _step.value;
+          if (_startsWithInstanceProperty(item).call(item, '.')) {
+            _context9.next = 7;
+            break;
+          }
+          return _context9.abrupt("continue", 14);
+        case 7:
+          Demo = req(item).default;
+          _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
+          dispatchEvent(element.querySelector('.k-btn') || element, 'click');
+          _context9.next = 12;
+          return wait();
+        case 12:
+          expectDialog();
+          unmount();
+        case 14:
+          _context9.next = 3;
+          break;
+        case 16:
+          _context9.next = 18;
+          return wait(500);
+        case 18:
+          expect(!!document.body.getAttribute('style')).to.be.false;
+        case 19:
+        case "end":
+          return _context9.stop();
       }
     }, _callee6, this);
   })));
   it('async close', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var _mount8, instance, element, dialog, className;
-
     return _regeneratorRuntime.wrap(function _callee7$(_context10) {
-      while (1) {
-        switch (_context10.prev = _context10.next) {
-          case 0:
-            _mount8 = mount(AsyncCloseDemo), instance = _mount8[0], element = _mount8[1];
-            dispatchEvent(element.firstChild, 'click');
-            instance.set('code', '111');
-            _context10.next = 5;
-            return wait();
-
-          case 5:
-            dialog = getElement('.k-dialog');
-            className = dialog.className; // click ok
-
-            dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
-            _context10.next = 10;
-            return wait();
-
-          case 10:
-            expect(dialog.className).to.eql(className);
-
-          case 11:
-          case "end":
-            return _context10.stop();
-        }
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          _mount8 = mount(AsyncCloseDemo), instance = _mount8[0], element = _mount8[1];
+          dispatchEvent(element.firstChild, 'click');
+          instance.set('code', '111');
+          _context10.next = 5;
+          return wait();
+        case 5:
+          dialog = getElement('.k-dialog');
+          className = dialog.className; // click ok
+          dispatchEvent(dialog.querySelector('.k-dialog-ok'), 'click');
+          _context10.next = 10;
+          return wait();
+        case 10:
+          expect(dialog.className).to.eql(className);
+        case 11:
+        case "end":
+          return _context10.stop();
       }
     }, _callee7);
   })));
   it('drag', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
     var _mount9, instance, element, dialog, top, header;
-
     return _regeneratorRuntime.wrap(function _callee8$(_context11) {
-      while (1) {
-        switch (_context11.prev = _context11.next) {
-          case 0:
-            _mount9 = mount(BasicDemo), instance = _mount9[0], element = _mount9[1];
-            dispatchEvent(element.firstChild, 'click');
-            _context11.next = 4;
-            return wait();
-
-          case 4:
-            dialog = getElement('.k-dialog');
-            top = Math.round(parseFloat(dialog.style.top));
-            header = getElement('.k-dialog-header');
-            dispatchEvent(header, 'mousedown', {
-              which: 1,
-              clientY: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientY: -1
-            });
-            dispatchEvent(document, 'mouseup');
-            _context11.next = 12;
-            return wait();
-
-          case 12:
-            expect(dialog.style.top).to.eql(top - 1 + "px");
-
-          case 13:
-          case "end":
-            return _context11.stop();
-        }
+      while (1) switch (_context11.prev = _context11.next) {
+        case 0:
+          _mount9 = mount(BasicDemo), instance = _mount9[0], element = _mount9[1];
+          dispatchEvent(element.firstChild, 'click');
+          _context11.next = 4;
+          return wait();
+        case 4:
+          dialog = getElement('.k-dialog');
+          top = Math.round(parseFloat(dialog.style.top));
+          header = getElement('.k-dialog-header');
+          dispatchEvent(header, 'mousedown', {
+            which: 1,
+            clientY: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientY: -1
+          });
+          dispatchEvent(document, 'mouseup');
+          _context11.next = 12;
+          return wait();
+        case 12:
+          expect(dialog.style.top).to.eql(top - 1 + "px");
+        case 13:
+        case "end":
+          return _context11.stop();
       }
     }, _callee8);
   })));
   it('static methods', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
     var cb, dialog, cb1, cb2, overlay;
     return _regeneratorRuntime.wrap(function _callee9$(_context12) {
-      while (1) {
-        switch (_context12.prev = _context12.next) {
-          case 0:
-            cb = sinon.spy();
-            Dialog.success({
-              content: 'test'
-            }).then(cb);
-            _context12.next = 4;
-            return wait();
-
-          case 4:
-            dialog = expectDialog();
-            dialog.querySelector('.k-btn').click();
-            _context12.next = 8;
-            return wait();
-
-          case 8:
-            expect(cb.callCount).to.eql(1);
-            cb1 = sinon.spy();
-            Dialog.confirm({
-              content: 'test',
-              hideIcon: true,
-              hideClose: false
-            }).then(cb, cb1);
-            _context12.next = 13;
-            return wait();
-
-          case 13:
-            dialog = expectDialog();
-            dialog.querySelector('.k-dialog-cancel').click();
-            _context12.next = 17;
-            return wait();
-
-          case 17:
-            expect(cb1.callCount).to.eql(1); // with title
-
-            Dialog.error({
-              title: 'error',
-              content: 'test'
-            });
-            _context12.next = 21;
-            return wait();
-
-          case 21:
-            dialog = expectDialog();
-            dialog.querySelector('.k-btn').click();
-            cb2 = sinon.spy();
-            Dialog.confirm({
-              content: 'test',
-              closable: false
-            }).then(function () {}, cb2);
-            _context12.next = 27;
-            return wait();
-
-          case 27:
-            overlay = getElement('.k-dialog-overlay');
-            overlay.click();
-            _context12.next = 31;
-            return wait();
-
-          case 31:
-            expect(cb2.callCount).to.eql(0);
-            getElement('.k-dialog').querySelector('.k-btn').click();
-
-          case 33:
-          case "end":
-            return _context12.stop();
-        }
+      while (1) switch (_context12.prev = _context12.next) {
+        case 0:
+          cb = sinon.spy();
+          Dialog.success({
+            content: 'test'
+          }).then(cb);
+          _context12.next = 4;
+          return wait();
+        case 4:
+          dialog = expectDialog();
+          dialog.querySelector('.k-btn').click();
+          _context12.next = 8;
+          return wait();
+        case 8:
+          expect(cb.callCount).to.eql(1);
+          cb1 = sinon.spy();
+          Dialog.confirm({
+            content: 'test',
+            hideIcon: true,
+            hideClose: false
+          }).then(cb, cb1);
+          _context12.next = 13;
+          return wait();
+        case 13:
+          dialog = expectDialog();
+          dialog.querySelector('.k-dialog-cancel').click();
+          _context12.next = 17;
+          return wait();
+        case 17:
+          expect(cb1.callCount).to.eql(1);
+          // with title
+          Dialog.error({
+            title: 'error',
+            content: 'test'
+          });
+          _context12.next = 21;
+          return wait();
+        case 21:
+          dialog = expectDialog();
+          dialog.querySelector('.k-btn').click();
+          cb2 = sinon.spy();
+          Dialog.confirm({
+            content: 'test',
+            closable: false
+          }).then(function () {}, cb2);
+          _context12.next = 27;
+          return wait();
+        case 27:
+          overlay = getElement('.k-dialog-overlay');
+          overlay.click();
+          _context12.next = 31;
+          return wait();
+        case 31:
+          expect(cb2.callCount).to.eql(0);
+          getElement('.k-dialog').querySelector('.k-btn').click();
+        case 33:
+        case "end":
+          return _context12.stop();
       }
     }, _callee9);
   })));
   it('should double check for closing dialog', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
     var _mount10, instance, element, dialog, confirm;
-
     return _regeneratorRuntime.wrap(function _callee10$(_context13) {
-      while (1) {
-        switch (_context13.prev = _context13.next) {
-          case 0:
-            _mount10 = mount(TerminateDemo), instance = _mount10[0], element = _mount10[1];
-            element.firstChild.click();
-            _context13.next = 4;
-            return wait();
-
-          case 4:
-            dialog = getElement('.k-dialog');
-            dialog.querySelector('.k-dialog-close').click();
-            _context13.next = 8;
-            return wait(500);
-
-          case 8:
-            expect(dialog.style.display).to.eql('');
-            confirm = getElement('.k-alert-dialog');
-            confirm.querySelector('.k-dialog-ok').click();
-            _context13.next = 13;
-            return wait(500);
-
-          case 13:
-            expect(dialog.style.display).to.eql('none');
-
-          case 14:
-          case "end":
-            return _context13.stop();
-        }
+      while (1) switch (_context13.prev = _context13.next) {
+        case 0:
+          _mount10 = mount(TerminateDemo), instance = _mount10[0], element = _mount10[1];
+          element.firstChild.click();
+          _context13.next = 4;
+          return wait();
+        case 4:
+          dialog = getElement('.k-dialog');
+          dialog.querySelector('.k-dialog-close').click();
+          _context13.next = 8;
+          return wait(500);
+        case 8:
+          expect(dialog.style.display).to.eql('');
+          confirm = getElement('.k-alert-dialog');
+          confirm.querySelector('.k-dialog-ok').click();
+          _context13.next = 13;
+          return wait(500);
+        case 13:
+          expect(dialog.style.display).to.eql('none');
+        case 14:
+        case "end":
+          return _context13.stop();
       }
     }, _callee10);
   })));
   it('should remove body', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
     var _mount11, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee11$(_context14) {
-      while (1) {
-        switch (_context14.prev = _context14.next) {
-          case 0:
-            _mount11 = mount(DestroyDemo), instance = _mount11[0], element = _mount11[1];
-            expect(getElement('.k-dialog')).to.be.undefined;
-            instance.set('show', true);
-            _context14.next = 5;
-            return wait(500);
-
-          case 5:
-            expectDialog();
-            instance.set('show', false);
-            _context14.next = 9;
-            return wait(500);
-
-          case 9:
-            expect(getElement('.k-dialog')).to.be.undefined;
-
-          case 10:
-          case "end":
-            return _context14.stop();
-        }
+      while (1) switch (_context14.prev = _context14.next) {
+        case 0:
+          _mount11 = mount(DestroyDemo), instance = _mount11[0], element = _mount11[1];
+          expect(getElement('.k-dialog')).to.be.undefined;
+          instance.set('show', true);
+          _context14.next = 5;
+          return wait(500);
+        case 5:
+          expectDialog();
+          instance.set('show', false);
+          _context14.next = 9;
+          return wait(500);
+        case 9:
+          expect(getElement('.k-dialog')).to.be.undefined;
+        case 10:
+        case "end":
+          return _context14.stop();
       }
     }, _callee11);
   })));
   it('should not close when click and move outside', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
     var _mount12, instance, element, dialog, wrapper;
-
     return _regeneratorRuntime.wrap(function _callee12$(_context15) {
-      while (1) {
-        switch (_context15.prev = _context15.next) {
-          case 0:
-            _mount12 = mount(BasicDemo), instance = _mount12[0], element = _mount12[1];
-            element.firstChild.click();
-            _context15.next = 4;
-            return wait();
-
-          case 4:
-            dialog = getElement('.k-dialog');
-            wrapper = dialog.parentElement;
-            dispatchEvent(dialog, 'mousedown');
-            dispatchEvent(wrapper, 'mouseup');
-            dispatchEvent(wrapper, 'click');
-            _context15.next = 11;
-            return wait(500);
-
-          case 11:
-            expectDialog();
-
-          case 12:
-          case "end":
-            return _context15.stop();
-        }
+      while (1) switch (_context15.prev = _context15.next) {
+        case 0:
+          _mount12 = mount(BasicDemo), instance = _mount12[0], element = _mount12[1];
+          element.firstChild.click();
+          _context15.next = 4;
+          return wait();
+        case 4:
+          dialog = getElement('.k-dialog');
+          wrapper = dialog.parentElement;
+          dispatchEvent(dialog, 'mousedown');
+          dispatchEvent(wrapper, 'mouseup');
+          dispatchEvent(wrapper, 'click');
+          _context15.next = 11;
+          return wait(500);
+        case 11:
+          expectDialog();
+        case 12:
+        case "end":
+          return _context15.stop();
       }
     }, _callee12);
   })));
   it('should remove body style when destroy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-    var Demo, _mount13, instance, element;
-
+    var Demo, _mount13, instance, element, style;
     return _regeneratorRuntime.wrap(function _callee13$(_context17) {
-      while (1) {
-        switch (_context17.prev = _context17.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component4) {
-              _inheritsLoose(Demo, _Component4);
-
-              function Demo() {
-                var _context16;
-
-                var _this4;
-
-                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-                  args[_key4] = arguments[_key4];
-                }
-
-                _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
-                _this4.Dialog = Dialog;
-                return _this4;
+      while (1) switch (_context17.prev = _context17.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component4) {
+            _inheritsLoose(Demo, _Component4);
+            function Demo() {
+              var _context16;
+              var _this4;
+              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                args[_key4] = arguments[_key4];
               }
-
-              Demo.defaults = function defaults() {
-                return {
-                  show: true
-                };
-              };
-
-              var _proto = Demo.prototype;
-
-              _proto.onClose = function onClose() {
-                this.set('show', false);
+              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
+              _this4.Dialog = Dialog;
+              return _this4;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                show: true
               };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                var Dialog = this.Dialog;\n                <div>\n                    <Dialog v-if={this.get('show')}\n                        value={this.get('show')}\n                        ev-close={this.onClose}\n                        ref=\"dialog\"\n                    >test</Dialog>\n                </div>\n            ";
-
-            __decorate([bind], Demo.prototype, "onClose", null);
-
-            _mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
-            instance.refs.dialog.close();
-            _context17.next = 7;
-            return wait();
-
-          case 7:
-            expect(document.body.getAttribute('style')).to.be.null;
-
-          case 8:
-          case "end":
-            return _context17.stop();
-        }
+            };
+            var _proto = Demo.prototype;
+            _proto.onClose = function onClose() {
+              this.set('show', false);
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                var Dialog = this.Dialog;\n                <div>\n                    <Dialog v-if={this.get('show')}\n                        value={this.get('show')}\n                        ev-close={this.onClose}\n                        ref=\"dialog\"\n                    >test</Dialog>\n                </div>\n            ";
+          __decorate([bind], Demo.prototype, "onClose", null);
+          _mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
+          instance.refs.dialog.close();
+          _context17.next = 7;
+          return wait();
+        case 7:
+          style = document.body.getAttribute('style');
+          expect(!!style).to.be.false;
+        case 9:
+        case "end":
+          return _context17.stop();
       }
     }, _callee13);
-  }))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
+  })));
+  it('should update position when change container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+    var Demo, _mount14, instance, element, dialogDom, style;
+    return _regeneratorRuntime.wrap(function _callee14$(_context19) {
+      while (1) switch (_context19.prev = _context19.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component5) {
+            _inheritsLoose(Demo, _Component5);
+            function Demo() {
+              var _context18;
+              var _this5;
+              for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                args[_key5] = arguments[_key5];
+              }
+              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context18 = [this]).call(_context18, args)) || this;
+              _this5.Dialog = Dialog;
+              return _this5;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                container: function container(parentDom) {
+                  return parentDom;
+                }
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} container={this.get('container')} ref=\"dialog\">test</Dialog>\n            ";
+          _mount14 = mount(Demo), instance = _mount14[0], element = _mount14[1];
+          _context19.next = 5;
+          return wait();
+        case 5:
+          instance.set('container', undefined);
+          _context19.next = 8;
+          return wait();
+        case 8:
+          dialogDom = instance.refs.dialog.dialogRef.value;
+          style = dialogDom.style;
+          expect(style.left).not.eql('');
+          expect(style.top).not.eql('');
+          // should append to body
+          expect(dialogDom.closest('.k-dialog-wrapper').parentElement).to.eql(document.body);
+        case 13:
+        case "end":
+          return _context19.stop();
+      }
+    }, _callee14);
+  })));
+  // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
   // const Test = {
   // template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,
   // components: {