@cmstops/pro-compo 3.9.1-harbin.0 → 3.9.1-harbin.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 (249) hide show
  1. package/README.md +107 -107
  2. package/dist/gif.worker.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.min.js.map +1 -1
  5. package/es/appCenter/style/index.less +120 -120
  6. package/es/baseFilter/components/FilterGroup.js +1 -1
  7. package/es/baseFilter/style/filterGroup.less +53 -53
  8. package/es/baseFilter/style/index.less +45 -45
  9. package/es/colorPalette/style/index.less +44 -44
  10. package/es/contentDetailList/components/Content/CompoItem/index.js +1 -1
  11. package/es/contentDetailList/components/Content/ContentListItem/index.js +1 -1
  12. package/es/contentDetailList/components/Content/DocItem/index.js +1 -1
  13. package/es/contentDetailList/components/Content/DocMpItem/index.js +1 -1
  14. package/es/contentDetailList/components/Content/GroupPieceItem/index.js +1 -1
  15. package/es/contentDetailList/components/Content/KongoNavItem/index.js +1 -1
  16. package/es/contentDetailList/components/Content/LiveItem/index.js +1 -1
  17. package/es/contentDetailList/components/Content/MaccountItem/index.js +1 -1
  18. package/es/contentDetailList/components/Content/courseItem/index.js +1 -1
  19. package/es/contentDetailList/components/Content/funhdItem/index.js +1 -1
  20. package/es/contentDetailList/components/CustomWrp/CustomItem.js +1 -1
  21. package/es/contentDetailList/components/ShowQRCode/QrcodeView/index.js +2 -2
  22. package/es/contentDetailList/style/ComoItem.less +99 -99
  23. package/es/contentDetailList/style/Content.less +49 -49
  24. package/es/contentDetailList/style/ContentListItem.less +132 -132
  25. package/es/contentDetailList/style/CustomItem.less +25 -25
  26. package/es/contentDetailList/style/Doc.less +3 -3
  27. package/es/contentDetailList/style/DocItem.less +152 -152
  28. package/es/contentDetailList/style/DocMpItem.less +135 -135
  29. package/es/contentDetailList/style/GroupPieceItem.less +108 -108
  30. package/es/contentDetailList/style/KongoNavItem.less +104 -104
  31. package/es/contentDetailList/style/LiveItem.less +108 -108
  32. package/es/contentDetailList/style/MaccountItem.less +111 -111
  33. package/es/contentDetailList/style/MatrixItem.less +214 -214
  34. package/es/contentDetailList/style/QrCodeView.less +93 -93
  35. package/es/contentDetailList/style/ShowQRCode.less +3 -3
  36. package/es/contentDetailList/style/courseItem.less +108 -108
  37. package/es/contentDetailList/style/funhdItem.less +108 -108
  38. package/es/contentDetailList/style/index.less +30 -30
  39. package/es/contentModal/component.js +8 -8
  40. package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js +177 -6
  41. package/es/contentModal/components/ViewAllColumn/columnTree/index.js +151 -0
  42. package/es/contentModal/components/storeBox/index.js +2 -2
  43. package/es/contentModal/script/api.js +7 -1
  44. package/es/contentModal/style/MediaFilter.less +47 -47
  45. package/es/contentModal/style/ViewAllColumn.less +68 -68
  46. package/es/contentModal/style/columnTree.less +32 -32
  47. package/es/contentModal/style/index.less +23 -23
  48. package/es/contentModal/style/storeBox.less +55 -55
  49. package/es/dataTags/component.js +5 -5
  50. package/es/dataTags/style/index.less +73 -73
  51. package/es/docHistory/component.js +1 -1
  52. package/es/docHistory/style/docDiffPanel.less +43 -43
  53. package/es/docHistory/style/docHistoryList.less +58 -58
  54. package/es/docHistory/style/index.less +37 -37
  55. package/es/docPreview/component.js +5 -5
  56. package/es/docPreview/style/index.less +140 -140
  57. package/es/docPreview/style/previewIframe.less +36 -36
  58. package/es/editMetaInfo/components/metaInfoForm.js +2 -2
  59. package/es/editMetaInfo/style/index.less +60 -60
  60. package/es/emptyData/style/index.less +34 -34
  61. package/es/gif.worker.js +3 -3
  62. package/es/imageCrop/component.js +2 -2
  63. package/es/imageCrop/style/cropper.less +291 -291
  64. package/es/imageCrop/style/imageCropper.less +133 -133
  65. package/es/imageCrop/style/index.less +2 -2
  66. package/es/importData/component.js +4 -4
  67. package/es/importData/style/index.less +48 -48
  68. package/es/index.less +30 -30
  69. package/es/mediaFilter/components/DocFilter.js +1 -1
  70. package/es/mediaFilter/components/FilterGroup.js +1 -1
  71. package/es/mediaFilter/style/index.less +115 -115
  72. package/es/mediaView/style/index.less +71 -71
  73. package/es/messageBox/component.js +1 -1
  74. package/es/messageBox/list.js +1 -1
  75. package/es/messageBox/style/index.less +76 -76
  76. package/es/previousVersion/style/index.less +209 -209
  77. package/es/resourceGridList/component.js +1 -1
  78. package/es/resourceGridList/style/FileTypeThumb.less +96 -96
  79. package/es/resourceGridList/style/index.less +233 -233
  80. package/es/resourceModal/component.js +1 -1
  81. package/es/resourceModal/components/MediaSelection/MainContent/index.js +1 -1
  82. package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js +1 -1
  83. package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +1 -1
  84. package/es/resourceModal/components/MediaSelection/ToolbarSearch/index.js +1 -1
  85. package/es/resourceModal/style/DocAiMediaSelected.less +55 -55
  86. package/es/resourceModal/style/FileTypeThumb.less +205 -205
  87. package/es/resourceModal/style/MainContent.less +222 -222
  88. package/es/resourceModal/style/MediaPreviewer.less +71 -71
  89. package/es/resourceModal/style/MediaSelection.less +69 -69
  90. package/es/resourceModal/style/SystemResourceSelected.less +154 -154
  91. package/es/resourceModal/style/ToolbarSearch.less +53 -53
  92. package/es/resourceModal/style/index.less +18 -18
  93. package/es/selectAddTo/component.js +1 -1
  94. package/es/selectAddTo/components/SelectAddToView.js +3 -3
  95. package/es/selectAddTo/components/ViewAllColumn/index.js +1 -1
  96. package/es/selectAddTo/style/index.less +3 -3
  97. package/es/selectAvatarList/style/index.less +4 -4
  98. package/es/selectGategory/component.js +1 -1
  99. package/es/selectGategory/style/ColumnSelection.less +190 -190
  100. package/es/selectGategory/style/index.less +40 -40
  101. package/es/selectResourceModal/component.js +5 -5
  102. package/es/selectResourceModal/components/List/ListLocal/Upload.js +2 -2
  103. package/es/selectResourceModal/components/List/ListLocal/index.js +1 -1
  104. package/es/selectResourceModal/components/List/ListNormal/Filter.js +5 -5
  105. package/es/selectResourceModal/components/List/ListSystem/Filter.js +1 -1
  106. package/es/selectResourceModal/components/List/ListSystem/SubList.js +1 -1
  107. package/es/selectResourceModal/style/index.less +55 -55
  108. package/es/selectResourceModal/style/list.less +203 -203
  109. package/es/selectResourceModal/style/listCardWrapper.less +97 -97
  110. package/es/selectResourceModal/style/listSelected.less +94 -94
  111. package/es/selectThumb/component.js +8 -8
  112. package/es/selectThumb/style/card.less +95 -95
  113. package/es/selectThumb/style/colorPalette.less +30 -30
  114. package/es/selectThumb/style/index.less +62 -62
  115. package/es/style/index.less +1 -1
  116. package/es/style.css +18 -18
  117. package/es/thumbCard/style/index.less +90 -90
  118. package/es/thumbCard/style/thumbUploading.less +26 -26
  119. package/es/typeIcons/style/index.less +6 -6
  120. package/es/uploadBefore/components/UploadBefore.js +1 -1
  121. package/es/uploadBefore/style/index.less +144 -144
  122. package/es/uploadStep/style/index.less +152 -152
  123. package/es/userAvater/component.js +1 -1
  124. package/es/userAvater/style/index.less +54 -54
  125. package/es/userDirector/component.js +1 -1
  126. package/es/userDirector/style/index.less +96 -96
  127. package/es/videoThumb/style/index.less +77 -77
  128. package/lib/appCenter/style/index.less +120 -120
  129. package/lib/baseFilter/components/FilterGroup.js +1 -1
  130. package/lib/baseFilter/style/filterGroup.less +53 -53
  131. package/lib/baseFilter/style/index.less +45 -45
  132. package/lib/colorPalette/style/index.less +44 -44
  133. package/lib/contentDetailList/components/Content/CompoItem/index.js +1 -1
  134. package/lib/contentDetailList/components/Content/ContentListItem/index.js +1 -1
  135. package/lib/contentDetailList/components/Content/DocItem/index.js +1 -1
  136. package/lib/contentDetailList/components/Content/DocMpItem/index.js +1 -1
  137. package/lib/contentDetailList/components/Content/GroupPieceItem/index.js +1 -1
  138. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +1 -1
  139. package/lib/contentDetailList/components/Content/LiveItem/index.js +1 -1
  140. package/lib/contentDetailList/components/Content/MaccountItem/index.js +1 -1
  141. package/lib/contentDetailList/components/Content/courseItem/index.js +1 -1
  142. package/lib/contentDetailList/components/Content/funhdItem/index.js +1 -1
  143. package/lib/contentDetailList/components/CustomWrp/CustomItem.js +1 -1
  144. package/lib/contentDetailList/components/ShowQRCode/QrcodeView/index.js +2 -2
  145. package/lib/contentDetailList/style/ComoItem.less +99 -99
  146. package/lib/contentDetailList/style/Content.less +49 -49
  147. package/lib/contentDetailList/style/ContentListItem.less +132 -132
  148. package/lib/contentDetailList/style/CustomItem.less +25 -25
  149. package/lib/contentDetailList/style/Doc.less +3 -3
  150. package/lib/contentDetailList/style/DocItem.less +152 -152
  151. package/lib/contentDetailList/style/DocMpItem.less +135 -135
  152. package/lib/contentDetailList/style/GroupPieceItem.less +108 -108
  153. package/lib/contentDetailList/style/KongoNavItem.less +104 -104
  154. package/lib/contentDetailList/style/LiveItem.less +108 -108
  155. package/lib/contentDetailList/style/MaccountItem.less +111 -111
  156. package/lib/contentDetailList/style/MatrixItem.less +214 -214
  157. package/lib/contentDetailList/style/QrCodeView.less +93 -93
  158. package/lib/contentDetailList/style/ShowQRCode.less +3 -3
  159. package/lib/contentDetailList/style/courseItem.less +108 -108
  160. package/lib/contentDetailList/style/funhdItem.less +108 -108
  161. package/lib/contentDetailList/style/index.less +30 -30
  162. package/lib/contentModal/component.js +8 -8
  163. package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js +176 -5
  164. package/lib/contentModal/components/ViewAllColumn/columnTree/index.js +152 -0
  165. package/lib/contentModal/components/storeBox/index.js +2 -2
  166. package/lib/contentModal/script/api.js +7 -0
  167. package/lib/contentModal/style/MediaFilter.less +47 -47
  168. package/lib/contentModal/style/ViewAllColumn.less +68 -68
  169. package/lib/contentModal/style/columnTree.less +32 -32
  170. package/lib/contentModal/style/index.less +23 -23
  171. package/lib/contentModal/style/storeBox.less +55 -55
  172. package/lib/dataTags/component.js +5 -5
  173. package/lib/dataTags/style/index.less +73 -73
  174. package/lib/docHistory/component.js +1 -1
  175. package/lib/docHistory/style/docDiffPanel.less +43 -43
  176. package/lib/docHistory/style/docHistoryList.less +58 -58
  177. package/lib/docHistory/style/index.less +37 -37
  178. package/lib/docPreview/component.js +5 -5
  179. package/lib/docPreview/style/index.less +140 -140
  180. package/lib/docPreview/style/previewIframe.less +36 -36
  181. package/lib/editMetaInfo/components/metaInfoForm.js +2 -2
  182. package/lib/editMetaInfo/style/index.less +60 -60
  183. package/lib/emptyData/style/index.less +34 -34
  184. package/lib/imageCrop/component.js +2 -2
  185. package/lib/imageCrop/style/cropper.less +291 -291
  186. package/lib/imageCrop/style/imageCropper.less +133 -133
  187. package/lib/imageCrop/style/index.less +2 -2
  188. package/lib/importData/component.js +4 -4
  189. package/lib/importData/style/index.less +48 -48
  190. package/lib/index.less +30 -30
  191. package/lib/mediaFilter/components/DocFilter.js +1 -1
  192. package/lib/mediaFilter/components/FilterGroup.js +1 -1
  193. package/lib/mediaFilter/style/index.less +115 -115
  194. package/lib/mediaView/style/index.less +71 -71
  195. package/lib/messageBox/component.js +1 -1
  196. package/lib/messageBox/list.js +1 -1
  197. package/lib/messageBox/style/index.less +76 -76
  198. package/lib/previousVersion/style/index.less +209 -209
  199. package/lib/resourceGridList/component.js +1 -1
  200. package/lib/resourceGridList/style/FileTypeThumb.less +96 -96
  201. package/lib/resourceGridList/style/index.less +233 -233
  202. package/lib/resourceModal/component.js +1 -1
  203. package/lib/resourceModal/components/MediaSelection/MainContent/index.js +1 -1
  204. package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js +1 -1
  205. package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +1 -1
  206. package/lib/resourceModal/components/MediaSelection/ToolbarSearch/index.js +1 -1
  207. package/lib/resourceModal/style/DocAiMediaSelected.less +55 -55
  208. package/lib/resourceModal/style/FileTypeThumb.less +205 -205
  209. package/lib/resourceModal/style/MainContent.less +222 -222
  210. package/lib/resourceModal/style/MediaPreviewer.less +71 -71
  211. package/lib/resourceModal/style/MediaSelection.less +69 -69
  212. package/lib/resourceModal/style/SystemResourceSelected.less +154 -154
  213. package/lib/resourceModal/style/ToolbarSearch.less +53 -53
  214. package/lib/resourceModal/style/index.less +18 -18
  215. package/lib/selectAddTo/component.js +1 -1
  216. package/lib/selectAddTo/components/SelectAddToView.js +3 -3
  217. package/lib/selectAddTo/components/ViewAllColumn/index.js +1 -1
  218. package/lib/selectAddTo/style/index.less +3 -3
  219. package/lib/selectAvatarList/style/index.less +4 -4
  220. package/lib/selectGategory/component.js +1 -1
  221. package/lib/selectGategory/style/ColumnSelection.less +190 -190
  222. package/lib/selectGategory/style/index.less +40 -40
  223. package/lib/selectResourceModal/component.js +5 -5
  224. package/lib/selectResourceModal/components/List/ListLocal/Upload.js +2 -2
  225. package/lib/selectResourceModal/components/List/ListLocal/index.js +1 -1
  226. package/lib/selectResourceModal/components/List/ListNormal/Filter.js +5 -5
  227. package/lib/selectResourceModal/components/List/ListSystem/Filter.js +1 -1
  228. package/lib/selectResourceModal/components/List/ListSystem/SubList.js +1 -1
  229. package/lib/selectResourceModal/style/index.less +55 -55
  230. package/lib/selectResourceModal/style/list.less +203 -203
  231. package/lib/selectResourceModal/style/listCardWrapper.less +97 -97
  232. package/lib/selectResourceModal/style/listSelected.less +94 -94
  233. package/lib/selectThumb/component.js +8 -8
  234. package/lib/selectThumb/style/card.less +95 -95
  235. package/lib/selectThumb/style/colorPalette.less +30 -30
  236. package/lib/selectThumb/style/index.less +62 -62
  237. package/lib/style/index.less +1 -1
  238. package/lib/thumbCard/style/index.less +90 -90
  239. package/lib/thumbCard/style/thumbUploading.less +26 -26
  240. package/lib/typeIcons/style/index.less +6 -6
  241. package/lib/uploadBefore/components/UploadBefore.js +1 -1
  242. package/lib/uploadBefore/style/index.less +144 -144
  243. package/lib/uploadStep/style/index.less +152 -152
  244. package/lib/userAvater/component.js +1 -1
  245. package/lib/userAvater/style/index.less +54 -54
  246. package/lib/userDirector/component.js +1 -1
  247. package/lib/userDirector/style/index.less +96 -96
  248. package/lib/videoThumb/style/index.less +77 -77
  249. package/package.json +138 -138
