@lambo-design/upload-file 1.0.0-beta.32 → 1.0.0-beta.34
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/package.json +3 -3
- package/src/index.vue +21 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lambo-design/upload-file",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.34",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": "lambo",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"devDependencies": {
|
|
13
13
|
"axios": "^0.24.0",
|
|
14
14
|
"axios-cache-plugin": "^0.1.0",
|
|
15
|
-
"@lambo-design/core": "^4.7.1-beta.
|
|
16
|
-
"@lambo-design/shared": "^1.0.0-beta.
|
|
15
|
+
"@lambo-design/core": "^4.7.1-beta.171",
|
|
16
|
+
"@lambo-design/shared": "^1.0.0-beta.312"
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
19
19
|
"release-upload-file": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
|
package/src/index.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="upload-file-box">
|
|
3
|
-
<div class="upload-btn-box" v-if="!disabled">
|
|
3
|
+
<div :class="[isTableCell ? '' : 'upload-btn-box']" v-if="!disabled">
|
|
4
4
|
<slot>
|
|
5
5
|
<Button :size="buttonSize" icon="md-add" type="primary" :loading="loading"
|
|
6
6
|
@click="UploadFile()" ghost v-if="uploadBtn">
|
|
@@ -15,13 +15,14 @@
|
|
|
15
15
|
{{ descInfo }}
|
|
16
16
|
</span>
|
|
17
17
|
</slot>
|
|
18
|
+
<slot name="afterButton"></slot>
|
|
18
19
|
</div>
|
|
19
20
|
<input type="file" :disabled="disabled" ref="uploadInput" style="position:absolute; clip:rect(0 0 0 0);display: none"
|
|
20
21
|
:multiple="multiple"
|
|
21
22
|
:accept="accept"
|
|
22
23
|
@change="readFile($event, 1)"/>
|
|
23
24
|
<div class="upload-file-list" v-if="showFileList && resultList.length > 0">
|
|
24
|
-
<List border size="small">
|
|
25
|
+
<List v-if="!isTableCell" border size="small">
|
|
25
26
|
<ListItem v-for="item in resultList" :key="item.fileId ? item.fileId : item.fileCode">
|
|
26
27
|
<div span="21">
|
|
27
28
|
<a :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)">
|
|
@@ -35,6 +36,18 @@
|
|
|
35
36
|
</div>
|
|
36
37
|
</ListItem>
|
|
37
38
|
</List>
|
|
39
|
+
<div v-else style="display: flex; align-items: center; justify-content: space-between;" v-for="item in resultList" :key="item.fileId ? item.fileId : item.fileCode">
|
|
40
|
+
<Tooltip max-width="200" :content="item.fileName + (item.showSize ? ' (' + item.showSize + ')' : '')" :transfer="true" placement="top">
|
|
41
|
+
<a :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)" :style="{display: 'inline-block', width: showPreview ? '120px' : '150px', textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden', lineHeight: '20px', verticalAlign: 'middle'}">
|
|
42
|
+
{{ item.fileName }}
|
|
43
|
+
<span style="margin-left: 5px;" v-if="item.showSize">({{ item.showSize }})</span>
|
|
44
|
+
</a>
|
|
45
|
+
</Tooltip>
|
|
46
|
+
<div style="display: flex; align-items: center;">
|
|
47
|
+
<span v-if="showPreview" @click="previewFile(item)" style="margin-right: 5px; cursor: pointer;">预览</span>
|
|
48
|
+
<span v-if="!disabled" @click="deleteFile(item.fileId ? item.fileId : item.fileCode)" style="cursor: pointer;">删除</span>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
38
51
|
</div>
|
|
39
52
|
</div>
|
|
40
53
|
</template>
|
|
@@ -110,6 +123,12 @@ export default {
|
|
|
110
123
|
required: false,
|
|
111
124
|
default: false
|
|
112
125
|
},
|
|
126
|
+
//是否为编辑表格内的元素
|
|
127
|
+
isTableCell: {
|
|
128
|
+
type: Boolean,
|
|
129
|
+
required: false,
|
|
130
|
+
default: false
|
|
131
|
+
},
|
|
113
132
|
//其他需要传递的参数
|
|
114
133
|
otherParam: {//其他需要传递的参数
|
|
115
134
|
type: String,
|