@ddwl/ddwl-ui 1.1.5-beta.1 → 1.1.5-beta.2

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/packages/file-preview/index.vue +9 -11
  3. package/src/utils/constant.js +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ddwl/ddwl-ui",
3
- "version": "1.1.5-beta.1",
3
+ "version": "1.1.5-beta.2",
4
4
  "private": false,
5
5
  "main": "src/main.js",
6
6
  "style": "lib/theme/index.css",
package/src/packages/file-preview/index.vue CHANGED
@@ -1,11 +1,11 @@
1
1
  <template>
2
2
  <div
3
3
  v-if="visible && list.length"
4
- class="container add"
4
+ class="d-file-preview"
5
5
  >
6
6
  <div
7
7
  ref="leftRef"
8
- class="left"
8
+ class="d-file-preview_left"
9
9
  >
10
10
  <el-tabs
11
11
  v-model="activeTab"
@@ -18,7 +18,7 @@
18
18
  :name="v.type"
19
19
  />
20
20
  </el-tabs>
21
- <ul class="list">
21
+ <ul class="d-file-preview_list">
22
22
  <li
23
23
  v-for="(url, i) in currentFileList"
24
24
  :key="i"
@@ -43,7 +43,7 @@
43
43
  />
44
44
  <div
45
45
  v-show="activeTab !== 'image'"
46
- class="box"
46
+ class="d-file-preview_box"
47
47
  >
48
48
  <span
49
49
  class="el-image-viewer__btn el-image-viewer__close"
@@ -73,9 +73,7 @@
73
73
 
74
74
  <script>
75
75
  import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
76
- const imgExts = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'svg']
77
- const videoExts = ['mp4']
78
- const audioExts = ['mp3', 'wav', 'ogg']
76
+ import {imgExts, videoExts, audioExts} from './utils/constant.js'
79
77
  export default {
80
78
  name: 'DFilePreview',
81
79
  components: { ElImageViewer },
@@ -196,7 +194,7 @@ export default {
196
194
  </script>
197
195
 
198
196
  <style lang="scss" scoped>
199
- .container {
197
+ .d-file-preview {
200
198
  width: 100vw;
201
199
  height: 100vh;
202
200
  position: fixed;
@@ -204,7 +202,7 @@ export default {
204
202
  left: 0;
205
203
  z-index: 99999;
206
204
 
207
- .box {
205
+ &_box {
208
206
  position: fixed;
209
207
  top: 0;
210
208
  left: 0;
@@ -218,7 +216,7 @@ export default {
218
216
  justify-content: center;
219
217
  }
220
218
 
221
- .left {
219
+ &_left {
222
220
  position: fixed;
223
221
  z-index: 3000;
224
222
  width: 220px;
@@ -244,7 +242,7 @@ export default {
244
242
  color: #5f9efd;
245
243
  }
246
244
 
247
- .list {
245
+ &_list {
248
246
  flex: 1;
249
247
  overflow: auto;
250
248
  text-align: center;
package/src/utils/constant.js ADDED
@@ -0,0 +1,3 @@
1
+ export const imgExts = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'svg']
2
+ export const videoExts = ['mp4']
3
+ export const audioExts = ['mp3', 'wav', 'ogg']