@cmstops/pro-compo 0.3.41 → 0.3.42

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 (34) hide show
  1. package/dist/index.css +49 -0
  2. package/dist/index.min.css +1 -1
  3. package/es/hooks/useMediaContext.d.ts +12 -0
  4. package/es/index.css +49 -0
  5. package/es/index.d.ts +1 -0
  6. package/es/index.js +1 -0
  7. package/es/index.less +1 -0
  8. package/es/utils/request.js +2 -0
  9. package/es/videoThumb/component.d.ts +0 -0
  10. package/es/videoThumb/component.js +103 -0
  11. package/es/videoThumb/index.d.ts +2 -0
  12. package/es/videoThumb/index.js +7 -0
  13. package/es/videoThumb/scripts/api.d.ts +9 -0
  14. package/es/videoThumb/scripts/api.js +11 -0
  15. package/es/videoThumb/scripts/useVideoThumbs.d.ts +7 -0
  16. package/es/videoThumb/scripts/useVideoThumbs.js +48 -0
  17. package/es/videoThumb/style/css.js +1 -0
  18. package/es/videoThumb/style/index.css +49 -0
  19. package/es/videoThumb/style/index.d.ts +1 -0
  20. package/es/videoThumb/style/index.js +1 -0
  21. package/es/videoThumb/style/index.less +61 -0
  22. package/lib/index.css +49 -0
  23. package/lib/index.js +2 -0
  24. package/lib/index.less +1 -0
  25. package/lib/utils/request.js +2 -0
  26. package/lib/videoThumb/component.js +104 -0
  27. package/lib/videoThumb/index.js +8 -0
  28. package/lib/videoThumb/scripts/api.js +13 -0
  29. package/lib/videoThumb/scripts/useVideoThumbs.js +50 -0
  30. package/lib/videoThumb/style/css.js +2 -0
  31. package/lib/videoThumb/style/index.css +49 -0
  32. package/lib/videoThumb/style/index.js +2 -0
  33. package/lib/videoThumb/style/index.less +61 -0
  34. package/package.json +6 -6
package/lib/videoThumb/style/index.less ADDED
@@ -0,0 +1,61 @@
1
+ .video-thumb {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 10px;
5
+ box-sizing: border-box;
6
+ width: 100%;
7
+ height: 100%;
8
+ padding: 10px;
9
+ overflow: hidden;
10
+
11
+ // 播放器
12
+ .video-player-container {
13
+ display: flex;
14
+ flex: 1;
15
+ flex-direction: column;
16
+ overflow: hidden;
17
+
18
+ video {
19
+ height: 100%;
20
+ }
21
+ }
22
+
23
+ // 视频封面列表
24
+ .video-thumb-list {
25
+ position: relative;
26
+ display: flex;
27
+ height: 80px;
28
+ padding: 20px 0;
29
+
30
+ .video-thumb-list-item {
31
+ flex: 1;
32
+ cursor: pointer;
33
+ user-select: none;
34
+
35
+ img {
36
+ width: 100%;
37
+ height: 100%;
38
+ object-fit: cover;
39
+ transition: all 0.1s ease-in-out;
40
+ // 不允许拖动
41
+ pointer-events: none;
42
+ }
43
+
44
+ &:hover:not(.active) {
45
+ img {
46
+ transform: scale(1.05);
47
+ }
48
+ }
49
+ }
50
+
51
+ .video-thumb-list-drager {
52
+ position: absolute;
53
+ top: 20px;
54
+ left: 0;
55
+ width: 6px;
56
+ height: calc(100% - 40px);
57
+ background-color: rgb(var(--primary-5));
58
+ cursor: pointer;
59
+ }
60
+ }
61
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.3.41",
3
+ "version": "0.3.42",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",
@@ -51,16 +51,16 @@
51
51
  "colorthief": "^2.4.0",
52
52
  "cropperjs": "^1.6.1",
53
53
  "dayjs": "^1.11.9",
54
+ "diff": "^5.2.0",
54
55
  "gif-to-canvas": "^1.0.0",
55
56
  "gif.js": "^0.2.0",
56
57
  "tus-js-client": "^3.1.1",
57
58
  "vue": "^3.2.0",
58
- "vuedraggable": "^4.1.0",
59
- "diff": "^5.2.0"
59
+ "vuedraggable": "^4.1.0"
60
60
  },
61
61
  "devDependencies": {
62
62
  "@arco-design/web-vue": "~2",
63
- "@arco-iconbox/vue-cmstop-icons": "^0.0.29",
63
+ "@arco-iconbox/vue-cmstop-icons": "^0.0.30",
64
64
  "@babel/core": "^7.14.6",
65
65
  "@babel/plugin-proposal-class-properties": "^7.14.5",
66
66
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -90,6 +90,7 @@
90
90
  "colorthief": "^2.4.0",
91
91
  "cropperjs": "^1.6.1",
92
92
  "dayjs": "^1.11.9",
93
+ "diff": "^5.2.0",
93
94
  "eslint": "^7.21.0",
94
95
  "eslint-config-airbnb-base": "^14.2.1",
95
96
  "eslint-config-prettier": "^8.3.0",
@@ -119,8 +120,7 @@
119
120
  "vue": "^3.2.0",
120
121
  "vue-loader": "^16.2.0",
121
122
  "vuedraggable": "^4.1.0",
122
- "webpack": "^5.88.2",
123
- "diff": "^5.2.0"
123
+ "webpack": "^5.88.2"
124
124
  },
125
125
  "arcoMeta": {
126
126
  "type": "vue-library",