sone-ui-component-3.2.4 2.0.269 → 2.0.271
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/sone-ui.common.js +303 -369
- package/lib/sone-ui.common.js.map +1 -1
- package/lib/sone-ui.css +1 -1
- package/lib/sone-ui.umd.js +303 -369
- package/lib/sone-ui.umd.js.map +1 -1
- package/lib/sone-ui.umd.min.js +3 -3
- package/lib/sone-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/packages/upload/src/main.vue +24 -4
- package/src/index.js +1 -1
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
<template>
|
|
10
10
|
<div class="sone-upload-box" :class="{ 'sone-upload-box-full': type === 'img' && !multiple }">
|
|
11
11
|
<el-upload
|
|
12
|
+
ref="upload"
|
|
12
13
|
action
|
|
13
14
|
v-if="!disabled"
|
|
14
15
|
:show-file-list="false"
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
<el-tooltip :enterable="false" content="上传" placement="top">
|
|
25
26
|
<i :class="uploadIcon"></i>
|
|
26
27
|
</el-tooltip>
|
|
27
|
-
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
28
|
+
<div ref="uploadBtn" class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
28
29
|
</div>
|
|
29
30
|
|
|
30
31
|
<!-- 多图上传 -->
|
|
@@ -85,8 +86,11 @@
|
|
|
85
86
|
<el-tooltip :enterable="false" content="下载" placement="top">
|
|
86
87
|
<i class="sone-upload-mask-icon el-icon-download" @click="download(fileList)"></i>
|
|
87
88
|
</el-tooltip>
|
|
88
|
-
<el-tooltip :enterable="false" content="删除" placement="top">
|
|
89
|
+
<!-- <el-tooltip v-show="singleDelBtn" :enterable="false" content="删除" placement="top">
|
|
89
90
|
<i class="sone-upload-mask-icon el-icon-delete" v-if="!disabled" @click="del(fileList)"></i>
|
|
91
|
+
</el-tooltip> -->
|
|
92
|
+
<el-tooltip v-show="singleEditBtn" :enterable="false" content="编辑" placement="top">
|
|
93
|
+
<i class="sone-upload-mask-icon el-icon-upload2" v-if="!disabled" @click="editImg"></i>
|
|
90
94
|
</el-tooltip>
|
|
91
95
|
</div>
|
|
92
96
|
|
|
@@ -173,6 +177,16 @@ export default {
|
|
|
173
177
|
type: Boolean,
|
|
174
178
|
default: false,
|
|
175
179
|
},
|
|
180
|
+
singleDelBtn:{
|
|
181
|
+
type: Boolean,
|
|
182
|
+
default: true,
|
|
183
|
+
remark:'单文件是否显示删除按钮'
|
|
184
|
+
},
|
|
185
|
+
singleEditBtn:{
|
|
186
|
+
type: Boolean,
|
|
187
|
+
default: false,
|
|
188
|
+
remark:'单文件是否显示编辑按钮'
|
|
189
|
+
}
|
|
176
190
|
},
|
|
177
191
|
model:{
|
|
178
192
|
prop: 'value',
|
|
@@ -180,12 +194,12 @@ export default {
|
|
|
180
194
|
},
|
|
181
195
|
data() {
|
|
182
196
|
return {
|
|
183
|
-
acceptType: '.jpg,.jpeg,.png,.gif,.JPG,.JPEG,.GIF,.txt,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.rar',
|
|
197
|
+
acceptType: '.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.GIF,.txt,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.rar',
|
|
184
198
|
}
|
|
185
199
|
},
|
|
186
200
|
mounted(){
|
|
187
201
|
if(this.accept) this.acceptType = this.accept;
|
|
188
|
-
if(this.type === 'img') this.acceptType = this.accept || '.jpg,.jpeg,.png,.gif,.JPG,.JPEG,.GIF';
|
|
202
|
+
if(this.type === 'img') this.acceptType = this.accept || '.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.GIF';
|
|
189
203
|
},
|
|
190
204
|
watch:{
|
|
191
205
|
fileList:{
|
|
@@ -207,6 +221,12 @@ export default {
|
|
|
207
221
|
}
|
|
208
222
|
},
|
|
209
223
|
methods: {
|
|
224
|
+
/**
|
|
225
|
+
* @description 编辑
|
|
226
|
+
**/
|
|
227
|
+
editImg(){
|
|
228
|
+
this.$refs['uploadBtn'].click()
|
|
229
|
+
},
|
|
210
230
|
/**
|
|
211
231
|
* @description 删除上传
|
|
212
232
|
* @param { Object } file 文件信息
|