yy-file-select

file-select 文库组件

Dev Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# package
打包目录

# src
开发目录

# lib
发布包目录

# dist
本地打包目录

########重中之重##########
如果修改业务代码，需要修改package下的目录文件，打包入口文件在package目录下
修改src代码无效 src代码只用于本地dev调试
注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意

Preview

usage

<template>
    <file-select v-model="showModal" @on-ok="handleOk" @on-cancel="handleCancel" :lang="lang" :host="host"/>
</template>
<script>
    import FileSelect from 'yy-new-file-select'
    export default {
        data(){
            return {
                host:'https://bip-daily.yyuap.com/yonbip-ec-file',
                showModal:true,
                lang:'zh_cn'
            }
        },
        components: {
            FileSelect
        },
        methods:{
            handleOk(res){
                this.showModal = false
                console.log(res)
            },
            handleCancel(){
                this.showModal = false
            }
        }
    }
</script>

Description

lang:当前语言  zh_cn -简体中文 zh_tw - 繁体中文 en -英文 默认中文简体
host:当前环境访问的后端host地址  默认为''
showModal:是否显示当前弹层 默认为false
@on-ok:选择的文件回调 返回的为数组对象

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

目录结构

├── build                                           # webpack js
├── config                                          # webpack 配置
├── lib                                             # 打包后产物的目录
├── package                                         # 打包的代码内容
├── previewIma                                      # 组件预览
├── src                                             # 本地测试执行的代码内容
├──├──api                                           # 调用的接口
├──├──css                                           # 全局css
├──├──axiosi                                        # 封装axios
├──├──components                                    # 组件
├──├──config                                        # 服务编码配置
├──├──const                                         # 常量
├──├──fifter                                        # 过滤器
├──├──lang                                          # 多语
├──├──utils                                         # 工具函数
├──├──view                                          # 常量
├──├──App.vue                                       # 入口vue
├──├──main.js                                       # 入口js