chore: add trailingComma

2020-01-19 11:57:09 +08:00
parent e841175fe8
commit 389d68884d
269 changed files with 2706 additions and 2702 deletions
@@ -33,7 +33,7 @@ export default {
      maxCount: '限制上传数量',
      beforeRead: '上传前校验',
      uploadStyle: '自定义上传样式',
-      invalidType: '请上传 jpg 格式图片'
+      invalidType: '请上传 jpg 格式图片',
    },
    'en-US': {
      upload: 'Upload File',
@@ -41,18 +41,18 @@ export default {
      maxCount: 'Max Count',
      beforeRead: 'Before Read',
      uploadStyle: 'Upload Style',
-      invalidType: 'Please upload an image in jpg format'
-    }
+      invalidType: 'Please upload an image in jpg format',
+    },
  },

  data() {
    return {
      fileList: [
        { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
-        { url: 'https://img.yzcdn.cn/vant/tree.jpg' }
+        { url: 'https://img.yzcdn.cn/vant/tree.jpg' },
      ],
      fileList2: [{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }],
-      fileList3: []
+      fileList3: [],
    };
  },

@@ -68,8 +68,8 @@ export default {

    afterRead(file, detail) {
      console.log(file, detail);
-    }
-  }
+    },
+  },
 };
 </script>

@@ -10,7 +10,7 @@ export default createComponent({
  inheritAttrs: false,

  model: {
-    prop: 'fileList'
+    prop: 'fileList',
  },

  props: {
@@ -22,57 +22,57 @@ export default createComponent({
    previewSize: [Number, String],
    name: {
      type: [Number, String],
-      default: ''
+      default: '',
    },
    accept: {
      type: String,
-      default: 'image/*'
+      default: 'image/*',
    },
    fileList: {
      type: Array,
-      default: () => []
+      default: () => [],
    },
    maxSize: {
      type: Number,
-      default: Number.MAX_VALUE
+      default: Number.MAX_VALUE,
    },
    maxCount: {
      type: Number,
-      default: Number.MAX_VALUE
+      default: Number.MAX_VALUE,
    },
    deletable: {
      type: Boolean,
-      default: true
+      default: true,
    },
    previewImage: {
      type: Boolean,
-      default: true
+      default: true,
    },
    previewFullImage: {
      type: Boolean,
-      default: true
+      default: true,
    },
    imageFit: {
      type: String,
-      default: 'cover'
+      default: 'cover',
    },
    resultType: {
      type: String,
-      default: 'dataUrl'
-    }
+      default: 'dataUrl',
+    },
  },

  computed: {
    previewSizeWithUnit() {
      return addUnit(this.previewSize);
-    }
+    },
  },

  methods: {
    getDetail(index = this.fileList.length) {
      return {
        name: this.name,
-        index
+        index,
      };
    },

@@ -208,7 +208,7 @@ export default createComponent({
        startPosition: imageFiles.indexOf(item),
        onClose: () => {
          this.$emit('close-preview');
-        }
+        },
      });
    },

@@ -248,7 +248,7 @@ export default createComponent({
          class={bem('file')}
          style={{
            width: this.previewSizeWithUnit,
-            height: this.previewSizeWithUnit
+            height: this.previewSizeWithUnit,
          }}
        >
          <Icon class={bem('file-icon')} name="description" />
@@ -310,7 +310,7 @@ export default createComponent({
        const size = this.previewSizeWithUnit;
        style = {
          width: size,
-          height: size
+          height: size,
        };
      }

@@ -321,7 +321,7 @@ export default createComponent({
          {Input}
        </div>
      );
-    }
+    },
  },

  render() {
@@ -333,5 +333,5 @@ export default createComponent({
        </div>
      </div>
    );
-  }
+  },
 });
@@ -17,8 +17,8 @@ window.FileReader = function() {
    this.onload &&
      this.onload({
        target: {
-          result: mockFileDataUrl
-        }
+          result: mockFileDataUrl,
+        },
      });
  };
  this.readAsDataURL = this.readAsText;
@@ -29,8 +29,8 @@ test('disabled', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      disabled: true,
-      afterRead
-    }
+      afterRead,
+    },
  });

  wrapper.vm.onChange(file);
@@ -44,8 +44,8 @@ it('result-type as text', done => {
      afterRead: readFile => {
        expect(readFile.content).toEqual(mockFileDataUrl);
        done();
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -59,8 +59,8 @@ it('result-type as file', done => {
        expect(readFile.file).toBeTruthy();
        expect(readFile.content).toBeFalsy();
        done();
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -77,8 +77,8 @@ it('set input name', done => {
      afterRead: (readFile, detail) => {
        expect(detail.name).toEqual('uploader');
        done();
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -89,8 +89,8 @@ it('unknown resultType', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      resultType: 'xxxx',
-      afterRead
-    }
+      afterRead,
+    },
  });
  wrapper.vm.onChange(file);
  expect(afterRead).toHaveBeenCalledTimes(0);
@@ -101,8 +101,8 @@ it('before read return false', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      beforeRead: () => false,
-      afterRead
-    }
+      afterRead,
+    },
  });

  const input = wrapper.find('input');
@@ -120,8 +120,8 @@ it('before read return promise and resolve', async () => {
        new Promise(resolve => {
          resolve();
        }),
-      afterRead
-    }
+      afterRead,
+    },
  });

  wrapper.vm.onChange(file);
