├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── babel.config.js
├── example
    ├── App.vue
    └── main.js
├── lib
    ├── EleUploadFile.vue
    ├── EleUploadList.vue
    ├── iconList.js
    ├── images
    │   ├── access.svg
    │   ├── ai.svg
    │   ├── audio.svg
    │   ├── bat.svg
    │   ├── config.svg
    │   ├── css.svg
    │   ├── db.svg
    │   ├── dmg.svg
    │   ├── excel.svg
    │   ├── file.svg
    │   ├── fla.svg
    │   ├── flash.svg
    │   ├── font.svg
    │   ├── html.svg
    │   ├── image.svg
    │   ├── ini.svg
    │   ├── jar.svg
    │   ├── js.svg
    │   ├── markdown.svg
    │   ├── onenote.svg
    │   ├── pdf.svg
    │   ├── photoshop.svg
    │   ├── php.svg
    │   ├── powerpoint.svg
    │   ├── reactjs.svg
    │   ├── ts.svg
    │   ├── txt.svg
    │   ├── video.svg
    │   ├── vue.svg
    │   ├── web.svg
    │   ├── word.svg
    │   ├── xfl.svg
    │   └── zip.svg
    └── index.js
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    └── index.html
└── vue.config.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | tests
 3 | docs
 4 | documentation
 5 | public
 6 | vue.config.js
 7 | coverage
 8 | jest.config.js
 9 | .eslintrc.js
