[improvement] rename packages dir to src (#3659)

src/uploader/demo/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-uploader :after-read="afterRead" />
+    </demo-block>
+
+    <demo-block :title="$t('preview')">
+      <van-uploader
+        v-model="fileList"
+        multiple
+        accept="*"
+      />
+    </demo-block>
+
+    <demo-block :title="$t('maxCount')">
+      <van-uploader
+        v-model="fileList2"
+        multiple
+        :max-count="2"
+      />
+    </demo-block>
+
+    <demo-block :title="$t('uploadStyle')">
+      <van-uploader>
+        <van-button
+          type="primary"
+          icon="photo"
+        >
+          {{ this.$t('upload') }}
+        </van-button>
+      </van-uploader>
+    </demo-block>
+
+    <demo-block :title="$t('beforeRead')">
+      <van-uploader
+        v-model="fileList3"
+        :before-read="beforeRead"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      upload: '上传文件',
+      preview: '文件预览',
+      maxCount: '限制上传数量',
+      beforeRead: '上传前校验',
+      uploadStyle: '自定义上传样式',
+      invalidType: '请上传 jpg 格式图片'
+    },
+    'en-US': {
+      upload: 'Upload File',
+      preview: 'Preview File',
+      maxCount: 'Max Count',
+      beforeRead: 'Before Read',
+      uploadStyle: 'Upload Style',
+      invalidType: 'Please upload an image in jpg format'
+    }
+  },
+
+  data() {
+    return {
+      fileList: [],
+      fileList2: [],
+      fileList3: []
+    };
+  },
+
+  methods: {
+    beforeRead(file) {
+      if (file.type !== 'image/jpeg') {
+        this.$toast(this.$t('invalidType'));
+        return false;
+      }
+
+      return true;
+    },
+
+    afterRead(file) {
+      console.log(file);
+    }
+  }
+};
+</script>
+
+<style lang="less">
+.demo-uploader {
+  background-color: #fff;
+
+  .van-uploader {
+    margin-left: 15px;
+  }
+}
+</style>