evui 2.1.2 → 2.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evui",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "A EXEM Library project",
   "author": "exem <dev_client@ex-em.com>",
   "license": "MIT",

package/src/components/message-box/index.js

@@ -1,3 +1,7 @@
-import MessageBox from './message-box';
+import MessageBox from './message-box.vue';
+import MessageBoxFn from './message-box';
 
-export default MessageBox;
+export {
+  MessageBox,
+  MessageBoxFn,
+};

package/src/components/message-box/message-box.js

@@ -1,13 +1,8 @@
 import Vue from 'vue';
 import MessageBoxVue from './message-box.vue';
 
-const MsgVue = Vue.extend(MessageBoxVue);
-
-const root = document.createElement('div');
-root.classList.add('ev-message-box-root');
-document.body.appendChild(root);
-
 let instance;
+
 export default function messageBox(options = {}) {
   const dataOptions = Object.assign(
     {
@@ -20,12 +15,18 @@ export default function messageBox(options = {}) {
   );
 
   if (!instance) {
+    const MsgVue = Vue.extend(MessageBoxVue);
     instance = new MsgVue({
       data: dataOptions,
     });
     instance.$mount();
+
+    const root = document.createElement('div');
+    root.classList.add('ev-message-box-root');
+    document.body.appendChild(root);
     root.appendChild(instance.$el);
   }
+
   Object.assign(instance._data, dataOptions);
   instance.visible = true;
 }

package/src/components/message-box/message-box.vue

@@ -73,15 +73,7 @@
 </template>
 
 <script type="text/babel">
-  import EvButton from '@/components/button/button';
-  import EvIcon from '@/components/icon/icon';
-
   export default {
-    name: 'EvMessageBox',
-    components: {
-      EvButton,
-      EvIcon,
-    },
     data() {
       return {
         type: 'info',

package/src/index.js

@@ -27,7 +27,10 @@ import EvMarkdown from './components/markdown';
 import EvGrid from './components/grid/grid';
 import EvMessage from './components/message/index';
 import EvNotification from './components/notification/index';
-import EvMessageBox from './components/message-box/index';
+import {
+  MessageBox as EvMessageBox,
+  MessageBoxFn,
+} from './components/message-box/index';
 
 const components = {
   EvButton,
@@ -76,7 +79,7 @@ const install = function (Vue) {
   });
 
   Vue.prototype.$message = EvMessage;
-  Vue.prototype.$messagebox = EvMessageBox;
+  Vue.prototype.$messagebox = MessageBoxFn;
   Vue.prototype.$notify = EvNotification;
 };