@@ -1,62 +1,62 @@
1
- .select-thumb-container {
2
- position: relative;
3
- @radio-button-size: 32px;
4
- @import './card.less';
5
- @import './colorPalette.less';
6
-
7
- .arco-trigger-popup {
8
- .arco-popover-popup-content {
9
- padding: 0;
10
-
11
- .arco-popover-content {
12
- div {
13
- padding: 5px 10px;
14
-
15
- &:hover {
16
- background-color: #f3f6f9;
17
- cursor: pointer;
18
- }
19
- }
20
- }
21
- }
22
- }
23
-
24
- .title {
25
- margin-bottom: 10px;
26
- color: #4e5969;
27
- font-weight: 700;
28
- font-size: 14px;
29
- }
30
-
31
- .tip {
32
- display: inline-block;
33
- color: rgba(78, 89, 105, 0.4);
34
- font-size: 12px;
35
- }
36
-
37
- .thumbbox {
38
- margin-bottom: 10px;
39
- }
40
-
41
- .thumb-list-view {
42
- display: flex;
43
- align-items: center;
44
- margin-bottom: 10px;
45
- }
46
-
47
- .star {
48
- margin-right: 2px !important;
49
- color: red;
50
- }
51
-
52
- .flex {
53
- display: flex;
54
- }
55
-
56
- .color-picker-input {
57
- width: @radio-button-size;
58
- height: @radio-button-size;
59
- padding: 0 2px;
60
- border: none;
61
- }
62
- }
1
+ .select-thumb-container {
2
+ position: relative;
3
+ @radio-button-size: 32px;
4
+ @import './card.less';
5
+ @import './colorPalette.less';
6
+
7
+ .arco-trigger-popup {
8
+ .arco-popover-popup-content {
9
+ padding: 0;
10
+
11
+ .arco-popover-content {
12
+ div {
13
+ padding: 5px 10px;
14
+
15
+ &:hover {
16
+ background-color: #f3f6f9;
17
+ cursor: pointer;
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
23
+
24
+ .title {
25
+ margin-bottom: 10px;
26
+ color: #4e5969;
27
+ font-weight: 700;
28
+ font-size: 14px;
29
+ }
30
+
31
+ .tip {
32
+ display: inline-block;
33
+ color: rgba(78, 89, 105, 0.4);
34
+ font-size: 12px;
35
+ }
36
+
37
+ .thumbbox {
38
+ margin-bottom: 10px;
39
+ }
40
+
41
+ .thumb-list-view {
42
+ display: flex;
43
+ align-items: center;
44
+ margin-bottom: 10px;
45
+ }
46
+
47
+ .star {
48
+ margin-right: 2px !important;
49
+ color: red;
50
+ }
51
+
52
+ .flex {
53
+ display: flex;
54
+ }
55
+
56
+ .color-picker-input {
57
+ width: @radio-button-size;
58
+ height: @radio-button-size;
59
+ padding: 0 2px;
60
+ border: none;
61
+ }
62
+ }
@@ -1 +1 @@
1
- // Global Style
1
+ // Global Style
package/es/style.css CHANGED
@@ -1,13 +1,7 @@
1
- .content-tabs[data-v-11378b64] .arco-tabs-content {
1
+ .content-tabs[data-v-7f81762c] .arco-tabs-content {
2
2
  padding: 0;
3
3
  }
4
- .add-content-modal-body[data-v-11378b64] {
5
- padding: 0;
6
- }
7
- .content-tabs[data-v-0bb214ab] .arco-tabs-content {
8
- padding: 0;
9
- }
10
- .add-content-modal-body[data-v-0bb214ab] {
4
+ .add-content-modal-body[data-v-7f81762c] {
11
5
  padding: 0;
12
6
  }
13
7
  .type-icons-container {
@@ -16,54 +10,60 @@
16
10
  line-height: 12px;
17
11
  font-size: 18px;
18
12
  }
19
- .view-all-column-container[data-v-8924ea74] {
13
+ .content-tabs[data-v-00adfb7c] .arco-tabs-content {
14
+ padding: 0;
15
+ }
16
+ .add-content-modal-body[data-v-00adfb7c] {
17
+ padding: 0;
18
+ }
19
+ .view-all-column-container[data-v-01c2d0b8] {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  height: 100%;
23
23
  }
24
- .content-table-view[data-v-8924ea74] {
24
+ .content-table-view[data-v-01c2d0b8] {
25
25
  flex: 1;
26
26
  overflow: auto;
27
27
  margin: 16px 0;
28
28
  }
29
- .bottom-view[data-v-8924ea74] {
29
+ .bottom-view[data-v-01c2d0b8] {
30
30
  display: flex;
31
31
  justify-content: space-between;
32
32
  align-items: center;
33
33
  padding: 16px 0;
34
34
  }
35
- .bottom-view .left[data-v-8924ea74] {
35
+ .bottom-view .left[data-v-01c2d0b8] {
36
36
  display: flex;
37
37
  align-items: center;
38
38
  gap: 16px;
39
39
  }
40
- .title-span[data-v-8924ea74] {
40
+ .title-span[data-v-01c2d0b8] {
41
41
  display: flex;
42
42
  align-items: center;
43
43
  gap: 8px;
44
44
  }
45
- .title-span .icon[data-v-8924ea74] {
45
+ .title-span .icon[data-v-01c2d0b8] {
46
46
  font-size: 16px;
47
47
  }
48
- .title-span .title[data-v-8924ea74] {
48
+ .title-span .title[data-v-01c2d0b8] {
49
49
  flex: 1;
50
50
  overflow: hidden;
51
51
  text-overflow: ellipsis;
52
52
  white-space: nowrap;
53
53
  }
54
- .pic-thumb-img[data-v-8924ea74] {
54
+ .pic-thumb-img[data-v-01c2d0b8] {
55
55
  width: 80px;
56
56
  height: 80px;
57
57
  object-fit: cover;
58
58
  border-radius: 4px;
59
59
  }
60
- .pic-thumb-img.placeholder[data-v-8924ea74] {
60
+ .pic-thumb-img.placeholder[data-v-01c2d0b8] {
61
61
  background-color: #f5f5f5;
62
62
  display: flex;
63
63
  align-items: center;
64
64
  justify-content: center;
65
65
  }
66
- .pic-thumb-img.placeholder .placeholder-text[data-v-8924ea74] {
66
+ .pic-thumb-img.placeholder .placeholder-text[data-v-01c2d0b8] {
67
67
  color: #999;
68
68
  font-size: 12px;
69
69
  }
@@ -1,90 +1,90 @@
1
- @import './thumbUploading.less';
2
-
3
- .thumb-select-wrapper {
4
- position: relative;
5
- display: flex;
6
- align-items: center;
7
- justify-content: center;
8
- // 高度宽度不在这里定义,根据具体的业务场景去处理,更灵活
9
- width: 100%;
10
- height: 100%;
11
- overflow: hidden;
12
- border-radius: 2px;
13
- cursor: pointer;
14
-
15
- // 样式
16
- .thumb-image {
17
- img {
18
- width: 100%;
19
- height: 100%;
20
- user-select: none;
21
- -webkit-user-drag: none;
22
- }
23
- }
24
-
25
- // 扩展按钮
26
- .thumb-handler-list {
27
- position: absolute;
28
- bottom: 0;
29
- display: flex;
30
- gap: 10px;
31
- align-items: center;
32
- justify-content: center;
33
- width: 100%;
34
- height: 40px;
35
- opacity: 0;
36
- transition: all 0.3s ease-in-out;
37
-
38
- &.thumb-handler-always {
39
- opacity: 1 !important;
40
- }
41
-
42
- .handler-item {
43
- padding: 0 8px;
44
- color: #fff;
45
- font-size: 12px;
46
- line-height: 26px;
47
- // 50%透明度
48
- background-color: #000000b3;
49
- border-radius: 2px;
50
- cursor: pointer;
51
-
52
- &:hover {
53
- color: rgba(255, 255, 255, 0.7);
54
- }
55
- }
56
- }
57
-
58
- &:hover {
59
- .thumb-handler-list {
60
- opacity: 1;
61
- }
62
-
63
- .thumb-select-tag {
64
- opacity: 0;
65
- }
66
- }
67
-
68
- // 非马赛克模式
69
- &.thumb-no-mask {
70
- background-color: #f2f3f5;
71
- border: 1px dashed #e5e6eb !important;
72
- }
73
-
74
- .thumb-select-tag {
75
- position: absolute;
76
- right: 5px;
77
- bottom: 5px;
78
- display: flex;
79
- gap: 2px;
80
- align-items: center;
81
- padding: 2px 5px;
82
- color: #fff;
83
- font-size: 12px;
84
- line-height: 14px;
85
- background-color: rgba(0, 0, 0, 0.5);
86
- border-radius: 16px;
87
- opacity: 1;
88
- transition: all 0.3s ease-in-out;
89
- }
90
- }
1
+ @import './thumbUploading.less';
2
+
3
+ .thumb-select-wrapper {
4
+ position: relative;
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: center;
8
+ // 高度宽度不在这里定义,根据具体的业务场景去处理,更灵活
9
+ width: 100%;
10
+ height: 100%;
11
+ overflow: hidden;
12
+ border-radius: 2px;
13
+ cursor: pointer;
14
+
15
+ // 样式
16
+ .thumb-image {
17
+ img {
18
+ width: 100%;
19
+ height: 100%;
20
+ user-select: none;
21
+ -webkit-user-drag: none;
22
+ }
23
+ }
24
+
25
+ // 扩展按钮
26
+ .thumb-handler-list {
27
+ position: absolute;
28
+ bottom: 0;
29
+ display: flex;
30
+ gap: 10px;
31
+ align-items: center;
32
+ justify-content: center;
33
+ width: 100%;
34
+ height: 40px;
35
+ opacity: 0;
36
+ transition: all 0.3s ease-in-out;
37
+
38
+ &.thumb-handler-always {
39
+ opacity: 1 !important;
40
+ }
41
+
42
+ .handler-item {
43
+ padding: 0 8px;
44
+ color: #fff;
45
+ font-size: 12px;
46
+ line-height: 26px;
47
+ // 50%透明度
48
+ background-color: #000000b3;
49
+ border-radius: 2px;
50
+ cursor: pointer;
51
+
52
+ &:hover {
53
+ color: rgba(255, 255, 255, 0.7);
54
+ }
55
+ }
56
+ }
57
+
58
+ &:hover {
59
+ .thumb-handler-list {
60
+ opacity: 1;
61
+ }
62
+
63
+ .thumb-select-tag {
64
+ opacity: 0;
65
+ }
66
+ }
67
+
68
+ // 非马赛克模式
69
+ &.thumb-no-mask {
70
+ background-color: #f2f3f5;
71
+ border: 1px dashed #e5e6eb !important;
72
+ }
73
+
74
+ .thumb-select-tag {
75
+ position: absolute;
76
+ right: 5px;
77
+ bottom: 5px;
78
+ display: flex;
79
+ gap: 2px;
80
+ align-items: center;
81
+ padding: 2px 5px;
82
+ color: #fff;
83
+ font-size: 12px;
84
+ line-height: 14px;
85
+ background-color: rgba(0, 0, 0, 0.5);
86
+ border-radius: 16px;
87
+ opacity: 1;
88
+ transition: all 0.3s ease-in-out;
89
+ }
90
+ }
@@ -1,26 +1,26 @@
1
- // loading 模式
2
- .thumb-upload-loading {
3
- display: flex;
4
- flex-direction: column;
5
- align-items: center;
6
- justify-content: center;
7
- width: 100%;
8
- height: 100%;
9
- background-color: rgba(0, 0, 0, 0.5);
10
-
11
- .arco-progress-circle-text {
12
- color: #fff;
13
- }
14
-
15
- .thumb-upload-text {
16
- color: #fff;
17
-
18
- &-success {
19
- color: rgb(var(--success-2));
20
- }
21
-
22
- &-error {
23
- color: rgb(var(--danger-6));
24
- }
25
- }
26
- }
1
+ // loading 模式
2
+ .thumb-upload-loading {
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: center;
7
+ width: 100%;
8
+ height: 100%;
9
+ background-color: rgba(0, 0, 0, 0.5);
10
+
11
+ .arco-progress-circle-text {
12
+ color: #fff;
13
+ }
14
+
15
+ .thumb-upload-text {
16
+ color: #fff;
17
+
18
+ &-success {
19
+ color: rgb(var(--success-2));
20
+ }
21
+
22
+ &-error {
23
+ color: rgb(var(--danger-6));
24
+ }
25
+ }
26
+ }
@@ -1,6 +1,6 @@
1
- .type-icons-container {
2
- display: inline-block;
3
- vertical-align: middle;
4
- line-height: 12px;
5
- font-size: 18px;
6
- }
1
+ .type-icons-container {
2
+ display: inline-block;
3
+ vertical-align: middle;
4
+ line-height: 12px;
5
+ font-size: 18px;
6
+ }
@@ -122,7 +122,7 @@ const _sfc_main = defineComponent({
122
122
  onCancel: handleClose
123
123
  }, {
124
124
  title: withCtx(() => _cache[1] || (_cache[1] = [
125
- createTextVNode("\u4E0A\u4F20\u914D\u7F6E", -1)
125
+ createTextVNode("\u4E0A\u4F20\u914D\u7F6E")
126
126
  ])),
127
127
  default: withCtx(() => [
128
128
  createElementVNode("div", _hoisted_1, [