support vue 2.0

Author: Leopoldthecoder

package.json

@@ -35,13 +35,14 @@
     "file-loader": "^0.8.5",
     "style-loader": "^0.13.0",
     "url-loader": "^0.5.7",
+    "vue": "^2.0.3",
     "vue-hot-reload-api": "^1.2.2",
     "vue-html-loader": "^1.0.0",
-    "vue-loader": "^7.3.0",
+    "vue-loader": "^9.7.0",
     "webpack": "^1.12.9",
     "webpack-dev-server": "^1.14.0"
   },
   "dependencies": {
-    "vue-popup": "^0.1.13"
+    "vue-popup": "^0.2.9"
   }
 }

src/index.js

@@ -2,11 +2,14 @@ var CONFIRM_TEXT = '确定';
 var CANCEL_TEXT = '取消';
 
 var defaults = {
-  title: '',
+  title: '提示',
   message: '',
   type: '',
   showInput: false,
+  showClose: true,
+  modalFade: false,
   lockScroll: false,
+  closeOnClickModal: true,
   inputValue: null,
   inputPlaceholder: '',
   inputPattern: null,
@@ -87,7 +90,7 @@ var showNextMsg = function() {
     initInstance();
   }
 
-  if (!instance.visible || instance.closeTimer) {
+  if (!instance.value || instance.closeTimer) {
     if (msgQueue.length > 0) {
       currentMsg = msgQueue.shift();
 
@@ -97,10 +100,15 @@ var showNextMsg = function() {
           instance[prop] = options[prop];
         }
       }
-      instance.$appendTo(document.body);
+      ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape'].forEach(prop => {
+        if (instance[prop] === undefined) {
+          instance[prop] = true;
+        }
+      });
+      document.body.appendChild(instance.$el);
 
       Vue.nextTick(() => {
-        instance.visible = true;
+        instance.value = true;
       });
     }
   }
@@ -122,7 +130,7 @@ var MessageBox = function(options, callback) {
   }
 
   if (typeof Promise !== 'undefined') {
-    return new Promise(function (resolve, reject) {
+    return new Promise(function(resolve, reject) { // eslint-disable-line
       msgQueue.push({
         options: merge({}, defaults, MessageBox.defaults || {}, options),
         callback: callback,
@@ -154,7 +162,9 @@ MessageBox.alert = function(message, title, options) {
   return MessageBox(merge({
     title: title,
     message: message,
-    $type: 'alert'
+    $type: 'alert',
+    closeOnPressEscape: false,
+    closeOnClickModal: false
   }, options));
 };
 
@@ -186,7 +196,7 @@ MessageBox.prompt = function(message, title, options) {
 };
 
 MessageBox.close = function() {
-  instance.visible = false;
+  instance.value = false;
   msgQueue = [];
   currentMsg = null;
 };