fix(SPA): 修复无法创建圈子的问题

issue #542 (cherry picked from commit 2e73eb68cc3e0351cf5bdaac70f91194a0c10185) # Conflicts: # resources/spa/src/components/form/FormAvatarItem.vue
slimkit · Jan 24, 2019 · 8965728 · 8965728
1 parent 9581748
commit 8965728
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/resources/spa/src/components/form/FormAvatarItem.vue b/resources/spa/src/components/form/FormAvatarItem.vue
@@ -10,8 +10,9 @@
 
     <ImageUploader
       ref="uploader"
-      v-model="value"
-      type="storage"
+      :value="value"
+      :type="type"
+      @input="$emit('input', $event)"
       @update:src="avatar = $event"
     />
   </section>
@@ -24,18 +25,23 @@ export default {
   name: 'FormAvatarItem',
   components: { ImageUploader },
   props: {
-    value: { type: null, default: null },
+    value: { type: null, default: () => ({}) },
     label: { type: String, default: '上传头像' },
     readonly: { type: Boolean, default: false },
-
+    /**
+     * 文件类型
+     */
+    type: { type: String, default: 'storage', validator (type) { return ['blob', 'id', 'url', 'storage'].includes(type) } },
     /**
      * 头像形状 square: 方形 circle: 圆形
      */
     shape: { type: String, default: 'circle' },
   },
   data () {
     return {
-      avatar: null,
+      avatar: this.type === 'storage'
+        ? this.$props.value.url
+        : this.$props.value,
     }
   },
   methods: {