10 | cypress.json
11 | postcss.config.js
12 | babel.config.js
13 | .editorconfig
14 | .cypress.json
15 | dist/demo.html
16 | .browserslistrc


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 二当家的
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # vue-ele-upload-file | 使 element-ui upload 组件更简单、好用
  2 | 
  3 | [![license](https://img.shields.io/npm/l/vue-ele-upload-file.svg)](https://dream2023.github.io/vue-ele-upload-file/)
  4 | [![npm](https://img.shields.io/npm/v/vue-ele-upload-file.svg)](https://www.npmjs.com/package/vue-ele-upload-file)
  5 | [![size](https://img.shields.io/bundlephobia/minzip/vue-ele-upload-file.svg)](https://www.npmjs.com/package/vue-ele-upload-file)
  6 | [![download](https://img.shields.io/npm/dw/vue-ele-upload-file.svg)](https://npmcharts.com/compare/vue-ele-upload-file?minimal=true)
  7 | 
  8 | ![image](https://raw.githubusercontent.com/dream2023/images/master/vue-ele-upload-file.17yo68suvvo.gif)
  9 | 
 10 | ## 安装
 11 | 
 12 | ```bash
 13 | npm install vue-ele-upload-file --save
 14 | ```
 15 | 
 16 | ### 用法
 17 | 
 18 | ```js
 19 | import EleUploadFile from "vue-ele-upload-file";
 20 | 
 21 | export default {
 22 |   components: {
 23 |     EleUploadFile
 24 |   }
 25 | };
 26 | ```
 27 | 
 28 | ## 示例
 29 | 
 30 | ### 简单用法
 31 | 
 32 | ```html
 33 | <template>
 34 |   <ele-upload-file
 35 |     :responseFn="responseFn"
 36 |     action="https://jsonplaceholder.typicode.com/posts/"
 37 |     v-model="file"
 38 |   />
 39 | </template>
 40 | <script>
 41 |   export default {
 42 |     data() {
 43 |       return {
 44 |         file: []
 45 |       };
 46 |     },
 47 |     methods: {
 48 |       // 对请求结果处理, 返回对象
 49 |       responseFn(response, file) {
 50 |         return {
 51 |           url: URL.createObjectURL(file.raw),
 52 |           name: file.name,
 53 |           size: file.size
 54 |         };
 55 |       }
 56 |     }
 57 |   };
 58 | </script>
 59 | ```
 60 | 
 61 | ### 增加属性
 62 | 
 63 | ```html
 64 | <template>
 65 |   <ele-upload-file
 66 |     :disabled="false"
 67 |     :file-type="['doc', 'pdf', 'png', 'jpeg', 'jpg']"
 68 |     :fileSize="2"
 69 |     :isCanDelete="true"
 70 |     :isCanDownload="true"
 71 |     :isCanUploadSame="true"
 72 |     :isShowSize="true"
 73 |     :isShowTip="true"
 74 |     :limit="6"
 75 |     :multiple="true"
 76 |     :responseFn="handleResponse"
 77 |     action="https://jsonplaceholder.typicode.com/posts/"
 78 |     placeholder="上传附件"
 79 |     v-model="file"
 80 |   />
 81 | </template>
 82 | ```
 83 | 
 84 | ## Props 参数
 85 | 
 86 | ```js
 87 |   props: {
 88 |     // 值
 89 |     value: [String, Object, Array],
 90 |     // 必选参数，上传的地址
 91 |     // 同 element-ui upload 组件
 92 |     action: {
 93 |       type: String,
 94 |       required: true
 95 |     },
 96 |     // 大小限制(MB)
 97 |     fileSize: Number,
 98 |     // 响应处理函数
 99 |     responseFn: Function,
100 |     // 文件类型, 例如['png', 'jpg', 'jpeg']
101 |     fileType: Array,
102 |     // 提示
103 |     placeholder: String,
104 |     // 是否禁用
105 |     disabled: Boolean,
106 |     // 是否显示文件大小
107 |     isShowSize: {
108 |       type: Boolean,
109 |       default: true
110 |     },
111 |     // 是否显示下载
112 |     isCanDownload: {
113 |       type: Boolean,
114 |       default: true
115 |     },
116 |     // 是否可删除
117 |     isCanDelete: {
118 |       type: Boolean,
119 |       default: true
120 |     },
121 |     // 是否可上传相同文件
122 |     isCanUploadSame: {
123 |       type: Boolean,
124 |       default: true
125 |     },
126 |     // 是否显示提示
127 |     isShowTip: {
128 |       type: Boolean,
129 |       default: true
130 |     },
131 |     // 是否显示上传成功的提示
132 |     isShowSuccessTip: {
133 |       type: Boolean,
134 |       default: true
135 |     },
136 |     // 删除前的操作
137 |     // 同 element-ui upload 组件
138 |     beforeRemove: Function
139 |     // 设置上传的请求头部
140 |     // 同 element-ui upload 组件
141 |     headers: Object,
142 |     // 是否支持多选文件
143 |     // 同 element-ui upload 组件
144 |     multiple: {
145 |       type: Boolean,
146 |       default: true
147 |     },
148 |     // 上传时附带的额外参数
149 |     // 同 element-ui upload 组件
150 |     data: Object,
151 |     // 上传的文件字段名
152 |     // 同 element-ui upload 组件
153 |     name: {
154 |       type: String,
155 |       default: 'file'
156 |     },
157 |     // 支持发送 cookie 凭证信息
158 |     // 同 element-ui upload 组件
159 |     withCredentials: {
160 |       type: Boolean,
161 |       default: false
162 |     },
163 |     // 接受上传的文件类型
164 |     // 同 element-ui upload 组件
165 |     accept: String,
166 |     // 最大允许上传个数
167 |     // 同 element-ui upload 组件
168 |     limit: Number
169 |   },
170 | ```
171 | 
172 | ## 事件
173 | 
174 | | 事件名称 | 说明               | 回调参数         |
175 | | -------- | ------------------ | ---------------- |
176 | | remove   | 当文件被删除时触发 | (file, fileList) |
177 | | success  | 文件上传成功时触发 | (file, fileList) |
178 | | error    | 上传失败时触发     | (error)          |
179 | 
180 | ## 相关链接
181 | 
182 | - [element-ui upload 组件](https://element.eleme.cn/#/zh-CN/component/upload)
183 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/example/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div style="max-width: 800px;margin: 50px auto">
 3 |     <ele-upload-file
 4 |       :disabled="false"
 5 |       :file-type="['svg', 'html', 'js', 'css', 'doc', 'xls', 'zip']"
 6 |       :fileSize="0.2"
 7 |       :isCanDelete="true"
 8 |       :isCanDownload="true"
 9 |       :isCanUploadSame="true"
10 |       :isShowDeleteConfim="false"
11 |       :isShowSize="true"
12 |       :isShowTip="true"
13 |       :limit="3"
14 |       :multiple="true"
15 |       :responseFn="handleResponse"
16 |       @remove="handleRemove"
17 |       action="https://jsonplaceholder.typicode.com/posts/"
18 |       placeholder="上传附件"
19 |       v-model="file"
20 |     />
21 |   </div>
22 | </template>
23 | <script>
24 | export default {
25 |   data () {
26 |     return {
27 |       file: { name: 'test.jpg', url: 'https://www.baidu.com' }
28 |     }
29 |   },
30 |   methods: {
31 |     handleRemove (file, fileList) {
32 |       // eslint-disable-next-line no-console
33 |       console.log(file, fileList)
34 |     },
35 |     handleResponse (response, file) {
36 |       return {
37 |         url: URL.createObjectURL(file.raw),
38 |         name: file.name,
39 |         size: file.size
40 |       }
41 |     }
42 |   }
43 | }
44 | </script>
45 | 


--------------------------------------------------------------------------------
/example/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import ElementUI from 'element-ui'
 4 | import 'element-ui/lib/theme-chalk/index.css'
 5 | import EleUploadFile from '../lib/index'
 6 | 
 7 | Vue.config.productionTip = false
 8 | Vue.use(ElementUI)
 9 | Vue.component('ele-upload-file', EleUploadFile)
10 | 
11 | new Vue({
12 |   render: h => h(App)
13 | }).$mount('#app')
14 | 


--------------------------------------------------------------------------------
/lib/EleUploadFile.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="ele-upload-file">
  3 |     <el-upload
  4 |       :before-upload="handleBeforeUpload"
  5 |       :drag="false"
  6 |       :file-list="fileList"
  7 |       :limit="limit"
  8 |       :multiple="multiple"
  9 |       :on-change="handleChange"
 10 |       :on-error="handleUploadError"
 11 |       :on-exceed="handleExceed"
 12 |       v-bind="$attrs"
 13 |       :on-success="handleUploadSuccess"
 14 |       :show-file-list="false"
 15 |       class="ele-upload-file-uploader"
 16 |       ref="upload"
 17 |       v-if="!disabled"
 18 |     >
 19 |       <!-- 上传按钮 -->
 20 |       <el-button size="medium" type="primary">{{ btnText }}</el-button>
 21 |       <!-- 上传提示 -->
 22 |       <div class="el-upload__tip" slot="tip" v-if="showTip">
 23 |         请上传
 24 |         <template v-if="fileSize">
 25 |           大小不超过
 26 |           <b style="color: #f56c6c;">{{ fileSize }}MB</b>
 27 |         </template>
 28 |         <template v-if="fileType">
 29 |           格式为
 30 |           <b style="color: #f56c6c;">{{ fileType.join("/") }}</b>
 31 |         </template>
 32 |         的文件
 33 |       </div>
 34 |     </el-upload>
 35 | 
 36 |     <!-- 列表 -->
 37 |     <ele-upload-list
 38 |       :disabled="disabled"
 39 |       :files="list"
 40 |       :isCanDelete="isCanDelete"
 41 |       :isCanDownload="isCanDownload"
 42 |       :isShowDeleteConfim="isShowDeleteConfim"
 43 |       :isShowSize="isShowSize"
 44 |       @remove="handleRemove"
 45 |     />
 46 |   </div>
 47 | </template>
 48 | 
 49 | <script>
 50 | import EleUploadList from "./EleUploadList";
 51 | export default {
 52 |   inheritAttrs: false,
 53 |   name: "EleUploadFile",
 54 |   components: {
 55 |     EleUploadList
 56 |   },
 57 |   props: {
 58 |     // 值
 59 |     value: [String, Object, Array],
 60 |     // 大小限制(MB)
 61 |     fileSize: Number,
 62 |     // 响应处理函数
 63 |     responseFn: Function,
 64 |     // 文件类型, 例如['png', 'jpg', 'jpeg']
 65 |     fileType: Array,
 66 |     // 提示
 67 |     placeholder: String,
 68 |     // 是否禁用
 69 |     disabled: Boolean,
 70 |     // 是否显示文件大小
 71 |     isShowSize: {
 72 |       type: Boolean,
 73 |       default: true
 74 |     },
 75 |     // 是否显示下载
 76 |     isCanDownload: {
 77 |       type: Boolean,
 78 |       default: true
 79 |     },
 80 |     // 是否可删除
 81 |     isCanDelete: {
 82 |       type: Boolean,
 83 |       default: true
 84 |     },
 85 |     // 是否显示删除确认弹窗
 86 |     isShowDeleteConfim: {
 87 |       type: Boolean,
 88 |       default: true
 89 |     },
 90 |     // 是否可上传相同文件
 91 |     isCanUploadSame: {
 92 |       type: Boolean,
 93 |       default: true
 94 |     },
 95 |     // 是否显示提示
 96 |     isShowTip: {
 97 |       type: Boolean,
 98 |       default: true
 99 |     },
100 |     // 是否显示上传成功的提示
101 |     isShowSuccessTip: {
102 |       type: Boolean,
103 |       default: true
104 |     },
105 |     // 是否支持多选文件
106 |     // 同 element-ui upload 组件
107 |     multiple: {
108 |       type: Boolean,
109 |       default: true
110 |     },
111 |     // 最大允许上传个数
112 |     // 同 element-ui upload 组件
113 |     limit: Number,
114 |     // 删除前的操作
115 |     // 同 element-ui upload 组件
116 |     beforeRemove: Function
117 |   },
118 |   data() {
119 |     return {
120 |       fileList: []
121 |     };
122 |   },
123 |   computed: {
124 |     // 按钮文本
125 |     btnText() {
126 |       if (this.placeholder) {
127 |         return this.placeholder;
128 |       } else {
129 |         if (this.multiple) {
130 |           return "上传文件";
131 |         } else {
132 |           return "上传单个文件";
133 |         }
134 |       }
135 |     },
136 |     // 是否显示提示
137 |     showTip() {
138 |       return this.isShowTip && (this.fileType || this.fileSize);
139 |     },
140 |     // 列表
141 |     list() {
142 |       let temp = 1;
143 |       if (this.value) {
144 |         // 首先将值转为数组
145 |         const list = Array.isArray(this.value) ? this.value : [this.value];
146 |         // 然后将数组转为对象数组
147 |         return list.map(item => {
148 |           if (typeof item === "string") {
149 |             item = { name: item, url: item };
150 |           }
151 |           item.uid = item.uid || new Date().getTime() + temp++;
152 |           return item;
153 |         });
154 |       } else {
155 |         return [];
156 |       }
157 |     }
158 |   },
159 |   methods: {
160 |     // 文件改变
161 |     handleChange(file, fileList) {
162 |       this.fileList = fileList;
163 |     },
164 |     // 上传前校检格式和大小
165 |     handleBeforeUpload(file) {
166 |       // 校检文件类型
167 |       if (this.fileType) {
168 |         let fileExtension = "";
169 |         if (file.name.lastIndexOf(".") > -1) {
170 |           fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
171 |         }
172 |         const isTypeOk = this.fileType.some(type => {
173 |           if (file.type.indexOf(type) > -1) return true;
174 |           if (fileExtension && fileExtension.indexOf(type) > -1) return true;
175 |           return false;
176 |         });
177 | 
178 |         if (!isTypeOk) {
179 |           this.$message.error(
180 |             `文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`
181 |           );
182 |           return false;
183 |         }
184 |       }
185 | 
186 |       // 校检文件大小
187 |       if (this.fileSize) {
188 |         const isLt = file.size / 1024 / 1024 < this.fileSize;
189 |         if (!isLt) {
190 |           this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`);
191 |           return false;
192 |         }
193 |       }
194 | 
195 |       // 校检相同文件
196 |       if (!this.isCanUploadSame) {
197 |         const isSame = this.list.some(
198 |           item => item.name + item.size === file.name + file.size
199 |         );
200 |         if (isSame) {
201 |           this.$message.error(`此文件已上传!`);
202 |           return false;
203 |         }
204 |       }
205 |       return true;
206 |     },
207 |     // 文件个数超出
208 |     handleExceed() {
209 |       this.$message.error(`最多上传${this.limit}个文件`);
210 |     },
211 |     // 上传失败
212 |     handleUploadError(err) {
213 |       this.$message.error("上传失败, 请重试");
214 |       this.$emit("error", err);
215 |     },
216 |     // 上传成功回调
217 |     handleUploadSuccess(response, file) {
218 |       if (this.isShowSuccessTip) {
219 |         this.$message.success("上传成功");
220 |       }
221 |       if (this.responseFn) {
222 |         response = this.responseFn(response, file, this.list);
223 |       }
224 |       if (this.multiple) {
225 |         this.$emit("input", [...this.list, response]);
226 |       } else {
227 |         this.$emit("input", response);
228 |       }
229 | 
230 |       // 上传成功
231 |       this.$emit("success", response, this.list);
232 |     },
233 |     handleRemove(index) {
234 |       if (!this.beforeRemove) {
235 |         this.doRemove(index);
236 |       } else if (typeof this.beforeRemove === "function") {
237 |         const before = this.beforeRemove(this.list[index], this.list);
238 |         if (before && before.then) {
239 |           before.then(
240 |             () => {
241 |               this.doRemove(index);
242 |             },
243 |             () => {}
244 |           );
245 |         } else if (before !== false) {
246 |           this.doRemove(index);
247 |         }
248 |       }
249 |     },
250 |     // 删除
251 |     doRemove(index) {
252 |       this.$emit("remove", this.list[index], this.list);
253 |       this.fileList.splice(index, 1);
254 |       if (this.multiple) {
255 |         const data = [...this.list];
256 |         data.splice(index, 1);
257 |         this.$emit("input", data || []);
258 |       } else {
259 |         this.$emit("input", null);
260 |       }
261 |     }
262 |   },
263 |   created() {
264 |     this.fileList = this.list;
265 |   }
266 | };
267 | </script>
268 | 
269 | <style>
270 | .ele-upload-file-uploader {
271 |   margin-bottom: 5px;
272 | }
273 | </style>
274 | 


--------------------------------------------------------------------------------
/lib/EleUploadList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <transition-group
  3 |     class="ele-upload-file-list el-upload-list el-upload-list--text"
  4 |     name="el-list"
  5 |     tag="ul"
  6 |   >
  7 |     <li
  8 |       :key="file.uid"
  9 |       class="el-upload-list__item ele-upload-list__item-content"
 10 |       v-for="(file, index) in files"
 11 |     >
 12 |       <el-link
 13 |         :href="file.url"
 14 |         :underline="false"
 15 |         target="_blank"
 16 |       >
 17 |         <img
 18 |           :src="getExtension(file.name)"
 19 |           class="el-upload-list__item-content-name-icon"
 20 |         />
 21 |         <span>{{file.name}}</span>
 22 |       </el-link>
 23 |       <div class="ele-upload-list__item-content-action">
 24 |         <el-link
 25 |           :underline="false"
 26 |           v-if="isShowSize"
 27 |         >{{getSize(file.size)}}</el-link>
 28 |         <el-link
 29 |           :underline="false"
 30 |           @click="handleDownload(file)"
 31 |           v-if="isCanDownload"
 32 |         >下载</el-link>
 33 |         <el-link
 34 |           :underline="false"
 35 |           @click="handleDelete(index, file)"
 36 |           type="danger"
 37 |           v-if="!disabled && isCanDelete"
 38 |         >删除</el-link>
 39 |       </div>
 40 |     </li>
 41 |   </transition-group>
 42 | </template>
 43 | <script>
 44 | import download from 'ly-downloader'
 45 | import iconList from './iconList'
 46 | const prettyBytes = require('pretty-bytes')
 47 | 
 48 | export default {
 49 |   name: 'EleUploadList',
 50 |   props: {
 51 |     // 文件列表
 52 |     files: {
 53 |       type: Array,
 54 |       default () {
 55 |         return [];
 56 |       }
 57 |     },
 58 |     // 是否显示删除确认弹窗
 59 |     isShowDeleteConfim: {
 60 |       type: Boolean,
 61 |       default: true
 62 |     },
 63 |     // 是否禁用
 64 |     disabled: {
 65 |       type: Boolean,
 66 |       default: false
 67 |     },
 68 |     // 是否显示文件大小
 69 |     isShowSize: {
 70 |       type: Boolean,
 71 |       default: true
 72 |     },
 73 |     // 是否显示下载
 74 |     isCanDownload: {
 75 |       type: Boolean,
 76 |       default: true
 77 |     },
 78 |     // 是否可删除
 79 |     isCanDelete: {
 80 |       type: Boolean,
 81 |       default: true
 82 |     }
 83 |   },
 84 |   methods: {
 85 |     // 获取扩展
 86 |     getExtension (name) {
 87 |       if (name.lastIndexOf('.') > -1) {
 88 |         const extension = name.slice(name.lastIndexOf('.') + 1).toLowerCase()
 89 |         return iconList[extension] || iconList['file']
 90 |       } else {
 91 |         return iconList['file']
 92 |       }
 93 |     },
 94 |     // 获取文件大小
 95 |     getSize (size) {
 96 |       return size && !isNaN(Number(size)) ? prettyBytes(size) : ''
 97 |     },
 98 |     // 上传进度
 99 |     parsePercentage (val) {
100 |       return parseInt(val, 10)
101 |     },
102 |     // 下载文件
103 |     handleDownload (file) {
104 |       if (file.url) {
105 |         download(1, file.url, file.name)
106 |       }
107 |     },
108 |     // 删除文件
109 |     handleDelete (index, file) {
110 |       if (this.isShowDeleteConfim) {
111 |         this.$confirm('确认删除该文件吗? ').then(() => {
112 |           this.$emit('remove', index, file)
113 |         }).catch(() => { })
114 |       } else {
115 |         this.$emit('remove', index, file)
116 |       }
117 |     }
118 |   }
119 | }
120 | </script>
121 | 
122 | <style>
123 | .ele-upload-file-list .el-upload-list__item {
124 |   border: 1px solid #e4e7ed;
125 |   line-height: 2;
126 |   margin-bottom: 10px;
127 |   position: relative;
128 | }
129 | 
130 | .ele-upload-file-list .ele-upload-list__item-content {
131 |   display: flex;
132 |   justify-content: space-between;
133 |   align-items: center;
134 |   color: inherit;
135 | }
136 | 
137 | .ele-upload-file-list .el-upload-list__item-content-name-icon {
138 |   padding-left: 8px;
139 |   padding-right: 5px;
140 |   width: 20px;
141 |   vertical-align: text-top;
142 |   border-radius: 4px;
143 | }
144 | 
145 | .ele-upload-list__item-content-action .el-link {
146 |   margin-right: 10px;
147 | }
148 | </style>
149 | 


--------------------------------------------------------------------------------
/lib/iconList.js:
--------------------------------------------------------------------------------
 1 | const icons = {
 2 |   mdb: 'access',
 3 |   accdb: 'access',
 4 |   ai: 'ai',
 5 |   html: 'html',
 6 |   htm: 'html',
 7 |   asp: 'web',
 8 |   pdf: 'pdf',
 9 |   psd: 'photoshop',
10 |   psb: 'photoshop',
11 |   mpo: 'photoshop',
12 |   eps: 'photoshop',
13 |   avi: 'video',
14 |   wmv: 'video',
15 |   rm: 'video',
16 |   rmvb: 'video',
17 |   mp4: 'video',
18 |   '3gp': 'video',
19 |   asf: 'video',
20 |   mov: 'video',
21 |   m4v: 'video',
22 |   flv: 'video',
23 |   f4v: 'video',
24 |   mkv: 'video',
25 |   mts: 'video',
26 |   swf: 'flash',
27 |   ts: 'video',
28 |   mp3: 'audio',
29 |   wav: 'audio',
30 |   wma: 'audio',
31 |   ape: 'audio',
32 |   aac: 'audio',
33 |   zip: 'zip',
34 |   rar: 'zip',
35 |   gz: 'zip',
36 |   '7z': 'zip',
37 |   z: 'zip',
38 |   bmp: 'image',
39 |   jpg: 'image',
40 |   jpeg: 'image',
41 |   png: 'image',
42 |   gif: 'image',
43 |   webp: 'image',
44 |   svg: 'image',
45 |   txt: 'txt',
46 |   rtf: 'txt',
47 |   xls: 'excel',
48 |   xlsx: 'excel',
49 |   xlsm: 'excel',
50 |   xltx: 'excel',
51 |   doc: 'word',
52 |   docx: 'word',
53 |   docm: 'word',
54 |   wps: 'word',
55 |   dotx: 'word',
56 |   dotm: 'word',
57 |   ppt: 'powerpoint',
58 |   pptx: 'powerpoint',
59 |   mdf: 'db',
60 |   db: 'db',
61 |   dbf: 'db',
62 |   wdb: 'db',
63 |   vue: 'vue',
64 |   php: 'php',
65 |   jar: 'jar',
66 |   ini: 'ini',
67 |   bat: 'bat',
68 |   config: 'config',
69 |   fla: 'fla',
70 |   eot: 'font',
71 |   otf: 'font',
72 |   fon: 'font',
73 |   font: 'font',
74 |   ttf: 'font',
75 |   ttc: 'font',
76 |   woff: 'font',
77 |   woff2: 'font',
78 |   js: 'js',
79 |   md: 'markdown',
80 |   one: 'onenote',
81 |   jsx: 'reactjs',
82 |   xfl: 'xfl',
83 |   file: 'file',
84 |   css: 'css'
85 | }
86 | 
87 | Object.keys(icons).forEach(item => {
88 |   icons[item] = require('./images/' + icons[item] + '.svg')
89 | })
90 | 
91 | export default icons
92 | 


--------------------------------------------------------------------------------
/lib/images/access.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>access</title><path d="M16.639,2.317h1.9V5.092a20.123,20.123,0,0,1,9.237.681c1.111.379,2.32,1.244,2.212,2.568q.019,7.336,0,14.679c.111,1.34-1.13,2.2-2.253,2.574a20.217,20.217,0,0,1-9.2.662v3.427H16.558C11.712,28.8,6.853,27.99,2,27.137V4.869c4.878-.853,9.763-1.683,14.638-2.552" style="fill:#a12935"/><path d="M18.541,6.059a20.047,20.047,0,0,1,8.563.465c.76.283,1.779.624,1.951,1.531-.127.741-.9,1.076-1.511,1.343a19.25,19.25,0,0,1-9,.614V6.059" style="fill:#fff"/><path d="M25.058,11.011a8.1,8.1,0,0,0,3.993-1.419c-.07,1.368.108,2.752-.1,4.108a4.4,4.4,0,0,1-2.288,1.152,22.8,22.8,0,0,1-8.127.3V11.023a25.527,25.527,0,0,0,6.517-.013" style="fill:#fff"/><path d="M8.5,10.683c.741-.054,1.48-.1,2.224-.162,1.066,3.564,2.078,7.147,3.131,10.714-.735-.048-1.47-.1-2.2-.169-.194-.8-.4-1.591-.611-2.383-.977,0-1.954-.035-2.927-.083q-.282,1.131-.573,2.256-.936-.072-1.865-.134c.929-3.351,1.9-6.689,2.819-10.04" style="fill:#fff"/><path d="M8.511,16.882c.321-1.489.8-2.943,1.012-4.455.286,1.508.729,2.978,1.091,4.468q-1.055,0-2.1-.013" style="fill:#a12935"/><path d="M25.077,16.1a8.049,8.049,0,0,0,3.974-1.416c-.064,1.365.1,2.743-.089,4.1a4.3,4.3,0,0,1-2.272,1.155,22.857,22.857,0,0,1-8.149.305V16.114a25.387,25.387,0,0,0,6.536-.016" style="fill:#fff"/><path d="M25.065,21.19a8.075,8.075,0,0,0,3.987-1.416c-.067,1.365.105,2.749-.1,4.1-.9.98-2.329,1.161-3.567,1.413a23.386,23.386,0,0,1-6.861.025c.022-1.371.013-2.74.013-4.111a25.292,25.292,0,0,0,6.523-.016" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/ai.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>ai</title><path d="M3.169,3.517H28.835V28.483H3.169Z" style="fill:#1c0a00"/><path d="M3.169,3.517H28.835V28.483H3.169ZM2,29.65H30V2.35H2Zm18.34-17.57c0-.093.035-.14.14-.14h1.832c.093,0,.14.035.14.14v9.205c0,.093-.023.14-.14.14H20.505c-.117,0-.152-.058-.152-.152V12.08h-.012Zm-.128-2.648a1.19,1.19,0,0,1,2.38,0,1.115,1.115,0,0,1-1.213,1.19A1.1,1.1,0,0,1,20.214,9.432Zm-5.25,6.487c-.327-1.3-1.1-4.118-1.388-5.483h-.023c-.245,1.365-.863,3.675-1.353,5.483Zm-3.243,1.89-.922,3.5c-.023.093-.058.117-.175.117H8.909c-.117,0-.14-.035-.117-.175l3.313-11.6a3.779,3.779,0,0,0,.117-.968c0-.082.035-.117.093-.117h2.45c.082,0,.117.023.14.117l3.71,12.588c.023.093,0,.152-.093.152H16.585c-.093,0-.152-.023-.175-.1l-.957-3.512H11.72Z" style="fill:#ff7f18"/></svg>


--------------------------------------------------------------------------------
/lib/images/audio.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>audio</title><path d="M17.229,4a.9.9,0,0,0-.569.232l-7.6,6.32a1.158,1.158,0,0,1-.955.328H3.208A1.2,1.2,0,0,0,2,12.088v7.826A1.2,1.2,0,0,0,3.208,21.12H8.1a1.158,1.158,0,0,1,.955.328l7.6,6.32c.521.433,1.081.224,1.081-.289V4.522A.494.494,0,0,0,17.229,4ZM27,6.3,25.209,8.093a14.708,14.708,0,0,1,0,15.844l1.785,1.776A17.19,17.19,0,0,0,27,6.3Zm-4.333,4.323L20.905,12.4a6.035,6.035,0,0,1,0,7.237l1.756,1.756a8.554,8.554,0,0,0,.01-10.769Z" style="fill:#00007f"/></svg>


--------------------------------------------------------------------------------
/lib/images/bat.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><radialGradient id="a" cx="22.737" cy="22.737" r="3.628" gradientTransform="translate(-4.708 41.626) rotate(-81.5) scale(1 1.071)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bedcdc"/><stop offset="0.5" stop-color="#8e9e9e" stop-opacity="0.74"/><stop offset="1" stop-color="#404f5c" stop-opacity="0.84"/></radialGradient><radialGradient id="b" cx="11.336" cy="11.336" r="5.201" gradientTransform="translate(-2.347 20.753) rotate(-81.5) scale(1 1.071)" xlink:href="#a"/></defs><title>bat</title><polygon points="24.811 27.318 27.215 24.914 28.417 27.318 27.215 28.52 24.811 27.318" style="fill:silver"/><polygon points="20.964 27.443 24.365 27.443 23.515 29.993 21.815 29.993 20.964 27.443" style="fill:silver"/><polygon points="18.157 24.811 20.561 27.215 18.157 28.417 16.954 27.215 18.157 24.811" style="fill:silver"/><polygon points="18.032 20.964 18.032 24.365 15.482 23.515 15.482 21.815 18.032 20.964" style="fill:silver"/><polygon points="20.664 18.157 18.26 20.561 17.058 18.157 18.26 16.954 20.664 18.157" style="fill:silver"/><polygon points="24.51 18.032 21.11 18.032 21.96 15.482 23.66 15.482 24.51 18.032" style="fill:silver"/><polygon points="27.318 20.664 24.914 18.26 27.318 17.058 28.52 18.26 27.318 20.664" style="fill:silver"/><polygon points="27.443 24.51 27.443 21.11 29.993 21.96 29.993 23.66 27.443 24.51" style="fill:silver"/><path d="M27.776,22.737A5.039,5.039,0,1,1,26.3,19.175,5.023,5.023,0,0,1,27.776,22.737Zm-5.039-1.9a1.9,1.9,0,1,0,1.344.557A1.894,1.894,0,0,0,22.737,20.837Z" style="fill:silver"/><path d="M22.656,18.074A4.664,4.664,0,1,0,27.4,22.656,4.664,4.664,0,0,0,22.656,18.074Zm.15,8.61a3.947,3.947,0,1,1,3.877-4.015A3.947,3.947,0,0,1,22.806,26.684Z" style="fill:#a9a9a9"/><path d="M22.674,19.11a3.628,3.628,0,1,0,3.69,3.564A3.628,3.628,0,0,0,22.674,19.11Zm.1,5.7A2.073,2.073,0,1,1,24.811,22.7,2.073,2.073,0,0,1,22.774,24.81Z" style="fill:url(#a)"/><path d="M22.7,20.665A2.073,2.073,0,1,0,24.81,22.7,2.073,2.073,0,0,0,22.7,20.665Zm.067,3.826a1.754,1.754,0,1,1,1.723-1.784A1.754,1.754,0,0,1,22.768,24.491Z" style="fill:#a9a9a9"/><polygon points="6.563 16.976 8.838 18.238 7.374 19.806 6.009 19.049 6.563 16.976" style="fill:silver"/><polygon points="4.382 13.834 5.722 16.064 3.67 16.69 2.866 15.352 4.382 13.834" style="fill:silver"/><polygon points="4.065 10.023 4.11 12.624 2.02 12.14 1.993 10.579 4.065 10.023" style="fill:silver"/><polygon points="5.696 6.563 4.434 8.838 2.866 7.374 3.623 6.009 5.696 6.563" style="fill:silver"/><polygon points="8.838 4.382 6.608 5.722 5.982 3.67 7.32 2.866 8.838 4.382" style="fill:silver"/><polygon points="12.65 4.065 10.048 4.11 10.532 2.02 12.093 1.993 12.65 4.065" style="fill:silver"/><polygon points="16.109 5.696 13.834 4.434 15.298 2.866 16.663 3.623 16.109 5.696" style="fill:silver"/><polygon points="18.29 8.838 16.95 6.608 19.002 5.982 19.806 7.32 18.29 8.838" style="fill:silver"/><polygon points="18.607 12.65 18.562 10.048 20.652 10.532 20.679 12.093 18.607 12.65" style="fill:silver"/><polygon points="16.976 16.109 18.238 13.834 19.806 15.298 19.049 16.663 16.976 16.109" style="fill:silver"/><polygon points="13.834 18.29 16.064 16.95 16.69 19.002 15.352 19.806 13.834 18.29" style="fill:silver"/><polygon points="10.023 18.607 12.624 18.562 12.14 20.652 10.579 20.679 10.023 18.607" style="fill:silver"/><path d="M11.467,18.831a7.5,7.5,0,1,1,5.261-2.288A7.473,7.473,0,0,1,11.467,18.831Zm2.682-7.544a2.814,2.814,0,1,0-.789,2A2.8,2.8,0,0,0,14.149,11.287Z" style="fill:silver"/><path d="M11.218,4.6a6.737,6.737,0,1,0,6.854,6.619A6.737,6.737,0,0,0,11.218,4.6Zm.217,12.436a5.7,5.7,0,1,1,5.6-5.8A5.7,5.7,0,0,1,11.436,17.036Z" style="fill:#a9a9a9"/><path d="M11.245,6.136a5.2,5.2,0,1,0,5.29,5.109A5.2,5.2,0,0,0,11.245,6.136Zm.14,8.036a2.837,2.837,0,1,1,2.787-2.886A2.837,2.837,0,0,1,11.386,14.172Z" style="fill:url(#b)"/><path d="M11.282,8.227a3.109,3.109,0,1,0,3.163,3.055A3.109,3.109,0,0,0,11.282,8.227Zm.1,5.74a2.631,2.631,0,1,1,2.585-2.677A2.631,2.631,0,0,1,11.382,13.967Z" style="fill:#a9a9a9"/></svg>


--------------------------------------------------------------------------------
/lib/images/config.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>config</title><path d="M23.265,24.381l.9-.894c4.164.136,4.228-.01,4.411-.438l1.144-2.785L29.805,20l-.093-.231c-.049-.122-.2-.486-2.8-2.965V15.5c3-2.89,2.936-3.038,2.765-3.461L28.538,9.225c-.171-.422-.236-.587-4.37-.474l-.9-.93a20.166,20.166,0,0,0-.141-4.106l-.116-.263-2.974-1.3c-.438-.2-.592-.272-3.4,2.786l-1.262-.019c-2.891-3.086-3.028-3.03-3.461-2.855L9.149,3.182c-.433.175-.586.237-.418,4.437l-.893.89c-4.162-.136-4.226.012-4.407.438L2.285,11.733,2.195,12l.094.232c.049.12.194.48,2.8,2.962l0,1.3c-3,2.89-2.935,3.038-2.763,3.462l1.138,2.817c.174.431.236.584,4.369.476l.9.935a20.243,20.243,0,0,0,.137,4.1l.116.265,2.993,1.308c.435.182.586.247,3.386-2.8l1.262.016c2.895,3.09,3.043,3.03,3.466,2.859l2.759-1.115C23.288,28.644,23.44,28.583,23.265,24.381ZM11.407,17.857a4.957,4.957,0,1,1,6.488,2.824A5.014,5.014,0,0,1,11.407,17.857Z" style="fill:#99b8c4"/></svg>


--------------------------------------------------------------------------------
/lib/images/css.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>file_type_css</title><polygon points="5.902 27.201 3.656 2 28.344 2 26.095 27.197 15.985 30 5.902 27.201" style="fill:#1572b6"/><polygon points="16 27.858 24.17 25.593 26.092 4.061 16 4.061 16 27.858" style="fill:#33a9dc"/><polygon points="16 13.191 20.09 13.191 20.372 10.026 16 10.026 16 6.935 16.011 6.935 23.75 6.935 23.676 7.764 22.917 16.282 16 16.282 16 13.191" style="fill:#fff"/><polygon points="16.019 21.218 16.005 21.222 12.563 20.292 12.343 17.827 10.67 17.827 9.24 17.827 9.673 22.68 16.004 24.438 16.019 24.434 16.019 21.218" style="fill:#ebebeb"/><polygon points="19.827 16.151 19.455 20.29 16.008 21.22 16.008 24.436 22.344 22.68 22.391 22.158 22.928 16.151 19.827 16.151" style="fill:#fff"/><polygon points="16.011 6.935 16.011 8.855 16.011 10.018 16.011 10.026 8.555 10.026 8.555 10.026 8.545 10.026 8.483 9.331 8.342 7.764 8.268 6.935 16.011 6.935" style="fill:#ebebeb"/><polygon points="16 13.191 16 15.111 16 16.274 16 16.282 12.611 16.282 12.611 16.282 12.601 16.282 12.539 15.587 12.399 14.02 12.325 13.191 16 13.191" style="fill:#ebebeb"/></svg>


--------------------------------------------------------------------------------
/lib/images/db.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>db</title><path d="M8.562,15.256A21.159,21.159,0,0,0,16,16.449a21.159,21.159,0,0,0,7.438-1.194c1.864-.727,2.525-1.535,2.525-2V9.7a10.357,10.357,0,0,1-2.084,1.076A22.293,22.293,0,0,1,16,12.078a22.36,22.36,0,0,1-7.879-1.3A10.28,10.28,0,0,1,6.037,9.7v3.55C6.037,13.724,6.7,14.528,8.562,15.256Z" style="fill:#74777c"/><path d="M8.562,21.961a15.611,15.611,0,0,0,2.6.741A24.9,24.9,0,0,0,16,23.155a24.9,24.9,0,0,0,4.838-.452,15.614,15.614,0,0,0,2.6-.741c1.864-.727,2.525-1.535,2.525-2v-3.39a10.706,10.706,0,0,1-1.692.825A23.49,23.49,0,0,1,16,18.74a23.49,23.49,0,0,1-8.271-1.348,10.829,10.829,0,0,1-1.692-.825V19.96C6.037,20.426,6.7,21.231,8.562,21.961Z" style="fill:#74777c"/><path d="M16,30c5.5,0,9.963-1.744,9.963-3.894V23.269a10.5,10.5,0,0,1-1.535.762l-.157.063A23.487,23.487,0,0,1,16,25.445a23.422,23.422,0,0,1-8.271-1.351c-.054-.02-.106-.043-.157-.063a10.5,10.5,0,0,1-1.535-.762v2.837C6.037,28.256,10.5,30,16,30Z" style="fill:#74777c"/><ellipse cx="16" cy="5.894" rx="9.963" ry="3.894" style="fill:#74777c"/></svg>


--------------------------------------------------------------------------------
/lib/images/dmg.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>applescript</title><path d="M17.181,4.437A5.993,5.993,0,0,1,21.579,2a5.979,5.979,0,0,1-1.447,4.476,4.729,4.729,0,0,1-4.17,1.961A5.2,5.2,0,0,1,17.181,4.437Z" style="fill:#a8c2ab"/><path d="M16.2,10.034c.946,0,2.7-1.3,4.989-1.3a6.249,6.249,0,0,1,5.484,2.8,6.08,6.08,0,0,0-3.028,5.3,6.235,6.235,0,0,0,3.772,5.7s-2.637,7.422-6.2,7.422c-1.636,0-2.908-1.1-4.631-1.1-1.757,0-3.5,1.144-4.635,1.144C8.7,30,4.587,22.959,4.587,17.3c0-5.568,3.478-8.489,6.74-8.489C13.448,8.811,15.093,10.034,16.2,10.034Z" style="fill:#a8c2ab"/></svg>


--------------------------------------------------------------------------------
/lib/images/excel.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>excel</title><path d="M28.781,4.405H18.651V2.018L2,4.588V27.115l16.651,2.868V26.445H28.781A1.162,1.162,0,0,0,30,25.349V5.5A1.162,1.162,0,0,0,28.781,4.405Zm.16,21.126H18.617L18.6,23.642h2.487v-2.2H18.581l-.012-1.3h2.518v-2.2H18.55l-.012-1.3h2.549v-2.2H18.53v-1.3h2.557v-2.2H18.53v-1.3h2.557v-2.2H18.53v-2H28.941Z" style="fill:#20744a;fill-rule:evenodd"/><rect x="22.487" y="7.439" width="4.323" height="2.2" style="fill:#20744a"/><rect x="22.487" y="10.94" width="4.323" height="2.2" style="fill:#20744a"/><rect x="22.487" y="14.441" width="4.323" height="2.2" style="fill:#20744a"/><rect x="22.487" y="17.942" width="4.323" height="2.2" style="fill:#20744a"/><rect x="22.487" y="21.443" width="4.323" height="2.2" style="fill:#20744a"/><polygon points="6.347 10.673 8.493 10.55 9.842 14.259 11.436 10.397 13.582 10.274 10.976 15.54 13.582 20.819 11.313 20.666 9.781 16.642 8.248 20.513 6.163 20.329 8.585 15.666 6.347 10.673" style="fill:#fff;fill-rule:evenodd"/></svg>


--------------------------------------------------------------------------------
/lib/images/file.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>default_file</title><path d="M20.75,2H4.35V30h23.3V9Zm4.6,25.7H6.75V4.3h11.7v7h7V27.7Z" style="fill:#c5c5c5"/></svg>


--------------------------------------------------------------------------------
/lib/images/fla.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#2e1915" d="M24.099 2H8.837v28h20.91V7.888l-5.579-5.816L24.099 2"/><path fill="#fd3316" d="M2.253 3.493H22.56v7.844H2.253zM24.099 2v5.888h5.648zM16.531 14.811h-2.094a.087.087 0 0 0-.087.081l-.05.657a.047.047 0 0 1-.003.017l-2.895 10.105a.087.087 0 0 0 .084.111h1.518a.087.087 0 0 0 .084-.064l.815-2.99a.087.087 0 0 1 .084-.064h3.08c.039 0 .074.026.084.064l.834 2.991a.088.088 0 0 0 .084.064h1.678c.058 0 .1-.056.084-.112l-3.218-10.796a.084.084 0 0 0-.082-.064zm-2.165 6.199l1.134-4.63 1.2 4.63h-2.334zM20.671 25.782a.087.087 0 0 1-.087-.087l.009-6.521-.041-.884a.087.087 0 0 1 .054-.085c.299-.123 1.729-.682 3.125-.682 1.569 0 2.948.718 2.948 2.873v5.299a.087.087 0 0 1-.087.087h-1.627a.087.087 0 0 1-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37 0-.85.11-1.027.162a.088.088 0 0 0-.063.084v6.332a.087.087 0 0 1-.087.087h-1.631z"/><path d="M7.545 5.13h2.296c.025 0 .046.019.048.043l.093.832a.047.047 0 0 1-.047.055H8.539a.05.05 0 0 0-.049.049v.977a.05.05 0 0 0 .049.049h1.265a.05.05 0 0 1 .049.049v.808a.05.05 0 0 1-.049.049H8.539a.05.05 0 0 0-.049.049v1.714a.05.05 0 0 1-.049.049h-.896a.05.05 0 0 1-.049-.049V5.179a.05.05 0 0 1 .049-.049zM10.567 5.13h.913a.05.05 0 0 1 .049.049v3.726a.05.05 0 0 0 .049.049h1.434c.03 0 .053.027.048.056l-.121.8a.048.048 0 0 1-.048.041h-2.322a.05.05 0 0 1-.049-.049V5.179a.047.047 0 0 1 .047-.049zM15.64 5.13h-1.174a.05.05 0 0 0-.05.049l-.012.369-.001.01-.974 4.232a.05.05 0 0 0 .049.062h.835a.05.05 0 0 0 .049-.04l.204-.977a.05.05 0 0 1 .049-.04h.917c.023 0 .043.016.049.038l.247.981a.051.051 0 0 0 .049.038h.909a.05.05 0 0 0 .049-.063l-1.146-4.62a.05.05 0 0 0-.049-.039zm-.878 2.746l.317-1.773.334 1.773h-.651z" fill="#2e1915"/></svg>


--------------------------------------------------------------------------------
/lib/images/flash.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><linearGradient id="a" x1="28.841" y1="29.545" x2="3.828" y2="3.161" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b42025"/><stop offset="1" stop-color="#d42027"/></linearGradient></defs><title>flash</title><rect x="2" y="2.328" width="28" height="27.344" style="fill:url(#a)"/><path d="M21.56,10.892a4.655,4.655,0,0,1,1.546-.243V7.122a7.439,7.439,0,0,0-6.115,2.884,11.422,11.422,0,0,0-1.529,2.571l-1.147,2.8a23.24,23.24,0,0,1-1.025,2.519,9.844,9.844,0,0,1-1.06,1.876,4.02,4.02,0,0,1-1.39,1.147,4.525,4.525,0,0,1-1.946.4v3.561a7.487,7.487,0,0,0,6.115-2.884,13.442,13.442,0,0,0,1.251-2.015l.973-2.224h4.082V14.211H18.623a11.3,11.3,0,0,1,.8-1.529,4.6,4.6,0,0,1,.938-1.095,3.613,3.613,0,0,1,1.2-.695Z" style="fill:#fff;fill-rule:evenodd"/></svg>


--------------------------------------------------------------------------------
/lib/images/font.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>font</title><path d="M12.677,17.781l-2.626-6.256L7.357,17.781ZM19.4,24.292H12.331V22.927l.458-.023a1.847,1.847,0,0,0,.972-.2.313.313,0,0,0,.145-.263,4.158,4.158,0,0,0-.419-1.4l-.812-1.931H7.322L6.4,21.259a3.319,3.319,0,0,0-.349,1.157c0,.036,0,.119.154.241a2.481,2.481,0,0,0,1.191.247l.448.033v1.354H2V22.981l.4-.07A2.188,2.188,0,0,0,3.4,22.593a6.318,6.318,0,0,0,1.18-2.066L10.155,7.491H11.2l5.512,13.174A5.255,5.255,0,0,0,17.761,22.5a1.959,1.959,0,0,0,1.19.4l.454.027Z"/><path d="M25.841,21.56V17.575a22.542,22.542,0,0,0-2.226.97,3.845,3.845,0,0,0-1.29,1.05,2.03,2.03,0,0,0-.388,1.2,1.951,1.951,0,0,0,.491,1.362,1.49,1.49,0,0,0,1.13.544A4.142,4.142,0,0,0,25.841,21.56Zm-3.333,2.949a2.833,2.833,0,0,1-2.139-.893,3.206,3.206,0,0,1-.833-2.285,2.959,2.959,0,0,1,.415-1.577,5,5,0,0,1,1.791-1.625,23.876,23.876,0,0,1,3.617-1.588v-.074a2.905,2.905,0,0,0-.383-1.833,1.325,1.325,0,0,0-1.075-.412,1.155,1.155,0,0,0-.816.26.687.687,0,0,0-.277.536l.023.646a1.62,1.62,0,0,1-.4,1.158,1.481,1.481,0,0,1-2.1-.019,1.634,1.634,0,0,1-.391-1.134,2.8,2.8,0,0,1,1.182-2.177,4.813,4.813,0,0,1,3.125-.932,5.381,5.381,0,0,1,2.508.524,2.628,2.628,0,0,1,1.213,1.346,6.391,6.391,0,0,1,.244,2.2v3.55a14.665,14.665,0,0,0,.051,1.749.661.661,0,0,0,.054.2c.085-.078.284-.225.864-.806L30,20.495v1.967l-.1.128c-.958,1.283-1.883,1.907-2.83,1.907a1.6,1.6,0,0,1-1.257-.557,1.788,1.788,0,0,1-.358-.74,9.688,9.688,0,0,1-1.433.977A3.579,3.579,0,0,1,22.508,24.509Z"/></svg>


--------------------------------------------------------------------------------
/lib/images/html.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>html</title><polygon points="5.902 27.201 3.655 2 28.345 2 26.095 27.197 15.985 30 5.902 27.201" style="fill:#e44f26"/><polygon points="16 27.858 24.17 25.593 26.092 4.061 16 4.061 16 27.858" style="fill:#f1662a"/><polygon points="16 13.407 11.91 13.407 11.628 10.242 16 10.242 16 7.151 15.989 7.151 8.25 7.151 8.324 7.981 9.083 16.498 16 16.498 16 13.407" style="fill:#ebebeb"/><polygon points="16 21.434 15.986 21.438 12.544 20.509 12.324 18.044 10.651 18.044 9.221 18.044 9.654 22.896 15.986 24.654 16 24.65 16 21.434" style="fill:#ebebeb"/><polygon points="15.989 13.407 15.989 16.498 19.795 16.498 19.437 20.507 15.989 21.437 15.989 24.653 22.326 22.896 22.372 22.374 23.098 14.237 23.174 13.407 22.341 13.407 15.989 13.407" style="fill:#fff"/><polygon points="15.989 7.151 15.989 9.071 15.989 10.235 15.989 10.242 23.445 10.242 23.445 10.242 23.455 10.242 23.517 9.548 23.658 7.981 23.732 7.151 15.989 7.151" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/image.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>image</title><path d="M30,5.851Q30,16,30,26.149H2Q2,16,2,5.851H30" style="fill:#2dcc9f"/><path d="M24.232,8.541a2.2,2.2,0,1,0,1.127.623,2.212,2.212,0,0,0-1.127-.623" style="fill:#fff"/><path d="M18.111,20.1q-2.724-3.788-5.45-7.575Q8.619,18.147,4.579,23.766q5.449,0,10.9,0,1.316-1.832,2.634-3.663" style="fill:#fff"/><path d="M22.057,16q-2.793,3.882-5.584,7.765,5.584,0,11.169,0Q24.851,19.882,22.057,16Z" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/ini.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>ini</title><path d="M23.265,24.381l.9-.894c4.164.136,4.228-.01,4.411-.438l1.144-2.785L29.805,20l-.093-.231c-.049-.122-.2-.486-2.8-2.965V15.5c3-2.89,2.936-3.038,2.765-3.461L28.538,9.225c-.171-.422-.236-.587-4.37-.474l-.9-.93a20.166,20.166,0,0,0-.141-4.106l-.116-.263-2.974-1.3c-.438-.2-.592-.272-3.4,2.786l-1.262-.019c-2.891-3.086-3.028-3.03-3.461-2.855L9.149,3.182c-.433.175-.586.237-.418,4.437l-.893.89c-4.162-.136-4.226.012-4.407.438L2.285,11.733,2.195,12l.094.232c.049.12.194.48,2.8,2.962l0,1.3c-3,2.89-2.935,3.038-2.763,3.462l1.138,2.817c.174.431.236.584,4.369.476l.9.935a20.243,20.243,0,0,0,.137,4.1l.116.265,2.993,1.308c.435.182.586.247,3.386-2.8l1.262.016c2.895,3.09,3.043,3.03,3.466,2.859l2.759-1.115C23.288,28.644,23.44,28.583,23.265,24.381ZM11.407,17.857a4.957,4.957,0,1,1,6.488,2.824A5.014,5.014,0,0,1,11.407,17.857Z" style="fill:#99b8c4"/></svg>


--------------------------------------------------------------------------------
/lib/images/jar.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>jar</title><path d="M12.7,23.56s-1.07.622.761.833a16.023,16.023,0,0,0,5.8-.246A10.088,10.088,0,0,0,20.8,24.9c-5.481,2.349-12.405-.136-8.1-1.339" style="fill:#5382a1"/><path d="M12.026,20.494s-1.2.888.633,1.078a22.618,22.618,0,0,0,7.481-.359,3.32,3.32,0,0,0,1.152.7c-6.627,1.938-14.009.153-9.266-1.421" style="fill:#5382a1"/><path d="M17.673,15.294a2.051,2.051,0,0,1-.355,2.954s3.429-1.77,1.854-3.987c-1.471-2.067-2.6-3.095,3.508-6.636,0,0-9.586,2.394-5.007,7.669" style="fill:#e76f00"/><path d="M24.922,25.827s.792.652-.872,1.157c-3.164.958-13.168,1.248-15.948.038-1-.435.874-1.038,1.464-1.164a3.8,3.8,0,0,1,.966-.108c-1.111-.783-7.181,1.537-3.083,2.2,11.176,1.812,20.372-.816,17.473-2.124" style="fill:#5382a1"/><path d="M13.211,17.318s-5.089,1.209-1.8,1.648a38.225,38.225,0,0,0,6.731-.072c2.106-.178,4.221-.555,4.221-.555a8.934,8.934,0,0,0-1.28.685C15.913,20.382,5.93,19.75,8.8,18.359a9.629,9.629,0,0,1,4.407-1.042" style="fill:#5382a1"/><path d="M22.34,22.421c5.253-2.73,2.824-5.353,1.129-5a3.932,3.932,0,0,0-.6.161.957.957,0,0,1,.449-.346c3.354-1.179,5.933,3.478-1.083,5.322a.458.458,0,0,0,.106-.138" style="fill:#5382a1"/><path d="M19.172,1.906s2.909,2.91-2.759,7.386c-4.546,3.59-1.037,5.637,0,7.975-2.653-2.394-4.6-4.5-3.294-6.463,1.917-2.879,7.229-4.275,6.056-8.9" style="fill:#e76f00"/><path d="M13.727,29.818c5.042.323,12.786-.179,12.969-2.565,0,0-.353.9-4.167,1.623a41.458,41.458,0,0,1-12.76.2s.645.533,3.959.746" style="fill:#5382a1"/></svg>


--------------------------------------------------------------------------------
/lib/images/js.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>js</title><rect x="2" y="2" width="28" height="28" style="fill:#f5de19"/><path d="M20.809,23.875a2.866,2.866,0,0,0,2.6,1.6c1.09,0,1.787-.545,1.787-1.3,0-.9-.716-1.222-1.916-1.747l-.658-.282c-1.9-.809-3.16-1.822-3.16-3.964,0-1.973,1.5-3.476,3.853-3.476a3.889,3.889,0,0,1,3.742,2.107L25,18.128A1.789,1.789,0,0,0,23.311,17a1.145,1.145,0,0,0-1.259,1.128c0,.789.489,1.109,1.618,1.6l.658.282c2.236.959,3.5,1.936,3.5,4.133,0,2.369-1.861,3.667-4.36,3.667a5.055,5.055,0,0,1-4.795-2.691Zm-9.295.228c.413.733.789,1.353,1.693,1.353.864,0,1.41-.338,1.41-1.653V14.856h2.631v8.982c0,2.724-1.6,3.964-3.929,3.964a4.085,4.085,0,0,1-3.947-2.4Z"/></svg>


--------------------------------------------------------------------------------
/lib/images/markdown.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>markdown</title><rect x="2.5" y="7.955" width="27" height="16.091" style="fill:none;stroke:#755838"/><polygon points="5.909 20.636 5.909 11.364 8.636 11.364 11.364 14.773 14.091 11.364 16.818 11.364 16.818 20.636 14.091 20.636 14.091 15.318 11.364 18.727 8.636 15.318 8.636 20.636 5.909 20.636" style="fill:#755838"/><polygon points="22.955 20.636 18.864 16.136 21.591 16.136 21.591 11.364 24.318 11.364 24.318 16.136 27.045 16.136 22.955 20.636" style="fill:#755838"/></svg>


--------------------------------------------------------------------------------
/lib/images/onenote.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>onenote</title><path d="M16.621,2.326h1.9q0,1.274,0,2.547c2.976.114,5.988-.242,8.942.2.1.337.216.671.328,1,.75.134,1.959.041,2.077,1.059a28.973,28.973,0,0,1-.048,5.606,22.957,22.957,0,0,1-.057,5.962,21.112,21.112,0,0,1,.1,5.52c-.137.989-1.31.919-2.051,1.059a4.73,4.73,0,0,1-.378,1.549,3.8,3.8,0,0,1-1.921.3c-2.331-.022-4.662-.013-6.99-.013q0,1.274,0,2.547H16.532C11.7,28.787,6.846,27.976,2,27.13Q2,16,2,4.876C6.875,4.027,11.75,3.194,16.621,2.326Z" style="fill:#733781"/><path d="M18.523,5.821q4.136,0,8.271,0c0,.423,0,.843,0,1.266.731,0,1.463.016,2.2.048.041,1.673.057,3.345-.013,5.018-.728.025-1.46.038-2.185.041q0,6.993,0,13.985-4.136,0-8.271,0v-2.55q3.019,0,6.042,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0v-1.6q3.019,0,6.042,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0V17.9q3.019,0,6.042,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0v-1.6q3.019,0,6.039,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0v-1.6q3.019,0,6.042,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0v-1.6q3.019,0,6.042,0c0-.423,0-.843,0-1.266q-3.024,0-6.042,0V5.821Z" style="fill:#fff"/><path d="M11.826,10.667c.633-.035,1.269-.07,1.908-.1V21.1c-.687-.029-1.367-.067-2.048-.1-1.266-2.433-2.636-4.811-3.86-7.266.07,2.353.029,4.71.035,7.063-.579-.038-1.151-.073-1.727-.108q.014-4.846,0-9.7l1.965-.1c1.243,2.277,2.506,4.544,3.714,6.843C11.839,15.377,11.813,13.02,11.826,10.667Z" style="fill:#fff"/><path d="M27.742,13.122c.413.016.827.035,1.243.054.054,1.673.064,3.342-.01,5.012-.413.019-.824.038-1.234.054Q27.737,15.68,27.742,13.122Z" style="fill:#fff"/><path d="M27.742,19.161c.413.019.83.041,1.25.064.048,1.663.045,3.326,0,4.989l-1.25.076Q27.737,21.724,27.742,19.161Z" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/pdf.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>pdf2</title><path d="M24.1,2.072h0l5.564,5.8V29.928H8.879V30H29.735V7.945L24.1,2.072" style="fill:#909090"/><path d="M24.031,2H8.808V29.928H29.664V7.873L24.03,2" style="fill:#f4f4f4"/><path d="M8.655,3.5H2.265v6.827h20.1V3.5H8.655" style="fill:#7a7b7c"/><path d="M22.472,10.211H2.395V3.379H22.472v6.832" style="fill:#dd2025"/><path d="M9.052,4.534h-.03l-.207,0H7.745v4.8H8.773V7.715L9,7.728a2.042,2.042,0,0,0,.647-.117,1.427,1.427,0,0,0,.493-.291,1.224,1.224,0,0,0,.335-.454,2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65A2.149,2.149,0,0,0,9.37,4.56a2.232,2.232,0,0,0-.319-.026M8.862,6.828l-.089,0V5.348h.193a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114" style="fill:#464648"/><path d="M12.533,4.521c-.111,0-.219.008-.295.011L12,4.538h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.392h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106" style="fill:#464648"/><path d="M17.43,4.538H15v4.8h1.028V7.434h1.3V6.542h-1.3V5.43h1.4V4.538" style="fill:#464648"/><path d="M21.781,20.255s3.188-.578,3.188.511S22.994,21.412,21.781,20.255Zm-2.357.083a7.543,7.543,0,0,0-1.473.489l.4-.9c.4-.9.815-2.127.815-2.127a14.216,14.216,0,0,0,1.658,2.252,13.033,13.033,0,0,0-1.4.288Zm-1.262-6.5c0-.949.307-1.208.546-1.208s.508.115.517.939a10.787,10.787,0,0,1-.517,2.434A4.426,4.426,0,0,1,18.161,13.841ZM13.513,24.354c-.978-.585,2.051-2.386,2.6-2.444C16.11,21.911,14.537,24.966,13.513,24.354ZM25.9,20.895c-.01-.1-.1-1.207-2.07-1.16a14.228,14.228,0,0,0-2.453.173,12.542,12.542,0,0,1-2.012-2.655,11.76,11.76,0,0,0,.623-3.1c-.029-1.2-.316-1.888-1.236-1.878s-1.054.815-.933,2.013a9.309,9.309,0,0,0,.665,2.338s-.425,1.323-.987,2.639-.946,2.006-.946,2.006a9.622,9.622,0,0,0-2.725,1.4c-.824.767-1.159,1.356-.725,1.945.374.508,1.683.623,2.853-.91a22.549,22.549,0,0,0,1.7-2.492s1.784-.489,2.339-.623,1.226-.24,1.226-.24,1.629,1.639,3.2,1.581,1.495-.939,1.485-1.035" style="fill:#dd2025"/><path d="M23.954,2.077V7.95h5.633L23.954,2.077Z" style="fill:#909090"/><path d="M24.031,2V7.873h5.633L24.031,2Z" style="fill:#f4f4f4"/><path d="M8.975,4.457h-.03l-.207,0H7.668v4.8H8.7V7.639l.228.013a2.042,2.042,0,0,0,.647-.117,1.428,1.428,0,0,0,.493-.291A1.224,1.224,0,0,0,10.4,6.79a2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65,2.149,2.149,0,0,0-.411-.105,2.232,2.232,0,0,0-.319-.026M8.785,6.751l-.089,0V5.271H8.89a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114" style="fill:#fff"/><path d="M12.456,4.444c-.111,0-.219.008-.295.011l-.235.006h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.315h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106" style="fill:#fff"/><path d="M17.353,4.461h-2.43v4.8h1.028V7.357h1.3V6.465h-1.3V5.353h1.4V4.461" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/photoshop.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>photoshop</title><path d="M3.167,3.517H28.833V28.483H3.167Z" style="fill:#0c0824"/><path d="M3.167,3.517H28.833V28.483H3.167ZM2,29.65H30V2.35H2Zm18.877-16.1c-.922,0-1.237.467-1.237.852,0,.42.21.712,1.447,1.353,1.832.887,2.4,1.738,2.4,2.987,0,1.867-1.423,2.87-3.348,2.87a5.076,5.076,0,0,1-2.392-.5c-.082-.035-.093-.093-.093-.187V19.208c0-.117.058-.152.14-.093a4.33,4.33,0,0,0,2.345.688c.922,0,1.307-.385,1.307-.91,0-.42-.268-.793-1.447-1.4-1.657-.793-2.345-1.6-2.345-2.94,0-1.505,1.178-2.753,3.22-2.753a5.365,5.365,0,0,1,2.088.327.258.258,0,0,1,.117.233v1.6c0,.093-.058.152-.175.117a3.941,3.941,0,0,0-2.03-.525ZM10.843,14.938c.268.023.478.023.945.023,1.365,0,2.648-.478,2.648-2.333,0-1.482-.922-2.228-2.473-2.228-.467,0-.91.023-1.12.035Zm-2.077-6.2c0-.082.163-.14.257-.14.747-.035,1.855-.058,3.01-.058,3.232,0,4.492,1.773,4.492,4.037,0,2.963-2.147,4.235-4.783,4.235-.443,0-.595-.023-.91-.023v4.48c0,.093-.035.14-.14.14H8.907c-.093,0-.14-.035-.14-.14V8.743Z" style="fill:#31c5f0"/></svg>


--------------------------------------------------------------------------------
/lib/images/php.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><radialGradient id="a" cx="-16.114" cy="20.532" r="18.384" gradientTransform="translate(26.52 -9.307)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0.5" stop-color="#4c6b96"/><stop offset="1" stop-color="#231f20"/></radialGradient></defs><title>php</title><ellipse cx="16" cy="16" rx="14" ry="7.365" style="fill:url(#a)"/><ellipse cx="16" cy="16" rx="13.453" ry="6.818" style="fill:#6280b6"/><path d="M18.725,18.2l.667-3.434a1.752,1.752,0,0,0-.372-1.719,2.929,2.929,0,0,0-2-.525H15.867l.331-1.7a.219.219,0,0,0-.215-.26h-1.6a.219.219,0,0,0-.215.177l-.709,3.646a2.051,2.051,0,0,0-.477-1.054,2.783,2.783,0,0,0-2.2-.807H7.7a.219.219,0,0,0-.215.177l-1.434,7.38a.219.219,0,0,0,.215.26H7.869a.219.219,0,0,0,.215-.177l.347-1.785h1.2a5.167,5.167,0,0,0,1.568-.2,3.068,3.068,0,0,0,1.15-.689,3.538,3.538,0,0,0,.68-.844l-.287,1.475a.219.219,0,0,0,.215.26h1.6a.219.219,0,0,0,.215-.177l.787-4.051h1.094c.466,0,.6.093.64.133s.1.165.025.569l-.635,3.265a.219.219,0,0,0,.215.26h1.62A.219.219,0,0,0,18.725,18.2ZM11.33,15.366a1.749,1.749,0,0,1-.561,1.092,2.171,2.171,0,0,1-1.315.321H8.742l.515-2.651h.921c.677,0,.949.145,1.059.266A1.181,1.181,0,0,1,11.33,15.366Z" style="fill:#fff"/><path d="M25.546,13.332a2.783,2.783,0,0,0-2.2-.807H20.255a.219.219,0,0,0-.215.177l-1.434,7.38a.219.219,0,0,0,.215.26h1.608a.219.219,0,0,0,.215-.177l.347-1.785h1.2a5.167,5.167,0,0,0,1.568-.2,3.068,3.068,0,0,0,1.15-.689,3.425,3.425,0,0,0,1.076-1.927A2.512,2.512,0,0,0,25.546,13.332Zm-1.667,2.034a1.749,1.749,0,0,1-.561,1.092A2.171,2.171,0,0,1,22,16.778H21.29l.515-2.651h.921c.677,0,.949.145,1.059.266A1.181,1.181,0,0,1,23.879,15.366Z" style="fill:#fff"/><path d="M10.178,13.908a1.645,1.645,0,0,1,1.221.338,1.34,1.34,0,0,1,.145,1.161,1.945,1.945,0,0,1-.642,1.223A2.361,2.361,0,0,1,9.454,17H8.476l.6-3.089ZM6.261,20.124H7.869l.381-1.962H9.627a4.931,4.931,0,0,0,1.5-.191,2.84,2.84,0,0,0,1.07-.642,3.207,3.207,0,0,0,1.01-1.808,2.3,2.3,0,0,0-.385-2.044,2.568,2.568,0,0,0-2.035-.732H7.7Z" style="fill:#000004"/><path d="M14.387,10.782h1.6L15.6,12.744h1.421a2.767,2.767,0,0,1,1.85.468,1.548,1.548,0,0,1,.305,1.516l-.667,3.434H16.89l.635-3.265a.886.886,0,0,0-.08-.76,1.121,1.121,0,0,0-.8-.2H15.37l-.822,4.228h-1.6Z" style="fill:#000004"/><path d="M22.727,13.908a1.645,1.645,0,0,1,1.221.338,1.34,1.34,0,0,1,.145,1.161,1.945,1.945,0,0,1-.642,1.223A2.361,2.361,0,0,1,22,17h-.978l.6-3.089ZM18.81,20.124h1.608l.381-1.962h1.377a4.931,4.931,0,0,0,1.5-.191,2.84,2.84,0,0,0,1.07-.642,3.207,3.207,0,0,0,1.01-1.808,2.3,2.3,0,0,0-.385-2.044,2.568,2.568,0,0,0-2.035-.732H20.244Z" style="fill:#000004"/></svg>


--------------------------------------------------------------------------------
/lib/images/powerpoint.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>powerpoint</title><path d="M18.536,2.321V5.184c3.4.019,7.357-.035,10.754.016.642,0,.67.568.678,1.064.054,5.942-.013,12.055.032,18-.012.234-.006,1.1-.013,1.346-.022.823-.434.859-1.257.884-.132,0-.52.006-.648.012-3.181-.016-6.362-.009-9.546-.009v3.182L2,27.134Q2,16,2,4.873L18.536,2.322" style="fill:#d33922"/><path d="M18.536,6.138h10.5v19.4h-10.5V23H26.17V21.725H18.536V20.135H26.17V18.863H18.539c0-.624,0-1.247-.006-1.87a4.467,4.467,0,0,0,3.82-.375,4.352,4.352,0,0,0,1.959-3.474c-1.4-.01-2.793-.006-4.186-.006,0-1.384.016-2.767-.029-4.148-.522.1-1.043.21-1.562.321V6.139" style="fill:#fff"/><path d="M20.766,8.324a4.476,4.476,0,0,1,4.186,4.167c-1.4.016-2.793.01-4.189.01,0-1.393,0-2.787,0-4.177" style="fill:#d33922"/><path d="M7.1,10.726c1.727.083,3.82-.684,5.252.611,1.371,1.664,1.008,4.724-1.024,5.719A4.7,4.7,0,0,1,9,17.348c0,1.244-.006,2.488,0,3.731-.63-.054-1.263-.108-1.893-.159-.029-3.4-.035-6.8,0-10.2" style="fill:#fff"/><path d="M8.993,12.446c.627-.029,1.4-.143,1.826.445a2.308,2.308,0,0,1,.041,2.087c-.363.655-1.183.592-1.816.668-.067-1.066-.06-2.131-.051-3.2" style="fill:#d33922"/></svg>


--------------------------------------------------------------------------------
/lib/images/reactjs.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>reactjs</title><circle cx="16" cy="15.974" r="2.5" style="fill:#00d8ff"/><path d="M16,21.706a28.385,28.385,0,0,1-8.88-1.2,11.3,11.3,0,0,1-3.657-1.958A3.543,3.543,0,0,1,2,15.974c0-1.653,1.816-3.273,4.858-4.333A28.755,28.755,0,0,1,16,10.293a28.674,28.674,0,0,1,9.022,1.324,11.376,11.376,0,0,1,3.538,1.866A3.391,3.391,0,0,1,30,15.974c0,1.718-2.03,3.459-5.3,4.541A28.8,28.8,0,0,1,16,21.706Zm0-10.217a27.948,27.948,0,0,0-8.749,1.282c-2.8.977-4.055,2.313-4.055,3.2,0,.928,1.349,2.387,4.311,3.4A27.21,27.21,0,0,0,16,20.51a27.6,27.6,0,0,0,8.325-1.13C27.4,18.361,28.8,16.9,28.8,15.974a2.327,2.327,0,0,0-1.01-1.573,10.194,10.194,0,0,0-3.161-1.654A27.462,27.462,0,0,0,16,11.489Z" style="fill:#00d8ff"/><path d="M10.32,28.443a2.639,2.639,0,0,1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.755,28.755,0,0,1,3.4-8.593h0A28.676,28.676,0,0,1,16.71,5.995a11.376,11.376,0,0,1,3.384-2.133,3.391,3.391,0,0,1,2.878,0c1.489.858,1.982,3.486,1.287,6.859a28.806,28.806,0,0,1-3.316,8.133,28.385,28.385,0,0,1-5.476,7.093,11.3,11.3,0,0,1-3.523,2.189A4.926,4.926,0,0,1,10.32,28.443Zm1.773-14.7a27.948,27.948,0,0,0-3.26,8.219c-.553,2.915-.022,4.668.75,5.114.8.463,2.742.024,5.1-2.036a27.209,27.209,0,0,0,5.227-6.79,27.6,27.6,0,0,0,3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.327,2.327,0,0,0-1.868.089A10.194,10.194,0,0,0,17.5,6.9a27.464,27.464,0,0,0-5.4,6.849Z" style="fill:#00d8ff"/><path d="M21.677,28.456c-1.355,0-3.076-.82-4.868-2.361a28.756,28.756,0,0,1-5.747-7.237h0a28.676,28.676,0,0,1-3.374-8.471,11.376,11.376,0,0,1-.158-4A3.391,3.391,0,0,1,8.964,3.9c1.487-.861,4.01.024,6.585,2.31a28.8,28.8,0,0,1,5.39,6.934,28.384,28.384,0,0,1,3.41,8.287,11.3,11.3,0,0,1,.137,4.146,3.543,3.543,0,0,1-1.494,2.555A2.59,2.59,0,0,1,21.677,28.456Zm-9.58-10.2a27.949,27.949,0,0,0,5.492,6.929c2.249,1.935,4.033,2.351,4.8,1.9.8-.465,1.39-2.363.782-5.434A27.212,27.212,0,0,0,19.9,13.74,27.6,27.6,0,0,0,14.755,7.1c-2.424-2.152-4.39-2.633-5.191-2.169a2.327,2.327,0,0,0-.855,1.662,10.194,10.194,0,0,0,.153,3.565,27.465,27.465,0,0,0,3.236,8.1Z" style="fill:#00d8ff"/></svg>


--------------------------------------------------------------------------------
/lib/images/ts.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>typescript_official</title><polygon points="2 16 2 30 16 30 30 30 30 16 30 2 16 2 2 2 2 16" style="fill:#007acc"/><path d="M24.564,14.884a3.485,3.485,0,0,1,1.751,1.009,4.611,4.611,0,0,1,.671.9c.009.036-1.209.853-1.947,1.311-.027.018-.133-.1-.253-.276a1.587,1.587,0,0,0-1.316-.791c-.849-.058-1.4.387-1.391,1.129a1.027,1.027,0,0,0,.12.524c.187.387.533.618,1.622,1.089,2,.862,2.862,1.431,3.4,2.24a4.063,4.063,0,0,1,.324,3.413,3.753,3.753,0,0,1-3.1,2.218,8.584,8.584,0,0,1-2.133-.022,5.145,5.145,0,0,1-2.849-1.484,4.947,4.947,0,0,1-.729-1.08,2.092,2.092,0,0,1,.258-.164c.124-.071.6-.342,1.04-.6l.8-.467L21,24.08A3.759,3.759,0,0,0,22.067,25.1a2.6,2.6,0,0,0,2.724-.138,1.217,1.217,0,0,0,.156-1.551c-.218-.311-.662-.573-1.924-1.12a6.93,6.93,0,0,1-2.636-1.622,3.692,3.692,0,0,1-.769-1.4,5.606,5.606,0,0,1-.049-1.787,3.413,3.413,0,0,1,2.871-2.658A7.092,7.092,0,0,1,24.564,14.884Zm-6.573,1.169L18,17.2H14.356V27.556H11.778V17.2H8.133V16.076a11.018,11.018,0,0,1,.031-1.156c.013-.018,2.231-.027,4.92-.022l4.893.013Z" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/txt.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>file_type_text</title><path d="M22.038,2H6.375a1.755,1.755,0,0,0-1.75,1.75v24.5A1.755,1.755,0,0,0,6.375,30h19.25a1.755,1.755,0,0,0,1.75-1.75V6.856Zm.525,2.844,1.663,1.531H22.563ZM6.375,28.25V3.75H20.813V8.125h4.813V28.25Z" style="fill:#c2c2c2"/><rect x="8.125" y="15.097" width="13.076" height="1.75" style="fill:#829ec2"/><rect x="8.125" y="24.439" width="9.762" height="1.75" style="fill:#829ec2"/><rect x="8.125" y="19.763" width="15.75" height="1.75" style="fill:#829ec2"/><rect x="8.125" y="10.23" width="15.75" height="1.75" style="fill:#829ec2"/></svg>


--------------------------------------------------------------------------------
/lib/images/video.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>video</title><path d="M4.5,2.375A2.562,2.562,0,0,1,5.861,2H25.274c.318,0,.635,0,.953,0A2.545,2.545,0,0,1,28.65,3.951a3.37,3.37,0,0,1,.072.862c0,3.725,0,7.451,0,11.176q-.786,0-1.573,0a1.814,1.814,0,0,0-.22.022A5.236,5.236,0,0,0,26.348,16c-.3.007-.61-.014-.914.014a2.275,2.275,0,0,0-.4-.02H20.295c-.2,0-.392.008-.587-.01l.1-.065q-3.177-1.907-6.353-3.813c0,1.3,0,2.593,0,3.889-2.213-.005-4.427,0-6.64,0a2.274,2.274,0,0,0-.251.021C6.352,15.984,6.137,16,5.922,16c-.284.006-.57-.015-.853.015a2.052,2.052,0,0,0-.253-.022q-.771,0-1.541,0c.006-3.635,0-7.27,0-10.9a4.786,4.786,0,0,1,.071-1.131A2.541,2.541,0,0,1,4.5,2.375ZM5.04,4.563a.639.639,0,0,0-.489.606c0,.439,0,.878,0,1.316a.639.639,0,0,0,.627.6c.436,0,.873,0,1.309,0a.638.638,0,0,0,.6-.608c.005-.426,0-.853,0-1.279a.644.644,0,0,0-.329-.575A.708.708,0,0,0,6.4,4.545H5.264A1.081,1.081,0,0,0,5.04,4.563Zm20.341,0a.639.639,0,0,0-.474.607c0,.435,0,.871,0,1.306a.638.638,0,0,0,.6.608c.436.005.872,0,1.308,0a.639.639,0,0,0,.627-.606c.006-.438,0-.876,0-1.314a.638.638,0,0,0-.594-.621c-.348-.009-.7,0-1.045,0A1.98,1.98,0,0,0,25.381,4.567ZM5.042,8.38a.637.637,0,0,0-.452.4,1.078,1.078,0,0,0-.041.386c0,.378,0,.757,0,1.135a.637.637,0,0,0,.6.6c.4.008.795,0,1.192,0a.826.826,0,0,0,.395-.065.641.641,0,0,0,.36-.574c0-.426,0-.853,0-1.279a.638.638,0,0,0-.6-.624c-.338-.008-.677,0-1.016,0A2.385,2.385,0,0,0,5.042,8.38Zm20.338,0a.637.637,0,0,0-.433.4,1.072,1.072,0,0,0-.041.387c0,.377,0,.754,0,1.131a.638.638,0,0,0,.608.607c.406.006.812,0,1.218,0a.739.739,0,0,0,.38-.078.64.64,0,0,0,.335-.558c0-.428,0-.856,0-1.284a.637.637,0,0,0-.593-.622c-.349-.009-.7,0-1.047,0A1.928,1.928,0,0,0,25.379,8.385ZM5.041,12.2a.639.639,0,0,0-.491.608c0,.438-.005.877,0,1.315a.638.638,0,0,0,.627.6c.435,0,.87,0,1.3,0a.638.638,0,0,0,.608-.607c0-.436,0-.871,0-1.307a.638.638,0,0,0-.605-.626c-.348-.007-.7,0-1.045,0A2.12,2.12,0,0,0,5.041,12.2Zm20.335.006a.635.635,0,0,0-.43.394,1.06,1.06,0,0,0-.041.386c0,.377,0,.754,0,1.131a.638.638,0,0,0,.607.608c.435.005.87,0,1.306,0a.639.639,0,0,0,.628-.605c.006-.438,0-.876,0-1.313a.637.637,0,0,0-.592-.622c-.349-.01-.7,0-1.046,0A1.908,1.908,0,0,0,25.377,12.2Z" style="fill:#e75749"/><path d="M13.458,12.1q3.176,1.908,6.353,3.813l-.1.065q-3.127,1.872-6.251,3.748,0-1.868,0-3.736C13.459,14.695,13.456,13.4,13.458,12.1Z" style="fill:#fff"/><path d="M3.275,15.988q.771,0,1.541,0a2.052,2.052,0,0,1,.253.022.645.645,0,0,0-.409.273.883.883,0,0,0-.111.518c0,.348,0,.7,0,1.045a.686.686,0,0,0,.685.689q.6,0,1.192,0a.68.68,0,0,0,.657-.569c.008-.447,0-.9,0-1.343a.632.632,0,0,0-.521-.613,2.274,2.274,0,0,1,.251-.021c2.213,0,4.427,0,6.64,0q0,1.868,0,3.736,3.127-1.871,6.251-3.748c.2.018.391.007.587.01h4.741a2.275,2.275,0,0,1,.4.02.637.637,0,0,0-.475.385.983.983,0,0,0-.045.407c0,.338,0,.676,0,1.014a.677.677,0,0,0,.691.719q.58,0,1.16,0a.684.684,0,0,0,.686-.658c0-.328,0-.656,0-.984a1.074,1.074,0,0,0-.1-.589.642.642,0,0,0-.42-.292,1.814,1.814,0,0,1,.22-.022q.786,0,1.573,0c.011,1.721,0,3.443,0,5.165q0,3.147,0,6.293a2.567,2.567,0,0,1-.612,1.651,2.539,2.539,0,0,1-1.563.868,7.534,7.534,0,0,1-.981.033H6.724a9.27,9.27,0,0,1-1.368-.048,2.557,2.557,0,0,1-2-1.846,2.825,2.825,0,0,1-.09-.746q0-5.233,0-10.466C3.273,16.591,3.264,16.289,3.275,15.988ZM5.07,19.831a.613.613,0,0,0-.386.234.761.761,0,0,0-.134.464c0,.387,0,.775,0,1.162a.685.685,0,0,0,.686.658c.428,0,.855,0,1.283,0a.687.687,0,0,0,.568-.716c0-.4,0-.794,0-1.191a.617.617,0,0,0-.2-.458.712.712,0,0,0-.487-.17H5.264A1.039,1.039,0,0,0,5.07,19.831Zm20.366,0a.62.62,0,0,0-.522.58c0,.407,0,.815,0,1.222a.676.676,0,0,0,.69.718c.428,0,.857.005,1.285,0a.7.7,0,0,0,.562-.684q0-.507,0-1.013a.9.9,0,0,0-.123-.568.661.661,0,0,0-.532-.267c-.318,0-.636,0-.954,0A2.246,2.246,0,0,0,25.436,19.83ZM5.071,23.648a.609.609,0,0,0-.4.249.766.766,0,0,0-.124.448c0,.378,0,.755,0,1.132a.7.7,0,0,0,.6.688c.459,0,.917,0,1.376,0a.687.687,0,0,0,.567-.717c0-.4,0-.792,0-1.189a.617.617,0,0,0-.2-.459.71.71,0,0,0-.484-.17H5.265A1.028,1.028,0,0,0,5.071,23.648Zm20.362,0a.616.616,0,0,0-.492.427.99.99,0,0,0-.029.33c0,.4,0,.8,0,1.195a.681.681,0,0,0,.656.567h1.193a.689.689,0,0,0,.686-.719c0-.388,0-.776,0-1.164a.657.657,0,0,0-.286-.545,1.461,1.461,0,0,0-.787-.11C26.062,23.639,25.745,23.609,25.434,23.647Z" style="fill:#c0392b"/></svg>


--------------------------------------------------------------------------------
/lib/images/vue.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>vue</title><path d="M24.4,3.925H30L16,28.075,2,3.925H12.71L16,9.525l3.22-5.6Z" style="fill:#41b883"/><path d="M2,3.925l14,24.15L30,3.925H24.4L16,18.415,7.53,3.925Z" style="fill:#41b883"/><path d="M7.53,3.925,16,18.485l8.4-14.56H19.22L16,9.525l-3.29-5.6Z" style="fill:#35495e"/></svg>


--------------------------------------------------------------------------------
/lib/images/web.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>aspx</title><polygon points="22.75 2 6.35 2 6.35 30 29.65 30 29.65 9 22.75 2" style="fill:#c5c5c5"/><polygon points="27.35 27.7 8.75 27.7 8.75 4.3 20.45 4.3 20.45 11.3 27.45 11.3 27.45 27.7 27.35 27.7" style="fill:#f5f5f5"/><path d="M12.1,30.994A11.094,11.094,0,1,1,23.194,19.9,11.106,11.106,0,0,1,12.1,30.994Zm0-20.3A9.2,9.2,0,1,0,21.3,19.9,9.216,9.216,0,0,0,12.1,10.7Z" style="fill:#33a9dc"/><rect x="2.099" y="19.455" width="20.003" height="0.89" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/><path d="M12.325,15.763a31.93,31.93,0,0,1-8.484-1.11l.242-.807a31.374,31.374,0,0,0,15.992,0l.239.807A28.076,28.076,0,0,1,12.325,15.763Z" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/><path d="M4.1,25.724l-.239-.807a31.652,31.652,0,0,1,16.472,0l-.242.807A31.38,31.38,0,0,0,4.1,25.724Z" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/><path d="M8.536,29.055A25.438,25.438,0,0,1,8,10.608l.776.331a24.558,24.558,0,0,0,.533,17.783Z" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/><path d="M15.6,29.055l-.776-.333a24.559,24.559,0,0,0,.531-17.783l.776-.331A25.443,25.443,0,0,1,15.6,29.055Z" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/><rect x="11.655" y="9.898" width="0.889" height="20.371" style="fill:#33a9dc;stroke:#33a9dc;stroke-miterlimit:10"/></svg>


--------------------------------------------------------------------------------
/lib/images/word.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>word</title><path d="M18.536,2.323V4.868c3.4.019,7.12-.035,10.521.019a.783.783,0,0,1,.912.861c.054,6.266-.013,12.89.032,19.157-.02.4.009,1.118-.053,1.517-.079.509-.306.607-.817.676-.286.039-.764.034-1.045.047-2.792-.014-5.582-.011-8.374-.01l-1.175,0v2.547L2,27.133Q2,16,2,4.873L18.536,2.322" style="fill:#283c82"/><path d="M18.536,5.822h10.5V26.18h-10.5V23.635h8.27V22.363h-8.27v-1.59h8.27V19.5h-8.27v-1.59h8.27V16.637h-8.27v-1.59h8.27V13.774h-8.27v-1.59h8.27V10.911h-8.27V9.321h8.27V8.048h-8.27V5.822" style="fill:#fff"/><path d="M8.573,11.443c.6-.035,1.209-.06,1.813-.092.423,2.147.856,4.291,1.314,6.429.359-2.208.757-4.409,1.142-6.613.636-.022,1.272-.057,1.905-.1-.719,3.082-1.349,6.19-2.134,9.254-.531.277-1.326-.013-1.956.032-.423-2.106-.916-4.2-1.295-6.314C8.99,16.1,8.506,18.133,8.08,20.175q-.916-.048-1.839-.111c-.528-2.8-1.148-5.579-1.641-8.385.544-.025,1.091-.048,1.635-.067.328,2.026.7,4.043.986,6.072.448-2.08.907-4.161,1.352-6.241" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/lib/images/xfl.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#2e1915" d="M24.099 2H8.837v28h20.91V7.888l-5.579-5.816L24.099 2"/><path fill="#fd3316" d="M2.253 3.493H22.56v7.844H2.253zM24.099 2v5.888h5.648zM16.531 14.811h-2.094a.087.087 0 0 0-.087.081l-.05.657a.047.047 0 0 1-.003.017l-2.895 10.105a.087.087 0 0 0 .084.111h1.518a.087.087 0 0 0 .084-.064l.815-2.99a.087.087 0 0 1 .084-.064h3.08c.039 0 .074.026.084.064l.834 2.991a.088.088 0 0 0 .084.064h1.678c.058 0 .1-.056.084-.112l-3.218-10.796a.084.084 0 0 0-.082-.064zm-2.165 6.199l1.134-4.63 1.2 4.63h-2.334zM20.671 25.782a.087.087 0 0 1-.087-.087l.009-6.521-.041-.884a.087.087 0 0 1 .054-.085c.299-.123 1.729-.682 3.125-.682 1.569 0 2.948.718 2.948 2.873v5.299a.087.087 0 0 1-.087.087h-1.627a.087.087 0 0 1-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37 0-.85.11-1.027.162a.088.088 0 0 0-.063.084v6.332a.087.087 0 0 1-.087.087h-1.631z"/><path d="M11.265 5.131h-.996a.05.05 0 0 0-.046.032l-.522 1.43a.049.049 0 0 1-.092 0l-.522-1.43a.047.047 0 0 0-.045-.032h-1a.049.049 0 0 0-.045.068l.998 2.349a.047.047 0 0 1-.001.04L7.922 9.783a.049.049 0 0 0 .044.07h.975c.02 0 .038-.012.045-.031l.568-1.464c.016-.041.075-.042.091 0l.573 1.465a.048.048 0 0 0 .045.031h.978a.05.05 0 0 0 .045-.069l-1.029-2.317a.049.049 0 0 1 0-.041l1.052-2.226a.05.05 0 0 0-.044-.07zM11.802 5.131h2.296c.025 0 .046.019.048.043l.093.832a.048.048 0 0 1-.048.054h-1.396a.05.05 0 0 0-.049.049v.977a.05.05 0 0 0 .049.049h1.265a.05.05 0 0 1 .049.049v.808a.05.05 0 0 1-.049.049h-1.265a.05.05 0 0 0-.049.049v1.714a.05.05 0 0 1-.049.049h-.896a.05.05 0 0 1-.049-.049V5.18a.05.05 0 0 1 .05-.049zM14.824 5.131h.913a.05.05 0 0 1 .049.049v3.726a.05.05 0 0 0 .049.049h1.434c.03 0 .053.027.048.056l-.121.8a.048.048 0 0 1-.048.041h-2.322a.05.05 0 0 1-.049-.049V5.18a.046.046 0 0 1 .047-.049z" fill="#2e1915"/></svg>


--------------------------------------------------------------------------------
/lib/images/zip.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><linearGradient id="a" x1="17.65" y1="26.056" x2="21.099" y2="26.056" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4d4d4d"/><stop offset="0.5" stop-color="#fff"/><stop offset="1" stop-color="#4d4d4d"/></linearGradient><linearGradient id="b" x1="17.65" y1="23.756" x2="21.099" y2="23.756" xlink:href="#a"/><linearGradient id="c" x1="17.65" y1="21.456" x2="21.099" y2="21.456" xlink:href="#a"/><linearGradient id="d" x1="17.65" y1="19.156" x2="21.099" y2="19.156" xlink:href="#a"/><linearGradient id="e" x1="17.65" y1="16.857" x2="21.099" y2="16.857" xlink:href="#a"/><linearGradient id="f" x1="17.65" y1="14.557" x2="21.099" y2="14.557" xlink:href="#a"/><linearGradient id="g" x1="17.65" y1="12.257" x2="21.099" y2="12.257" xlink:href="#a"/><linearGradient id="h" x1="17.65" y1="9.957" x2="21.099" y2="9.957" xlink:href="#a"/><linearGradient id="i" x1="17.65" y1="7.657" x2="21.099" y2="7.657" xlink:href="#a"/><linearGradient id="j" x1="16.237" y1="27.217" x2="19.686" y2="27.217" xlink:href="#a"/><linearGradient id="k" x1="16.237" y1="24.918" x2="19.686" y2="24.918" xlink:href="#a"/><linearGradient id="l" x1="16.237" y1="22.618" x2="19.686" y2="22.618" xlink:href="#a"/><linearGradient id="m" x1="16.237" y1="20.318" x2="19.686" y2="20.318" xlink:href="#a"/><linearGradient id="n" x1="16.237" y1="18.018" x2="19.686" y2="18.018" xlink:href="#a"/><linearGradient id="o" x1="17.65" y1="28.356" x2="21.099" y2="28.356" xlink:href="#a"/><linearGradient id="p" x1="16.237" y1="15.718" x2="19.686" y2="15.718" xlink:href="#a"/><linearGradient id="q" x1="16.237" y1="13.419" x2="19.686" y2="13.419" xlink:href="#a"/><linearGradient id="r" x1="16.237" y1="11.119" x2="19.686" y2="11.119" xlink:href="#a"/><linearGradient id="s" x1="16.237" y1="8.819" x2="19.686" y2="8.819" xlink:href="#a"/><linearGradient id="t" x1="16.237" y1="29.514" x2="19.686" y2="29.514" xlink:href="#a"/><linearGradient id="u" x1="16.985" y1="11.196" x2="20.446" y2="11.196" xlink:href="#a"/><linearGradient id="v" x1="18.096" y1="5.329" x2="19.336" y2="5.329" xlink:href="#a"/><linearGradient id="w" x1="16.029" y1="5.591" x2="21.403" y2="5.591" xlink:href="#a"/></defs><title>file_type_zip</title><path d="M27.667,27.667V17.333L23,15V2H4.333V30H27.667Zm-4.667,0V18.556l2.333,1.222v7.889Z" style="fill:#c09553"/><rect x="17.65" y="25.559" width="3.45" height="0.993" style="fill:url(#a)"/><rect x="17.65" y="23.26" width="3.45" height="0.993" style="fill:url(#b)"/><rect x="17.65" y="20.96" width="3.45" height="0.993" style="fill:url(#c)"/><rect x="17.65" y="18.66" width="3.45" height="0.993" style="fill:url(#d)"/><rect x="17.65" y="16.36" width="3.45" height="0.993" style="fill:url(#e)"/><rect x="17.65" y="14.06" width="3.45" height="0.993" style="fill:url(#f)"/><rect x="17.65" y="11.76" width="3.45" height="0.993" style="fill:url(#g)"/><rect x="17.65" y="9.461" width="3.45" height="0.993" style="fill:url(#h)"/><rect x="17.65" y="7.161" width="3.45" height="0.993" style="fill:url(#i)"/><rect x="16.237" y="26.721" width="3.45" height="0.993" style="fill:url(#j)"/><rect x="16.237" y="24.421" width="3.45" height="0.993" style="fill:url(#k)"/><rect x="16.237" y="22.121" width="3.45" height="0.993" style="fill:url(#l)"/><rect x="16.237" y="19.821" width="3.45" height="0.993" style="fill:url(#m)"/><rect x="16.237" y="17.522" width="3.45" height="0.993" style="fill:url(#n)"/><rect x="17.65" y="27.859" width="3.45" height="0.993" style="fill:url(#o)"/><rect x="16.237" y="15.222" width="3.45" height="0.993" style="fill:url(#p)"/><rect x="16.237" y="12.922" width="3.45" height="0.993" style="fill:url(#q)"/><rect x="16.237" y="10.622" width="3.45" height="0.993" style="fill:url(#r)"/><rect x="16.237" y="8.322" width="3.45" height="0.993" style="fill:url(#s)"/><rect x="16.237" y="29.018" width="3.45" height="0.993" style="fill:url(#t)"/><path d="M20.1,5.911a.554.554,0,0,0-.548-.53h-.009v.557h.092l.206,2.514H17.589L17.8,5.938h.094V5.381h-.044a.552.552,0,0,0-.547.53l-.314,10.569a.513.513,0,0,0,.515.531h2.432a.512.512,0,0,0,.513-.531Zm-1.384,10.5a1.171,1.171,0,1,1,1.171-1.171A1.171,1.171,0,0,1,18.716,16.408Z" style="fill:url(#u)"/><rect x="18.096" y="3.802" width="1.24" height="3.054" style="fill:url(#v)"/><path d="M21.4,4.56a2.549,2.549,0,0,0-2.549-2.549h-.276a2.55,2.55,0,0,0-2.436,3.3h0l0,.006v0A7.986,7.986,0,0,1,16.4,7.878H16.4a1.811,1.811,0,0,0,.641,1.271l.109-3.441a.593.593,0,0,1,.6-.551h.135V3.587h1.653v1.57h.1a.6.6,0,0,1,.605.551l.121,3.462a1.813,1.813,0,0,0,.666-1.292h0V7.8c0-.014,0-.027,0-.041s0-.026,0-.039a7.693,7.693,0,0,1,.236-2.359A2.543,2.543,0,0,0,21.4,4.56Z" style="fill:url(#w)"/></svg>


--------------------------------------------------------------------------------
/lib/index.js:
--------------------------------------------------------------------------------
1 | import EleUploadFile from './EleUploadFile'
2 | 
3 | export default EleUploadFile
4 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-ele-upload-file",
 3 |   "description": "对 element-ui upload 组件进一步封装, 使其更简单、易用",
 4 |   "version": "0.0.7",
 5 |   "private": false,
 6 |   "license": "MIT",
 7 |   "scripts": {
 8 |     "serve": "vue-cli-service serve",
 9 |     "lint": "vue-cli-service lint"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "https://github.com/dream2023/vue-ele-upload-file"
14 |   },
15 |   "main": "lib/index.js",
16 |   "homepage": "https://github.com/dream2023/vue-ele-upload-file/",
17 |   "keywords": [
18 |     "vue-ele-upload-file",
19 |     "element upload",
20 |     "element-ui upload",
21 |     "vue upload",
22 |     "vue uploader",
23 |     "vue",
24 |     "vue 上传"
25 |   ],
26 |   "dependencies": {
27 |     "ly-downloader": "^1.0.5",
28 |     "pretty-bytes": "^5.3.0"
29 |   },
30 |   "devDependencies": {
31 |     "core-js": "^2.6.5",
32 |     "vue": "^2.6.10",
33 |     "@vue/cli-plugin-babel": "^3.8.0",
34 |     "@vue/cli-plugin-eslint": "^3.8.0",
35 |     "@vue/cli-service": "^3.8.0",
36 |     "babel-eslint": "^10.0.1",
37 |     "element-ui": "^2.9.1",
38 |     "eslint": "^5.16.0",
39 |     "eslint-plugin-vue": "^5.0.0",
40 |     "vue-template-compiler": "^2.6.10"
41 |   },
42 |   "eslintConfig": {
43 |     "root": true,
44 |     "env": {
45 |       "node": true
46 |     },
47 |     "extends": [
48 |       "plugin:vue/essential",
49 |       "eslint:recommended"
50 |     ],
51 |     "rules": {},
52 |     "parserOptions": {
53 |       "parser": "babel-eslint"
54 |     }
55 |   },
56 |   "postcss": {
57 |     "plugins": {
58 |       "autoprefixer": {}
59 |     }
60 |   },
61 |   "browserslist": [
62 |     "> 1%",
63 |     "last 2 versions"
64 |   ]
65 | }
66 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dream2023/vue-ele-upload-file/5f1a30a54b91e667835c9bbbd64b7da8bcca595f/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>vue-ele-upload-file</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but vue-ele-upload-file doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   css: {
 3 |     extract: false
 4 |   },
 5 |   configureWebpack: {
 6 |     entry: './example/main.js',
 7 |     output: {
 8 |       libraryExport: 'default'
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------