Fix multisite publish form (#194)

* Fix multisite reactivity.

* Remove redundant `sourceField` data.

* Fix field not resetting meta when changing source dropdown.

* Compile dist.

Author: jesseleite

resources/dist/js/cp.js

@@ -1,4 +1,5 @@
 <template>
+
     <div class="flex">
 
         <div class="source-type-select pr-2">
@@ -7,7 +8,8 @@
                 :reduce="option => option.value"
                 :disabled="! config.localizable"
                 :clearable="false"
-                v-model="source"
+                :value="source"
+                @input="sourceDropdownChanged"
             />
         </div>
 
@@ -20,7 +22,7 @@
 
             <div v-else-if="source === 'field'" class="source-field-select">
                 <!-- TODO: Implement field suggestions v-select -->
-                <text-input v-model="sourceField" :disabled="! config.localizable" />
+                <text-input :value="sourceField" @input="sourceFieldChanged" :disabled="! config.localizable" />
             </div>
 
             <component
@@ -32,7 +34,7 @@
                 :meta="meta.fieldMeta"
                 :read-only="! config.localizable"
                 handle="source_value"
-                @input="updateValue">
+                @input="customValueChanged">
             </component>
         </div>
     </div>
@@ -61,8 +63,6 @@ export default {
 
     data() {
         return {
-            source: this.value.source,
-            sourceField: this.value.source === 'field' ? this.value.value : null,
             autoBindChangeWatcher: false,
             changeWatcherWatchDeep: false,
             allowedFieldtypes: []
@@ -71,6 +71,16 @@ export default {
 
     computed: {
 
+        source() {
+            return this.value.source;
+        },
+
+        sourceField() {
+            return this.value.source === 'field'
+                ? this.value.value
+                : null;
+        },
+
         componentName() {
             return this.config.field.type.replace('.', '-') + '-fieldtype';
         },
@@ -107,24 +117,6 @@ export default {
 
     },
 
-    watch: {
-
-        source(val) {
-            this.value.source = val;
-
-            if (val === 'field') {
-                this.value.value = Array.isArray(this.sourceField) ? this.sourceField[0] : this.sourceField;
-            } else {
-                this.value.value = this.meta.defaultValue;
-            }
-        },
-
-        sourceField(val) {
-            this.value.value = Array.isArray(val) ? val[0] : val;
-        },
-
-    },
-
     mounted() {
         let types = this.config.allowed_fieldtypes || ['text', 'textarea', 'markdown', 'redactor'];
         this.allowedFieldtypes = types.concat(this.config.merge_allowed_fieldtypes || []);
@@ -133,7 +125,20 @@ export default {
 
     methods: {
 
-        updateValue(value) {
+        sourceDropdownChanged(value) {
+            this.value.source = value;
+
+            if (value !== 'field') {
+                this.value.value = this.meta.defaultValue;
+                this.meta.fieldMeta = this.meta.defaultFieldMeta;
+            }
+        },
+
+        sourceFieldChanged(field) {
+            this.value.value = field;
+        },
+
+        customValueChanged(value) {
             let newValue = this.value;
 
             newValue.value = value;

resources/js/components/fieldtypes/SourceFieldtype.vue

@@ -71,6 +71,7 @@ public function preload()
 
         return [
             'fieldMeta' => $sourceField->setValue($value)->preProcess()->meta(),
+            'defaultFieldMeta' => $sourceField->setValue(null)->preProcess()->meta(),
             'defaultValue' => $sourceField->setValue(null)->preProcess()->value(),
         ];
     }