Add DialogTab

Author: dark-flames

dist/MarkdownPalettes.common.js

@@ -10,7 +10,8 @@
                     </div>
 
                     <form class="mp-dialog-body" @submit.prevent="finish">
-                        <dialog-form :fields="this.request.body" v-model="responseData"></dialog-form>
+                        <dialog-form v-if="this.request.type === 'form'" :fields="this.request.body" v-model="responseData"></dialog-form>
+                        <dialog-tab v-else-if="this.request.type === 'tab'" :fields="this.request.body" v-model="responseData"></dialog-tab>
 
                         <div class="mp-dialog-footer">
                             <div>
@@ -106,6 +107,7 @@
 
 <script>
 import DialogForm from './DialogForm.vue'
+import DialogTab from './DialogTab.vue'
 
 export default {
     name: 'editor-dialog',
@@ -117,8 +119,12 @@ export default {
     },
     data () {
         const initialData = {}
-        this.request.body.forEach(function (field) {
-            initialData[field.name] = field.default ? field.default : ''
+        this.request.body.forEach((field) => {
+            if (this.request.type === 'form') {
+                initialData[field.name] = field.default ? field.default : ''
+            } else if (this.request.type === 'tab') {
+                initialData[field.name] = {}
+            }
         })
         return {
             responseData: initialData
@@ -137,7 +143,7 @@ export default {
             this.$emit('finish', this.response)
         }
     },
-    components: { DialogForm },
+    components: { DialogForm, DialogTab },
     inject: ['t']
 }
 </script>

dist/MarkdownPalettes.common.js.map

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import DialogComponents from './DialogComponentMap'
+import DialogComponents from './FormComponent/DialogFormComponentMap'
 
 export default {
     name: 'dialog-form',
@@ -25,22 +25,22 @@ export default {
         prop: 'value',
         event: 'change'
     },
-    computed: {
-        data: {
-            get () {
-                return this.value
-            },
-            set (value) {
-                this.$emit('change', value)
-            }
+    data () {
+        const initialData = {}
+        this.fields.forEach((field) => {
+            initialData[field.name] = field.default ? field.default : ''
+        })
+        return {
+            selectId: 1,
+            data: initialData
         }
     },
-    methods: {
-        close () {
-            this.$emit('close')
-        },
-        finish () {
-            this.$emit('finish', this.response)
+    watch: {
+        data: {
+            deep: true,
+            callback (newData) {
+                this.$emit('change', newData)
+            }
         }
     },
     components: DialogComponents,