@lambo-design/upload-file 1.0.0-beta.33 → 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.
Files changed (2) hide show
  1. package/package.json +3 -3
  2. package/src/index.vue +20 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lambo-design/upload-file",
3
- "version": "1.0.0-beta.33",
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/shared": "^1.0.0-beta.282",
16
- "@lambo-design/core": "^4.7.1-beta.167"
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">
@@ -22,7 +22,7 @@
22
22
  :accept="accept"
23
23
  @change="readFile($event, 1)"/>
24
24
  <div class="upload-file-list" v-if="showFileList && resultList.length > 0">
25
- <List border size="small">
25
+ <List v-if="!isTableCell" border size="small">
26
26
  <ListItem v-for="item in resultList" :key="item.fileId ? item.fileId : item.fileCode">
27
27
  <div span="21">
28
28
  <a :href="item.fileUrl ? item.fileUrl : item.fileId ? (downloadUrl + item.fileId) : (downloadUrl + item.fileCode)">
@@ -36,6 +36,18 @@
36
36
  </div>
37
37
  </ListItem>
38
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>
39
51
  </div>
40
52
  </div>
41
53
  </template>
@@ -111,6 +123,12 @@ export default {
111
123
  required: false,
112
124
  default: false
113
125
  },
126
+ //是否为编辑表格内的元素
127
+ isTableCell: {
128
+ type: Boolean,
129
+ required: false,
130
+ default: false
131
+ },
114
132
  //其他需要传递的参数
115
133
  otherParam: {//其他需要传递的参数
116
134
  type: String,