@@ -138,8 +138,8 @@ it('before read return promise and reject', async () => {
        new Promise((resolve, reject) => {
          reject();
        }),
-      afterRead
-    }
+      afterRead,
+    },
  });

  const input = wrapper.find('input');
@@ -153,8 +153,8 @@ it('before read return promise and reject', async () => {
 test('file size overlimit', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
-      maxSize: 1
-    }
+      maxSize: 1,
+    },
  });
  wrapper.vm.onChange(file);
  wrapper.vm.onChange(multiFile);
@@ -173,8 +173,8 @@ test('file size overlimit', async () => {
 it('render upload-text', () => {
  const wrapper = mount(Uploader, {
    propsData: {
-      uploadText: 'Text'
-    }
+      uploadText: 'Text',
+    },
  });

  expect(wrapper).toMatchSnapshot();
@@ -186,14 +186,14 @@ it('render preview image', async () => {
      fileList: [
        { url: 'https://img.yzcdn.cn/vant/cat.jpeg' },
        { url: 'https://img.yzcdn.cn/vant/test.pdf' },
-        { file: { name: 'test.pdf' } }
-      ]
+        { file: { name: 'test.pdf' } },
+      ],
    },
    listeners: {
      input(fileList) {
        wrapper.setProps({ fileList });
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -206,8 +206,8 @@ it('image-fit prop', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      imageFit: 'contain',
-      fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }]
-    }
+      fileList: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }],
+    },
  });

  expect(wrapper).toMatchSnapshot();
@@ -217,13 +217,13 @@ it('disable preview image', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [],
-      previewImage: false
+      previewImage: false,
    },
    listeners: {
      input(fileList) {
        wrapper.setProps({ fileList });
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -236,13 +236,13 @@ it('max-count prop', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [],
-      maxCount: 1
+      maxCount: 1,
    },
    listeners: {
      input(fileList) {
        wrapper.setProps({ fileList });
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(multiFile);
@@ -255,13 +255,13 @@ it('preview-size prop', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [],
-      previewSize: 30
+      previewSize: 30,
    },
    listeners: {
      input(fileList) {
        wrapper.setProps({ fileList });
-      }
-    }
+      },
+    },
  });

  wrapper.vm.onChange(file);
@@ -273,8 +273,8 @@ it('preview-size prop', async () => {
 it('deletable prop', () => {
  const wrapper = mount(Uploader, {
    propsData: {
-      fileList: [{ url: IMAGE }]
-    }
+      fileList: [{ url: IMAGE }],
+    },
  });

  expect(wrapper.find('.van-uploader__preview-delete').element).toBeTruthy();
@@ -287,13 +287,13 @@ it('delete preview image', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [{ url: IMAGE }],
-      previewSize: 30
+      previewSize: 30,
    },
    listeners: {
      input(fileList) {
        wrapper.setProps({ fileList });
-      }
-    }
+      },
+    },
  });

  wrapper.find('.van-uploader__preview-delete').trigger('click');
@@ -307,8 +307,8 @@ it('before-delete prop return false', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [{ url: IMAGE }],
-      beforeDelete: () => false
-    }
+      beforeDelete: () => false,
+    },
  });

  wrapper.find('.van-uploader__preview-delete').trigger('click');
@@ -319,8 +319,8 @@ it('before-delete prop return true', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [{ url: IMAGE }],
-      beforeDelete: () => true
-    }
+      beforeDelete: () => true,
+    },
  });

  wrapper.find('.van-uploader__preview-delete').trigger('click');
@@ -331,8 +331,8 @@ it('before-delete prop resolved', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [{ url: IMAGE }],
-      beforeDelete: () => new Promise(resolve => resolve())
-    }
+      beforeDelete: () => new Promise(resolve => resolve()),
+    },
  });

  wrapper.find('.van-uploader__preview-delete').trigger('click');
@@ -344,8 +344,8 @@ it('before-delete prop rejected', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
      fileList: [{ url: IMAGE }],
-      beforeDelete: () => new Promise((resolve, reject) => reject())
-    }
+      beforeDelete: () => new Promise((resolve, reject) => reject()),
+    },
  });

  wrapper.find('.van-uploader__preview-delete').trigger('click');
@@ -357,8 +357,8 @@ it('click to preview image', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      previewFullImage: false,
-      fileList: [{ url: IMAGE }, { url: PDF }]
-    }
+      fileList: [{ url: IMAGE }, { url: PDF }],
+    },
  });

  wrapper.find('.van-image').trigger('click');
@@ -377,9 +377,9 @@ it('closeImagePreview method', () => {
  const wrapper = mount(Uploader, {
    mocks: {
      imagePreview: {
-        close
-      }
-    }
+        close,
+      },
+    },
  });

  wrapper.vm.closeImagePreview();
@@ -394,8 +394,8 @@ it('click-preview event', () => {
  const wrapper = mount(Uploader, {
    propsData: {
      previewFullImage: false,
-      fileList: [{ url: IMAGE }, { url: PDF }]
-    }
+      fileList: [{ url: IMAGE }, { url: PDF }],
+    },
  });

  wrapper.find('.van-image').trigger('click');
@@ -406,8 +406,8 @@ it('click-preview event', () => {
 it('close-preview event', async () => {
  const wrapper = mount(Uploader, {
    propsData: {
-      fileList: [{ url: IMAGE }]
-    }
+      fileList: [{ url: IMAGE }],
+    },
  });

  wrapper.find('.van-image').trigger('click');