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

@@ -22,7 +22,7 @@ export default {
   inheritAttrs: false,
   methods: {
     close() {
-      this.$emit('input', false)
+      this.$emit('update:modelValue', false)
     }
   }
 }

dist/VueFinalModal.umd.js

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