@cmstops/pro-compo 0.3.23 → 0.3.25

package/lib/{mediaGridList → resourceGridList}/index.js

@@ -1,8 +1,8 @@
 "use strict";
 var component = require("./component.js");
-const mediaGridList = Object.assign(component, {
+const resourceGridList = Object.assign(component, {
   install: (app) => {
     app.component(component.name, component);
   }
 });
-module.exports = mediaGridList;
+module.exports = resourceGridList;

package/lib/{mediaGridList → resourceGridList}/style/FileTypeThumb.less

@@ -1,4 +1,4 @@
-.file-type-thumb {
+.resource-grid-file-type-thumb {
   position: relative;
   width: 100%;
 
@@ -59,12 +59,13 @@
 
   .tag {
     position: absolute;
-    top: 8px;
-    left: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding: 2px 8px;
     color: white;
     font-size: 12px;
-    background-color: rgba(#000, #000, #000, 0.4);
+    background-color: rgba(0, 0, 0, 0.2);
     border-radius: 12px;
   }
 

package/lib/{mediaGridList → resourceGridList}/style/index.css

@@ -1,11 +1,11 @@
-.file-type-thumb {
+.resource-grid-file-type-thumb {
   position: relative;
   width: 100%;
 }
-.file-type-thumb:hover .mask {
+.resource-grid-file-type-thumb:hover .mask {
   display: flex;
 }
-.file-type-thumb .mask {
+.resource-grid-file-type-thumb .mask {
   position: absolute;
   top: 0;
   display: none;
@@ -17,56 +17,57 @@
   font-size: 18px;
   background: rgba(0, 0, 0, 0.3);
 }
-.file-type-thumb .mask i {
+.resource-grid-file-type-thumb .mask i {
   display: inline-block;
   cursor: pointer;
 }
-.file-type-thumb .mask i:active {
+.resource-grid-file-type-thumb .mask i:active {
   opacity: 0.4;
 }
-.file-type-thumb .mask .half {
+.resource-grid-file-type-thumb .mask .half {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48%;
   height: 100%;
 }
-.file-type-thumb .mask .half:hover {
+.resource-grid-file-type-thumb .mask .half:hover {
   cursor: pointer;
   opacity: 0.7;
 }
-.file-type-thumb .mask .el-divider {
+.resource-grid-file-type-thumb .mask .el-divider {
   margin: 0;
   opacity: 0.4;
 }
-.file-type-thumb .transparent {
+.resource-grid-file-type-thumb .transparent {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
 }
-.file-type-thumb .transparent:hover {
+.resource-grid-file-type-thumb .transparent:hover {
   cursor: pointer;
 }
-.file-type-thumb .tag {
+.resource-grid-file-type-thumb .tag {
   position: absolute;
-  top: 8px;
-  left: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 2px 8px;
   color: white;
   font-size: 12px;
-  background-color: rgba(#000, #000, #000, 0.4);
+  background-color: rgba(0, 0, 0, 0.2);
   border-radius: 12px;
 }
-.file-type-thumb .rate-info-tag {
+.resource-grid-file-type-thumb .rate-info-tag {
   top: 8px;
   left: 5px;
 }
-.file-type-thumb .ai-tag {
+.resource-grid-file-type-thumb .ai-tag {
   top: 8px;
   right: 5px;
 }
-.file-type-thumb .pic {
+.resource-grid-file-type-thumb .pic {
   width: 100%;
   padding-top: 56.25%;
   background-color: #fff;
@@ -76,83 +77,83 @@
   background-position: top;
   background-size: cover;
 }
-.file-type-thumb .pic:hover {
+.resource-grid-file-type-thumb .pic:hover {
   transform: scale(1.02);
   transition: ease-out 0.4s;
 }
-.file-type-thumb .audio {
+.resource-grid-file-type-thumb .audio {
   background-image: url('../assets/images/music.png') !important;
 }
-.file-type-thumb .audio.doc {
+.resource-grid-file-type-thumb .audio.doc {
   background-image: url('../assets/images/draf.png') !important;
 }
-.file-type-thumb .project {
+.resource-grid-file-type-thumb .project {
   background-image: url('../assets/images/project1.png') !important;
 }
-.file-type-thumb .doc {
+.resource-grid-file-type-thumb .doc {
   background-image: url('../assets/images/draf.png');
 }
-.file-type-thumb .link {
+.resource-grid-file-type-thumb .link {
   background-image: url('../assets/images/link.png');
 }
-.file-type-thumb .sp_topic {
+.resource-grid-file-type-thumb .sp_topic {
   background-image: url('../assets/images/link.png');
 }
-.file-type-thumb .live {
+.resource-grid-file-type-thumb .live {
   background-image: url('../assets/images/live.png');
 }
-.file-type-thumb .pdf {
+.resource-grid-file-type-thumb .pdf {
   background-image: url('../assets/images/pdf.png') !important;
 }
-.file-type-thumb .officeexcel {
+.resource-grid-file-type-thumb .officeexcel {
   background-image: url('../assets/images/excel.png') !important;
 }
-.file-type-thumb .officeppt {
+.resource-grid-file-type-thumb .officeppt {
   background-image: url('../assets/images/ppt.png') !important;
 }
-.file-type-thumb .zip {
+.resource-grid-file-type-thumb .zip {
   background-image: url('../assets/images/zip.png') !important;
 }
-.file-type-thumb .rar {
+.resource-grid-file-type-thumb .rar {
   background-image: url('../assets/images/rar.png') !important;
 }
-.file-type-thumb .txt {
+.resource-grid-file-type-thumb .txt {
   background-image: url('../assets/images/txt.png') !important;
 }
-.file-type-thumb .exe {
+.resource-grid-file-type-thumb .exe {
   background-image: url('../assets/images/exe.png') !important;
 }
-.file-type-thumb .html {
+.resource-grid-file-type-thumb .html {
   background-image: url('../assets/images/html.png') !important;
 }
-.file-type-thumb .officedoc {
+.resource-grid-file-type-thumb .officedoc {
   background-image: url('../assets/images/word.png') !important;
 }
-.file-type-thumb .wechat {
+.resource-grid-file-type-thumb .wechat {
   background-image: url('../assets/images/wechat.png') !important;
 }
-.file-type-thumb .h5 {
+.resource-grid-file-type-thumb .h5 {
   background-image: url('../assets/images/h5.png') !important;
 }
-.file-type-thumb .ad {
+.resource-grid-file-type-thumb .ad {
   background-image: url('../assets/images/ad.png') !important;
 }
-.file-type-thumb .booklink {
+.resource-grid-file-type-thumb .booklink {
   background-image: url('../assets/images/booklink.png') !important;
 }
-.file-type-thumb .activity {
+.resource-grid-file-type-thumb .activity {
   background-image: url('../assets/images/activity.png') !important;
 }
-.file-type-thumb .svideo {
+.resource-grid-file-type-thumb .svideo {
   background-image: url('../assets/images/svideo.png') !important;
 }
-.file-type-thumb .cloud_lottery {
+.resource-grid-file-type-thumb .cloud_lottery {
   background-image: url('../assets/images/cloud_lottery.png') !important;
 }
-.file-type-thumb .cloud_form {
+.resource-grid-file-type-thumb .cloud_form {
   background-image: url('../assets/images/cloud_form.png') !important;
 }
-.file-type-thumb .illegal-media-warning {
+.resource-grid-file-type-thumb .illegal-media-warning {
   position: absolute;
   top: 0;
   width: 100%;
@@ -332,6 +333,11 @@
   line-height: 1em;
   opacity: 0.65;
 }
+.media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap .menu-wrap {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+}
 .media-grid-list-scroll .file-wrap .file-list::after {
   height: 50px;
 }

package/lib/{mediaGridList → resourceGridList}/style/index.less

@@ -187,6 +187,12 @@
             line-height: 1em;
             opacity: 0.65;
           }
+
+          .menu-wrap {
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+          }
         }
       }
 

package/lib/resourceModal/style/FileTypeThumb.less

@@ -59,8 +59,9 @@
 
   .tag {
     position: absolute;
-    top: 8px;
-    left: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding: 2px 8px;
     color: white;
     font-size: 12px;

package/lib/resourceModal/style/index.css

@@ -379,8 +379,9 @@
 }
 .file-type-thumb .tag {
   position: absolute;
-  top: 8px;
-  left: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 2px 8px;
   color: white;
   font-size: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.23",
+  "version": "0.3.25",
   "description": "",
   "keywords": [
     "vue",

package/es/mediaGridList/index.d.ts

@@ -1,2 +0,0 @@
-declare const mediaGridList: any;
-export default mediaGridList;