refactor: refine defaultModal format

Author: hunterliu1003

dist/VueFinalModal.esm.js

@@ -26,8 +26,9 @@
     <h2 class="text-3xl py-2">Stop before open:</h2>
     <v-stop-before-open></v-stop-before-open>
     <h2 class="text-3xl py-2">Dynamic modal</h2>
-    <v-dynamic-modal></v-dynamic-modal>
+    <v-dynamic></v-dynamic>
 
+    <modals-container></modals-container>
     <div v-for="i in 100" :key="i">{{ i }}</div>
   </div>
 </template>

dist/VueFinalModal.esm.js.map

@@ -11,8 +11,6 @@ function assignOptions(component, options) {
 
 function createVfm(Vue, options) {
   let vfm
-  const PREFIX = '_dynamic_modal_'
-  const generateId = ((index = 0) => () => (index++).toString())()
 
   return function() {
     vfm = {
@@ -24,23 +22,15 @@ function createVfm(Vue, options) {
           case 'object':
             {
               const defaultModal = {
+                value: true,
+                id: Symbol('dynamicModal'),
                 component: options.componentName,
                 bind: {},
                 slots: {},
-                on: {}
-              }
-              modal = Object.assign(defaultModal, modal)
-              const id = generateId()
-              this.dynamicModals.push({
-                value: true,
-                id,
-                ...modal,
-                bind: {
-                  name: PREFIX + id,
-                  ...modal.bind
-                },
+                on: {},
                 params: args[0]
-              })
+              }
+              this.dynamicModals.push(Object.assign(defaultModal, modal))
             }
             break
         }