Modal support global setting

examples/main.js

@@ -12,7 +12,7 @@ import locale from '../src/locale/lang/zh-CN';
 Vue.use(VueRouter);
 Vue.use(iView, {
     locale,
-    transfer: true,
+    transfer: false,
     size: 'small'
 });
 

examples/routers/modal.vue

@@ -1,39 +1,30 @@
 <template>
     <div>
-        <p>
+        <Button type="primary" @click="modal1 = true">Display dialog box</Button>
-            Name: {{ value }}
+        <Modal
-    </p>
+                v-model="modal1"
-        <p>
+                title="Common Modal dialog box title"
-            <Button @click="handleRender">Custom content</Button>
+                @on-ok="ok"
-        </p>
+                @on-cancel="cancel">
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+        </Modal>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value: ''
+                modal1: false
             }
         },
         methods: {
-            handleRender () {
+            ok () {
-                this.$Modal.confirm({
+                this.$Message.info('Clicked ok');
-                    title: '真不错呀',
+            },
-                    render: (h) => {
+            cancel () {
-                        return h('Input', {
+                this.$Message.info('Clicked cancel');
-                            props: {
-                                value: this.value,
-                                autofocus: true,
-                                placeholder: 'Please enter your name...'
-                            },
-                            on: {
-                                input: (val) => {
-                                    this.value = val;
-                                }
-                            }
-                        })
-                    }
-                })
             }
         }
     }

src/components/modal/modal.vue

@@ -99,7 +99,9 @@
             },
             transfer: {
                 type: Boolean,
-                default: true
+                default () {
+                    return this.$IVIEW.transfer === '' ? true : this.$IVIEW.transfer;
+                }
             },
             fullscreen: {
                 type: Boolean,

src/index.js

@@ -166,7 +166,7 @@ const install = function(Vue, opts = {}) {
 
     Vue.prototype.$IVIEW = {
         size: opts.size || '',
-        transfer: opts.transfer || ''
+        transfer: 'transfer' in opts ? opts.transfer : ''
     };
 
     Vue.prototype.$Loading = LoadingBar;