@cmstops/pro-compo 0.3.18 → 0.3.20

package/lib/mediaView/style/index.css

@@ -0,0 +1,64 @@
+.media-view-component {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.media-view-component .viewer-close {
+  position: absolute;
+  top: 36px;
+  right: 36px;
+  z-index: 99999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  color: #fff;
+  font-size: 14px;
+  line-height: 32px;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  cursor: pointer;
+}
+.media-view-component .viewer-canvas {
+  display: -webkit-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  -webkit-box-pack: center;
+  -webkit-box-align: center;
+}
+.media-view-component .viewer-canvas .video {
+  z-index: 101;
+  width: 1000px;
+  max-height: 90vh;
+  object-fit: contain;
+  overflow: clip;
+  overflow-clip-margin: content-box;
+}
+.media-view-component .viewer-canvas .audio {
+  width: 400px;
+  height: 54px;
+}
+.media-view-component .viewer-canvas .other {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 240px;
+  height: 200px;
+}
+.media-view-component .viewer-canvas .other img {
+  width: 100%;
+  height: 100%;
+}
+.media-view-component .viewer-canvas .other .text {
+  color: #fff;
+  font-size: 18px;
+}

package/lib/mediaView/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/lib/mediaView/style/index.less

@@ -0,0 +1,71 @@
+.media-view-component {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+
+  .viewer-close {
+    position: absolute;
+    top: 36px;
+    right: 36px;
+    z-index: 99999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    color: #fff;
+    font-size: 14px;
+    line-height: 32px;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 50%;
+    cursor: pointer;
+  }
+
+  .viewer-canvas {
+    display: -webkit-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    -webkit-box-pack: center;
+    -webkit-box-align: center;
+
+    .video {
+      z-index: 101;
+      width: 1000px;
+      max-height: 90vh;
+      object-fit: contain;
+      overflow: clip;
+      overflow-clip-margin: content-box;
+    }
+
+    .audio {
+      width: 400px;
+      height: 54px;
+    }
+
+    .other {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 240px;
+      height: 200px;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+
+      .text {
+        color: #fff;
+        font-size: 18px;
+      }
+    }
+  }
+}

package/lib/resourceModal/components/MediaPreviewer/index.js

@@ -1,6 +1,6 @@
 "use strict";
 var vue = require("vue");
-var unknown = require("../../assets/images/unknown.js");
+var unknown = require("../../../assets/images/unknown.js");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
 const _hoisted_1 = { class: "media-previewer" };

package/lib/resourceModal/components/MediaSelection/MainContent/index.js

@@ -1,11 +1,11 @@
 "use strict";
 var vue = require("vue");
-var _null = require("../../../assets/selection/null.js");
+var _null = require("../../../../assets/selection/null.js");
 var webVue = require("@arco-design/web-vue");
 var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var component = require("../../../../typeIcons/component.js");
 var index = require("./FileTypeThumb/index.js");
-var filter = require("../../../script/filter.js");
+var filter = require("../../../../utils/filter.js");
 const _hoisted_1 = { class: "file-wrap" };
 const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js

@@ -2,7 +2,7 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
-var filter = require("../../../../script/filter.js");
+var filter = require("../../../../../utils/filter.js");
 var api = require("../../../../script/api.js");
 const _hoisted_1 = { class: "toolbar-search-container sysfile-filter-container" };
 const _hoisted_2 = { class: "top-container" };

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js

@@ -1,6 +1,6 @@
 "use strict";
 var vue = require("vue");
-var sys_load_more = require("../../../../assets/images/sys_load_more.js");
+var sys_load_more = require("../../../../../assets/images/sys_load_more.js");
 var webVue = require("@arco-design/web-vue");
 var index = require("../../MainContent/FileTypeThumb/index.js");
 var api = require("../../../../script/api.js");

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/index.js

@@ -1,6 +1,6 @@
 "use strict";
 var vue = require("vue");
-var _null = require("../../../assets/selection/null.js");
+var _null = require("../../../../assets/selection/null.js");
 var webVue = require("@arco-design/web-vue");
 var SystemResourceFilter = require("./components/SystemResourceFilter.js");
 var SystemResourceList = require("./components/SystemResourceList.js");

package/lib/resourceModal/components/MediaSelection/ToolbarSearch/index.js

@@ -2,7 +2,7 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
-var filter = require("../../../script/filter.js");
+var filter = require("../../../../utils/filter.js");
 var api = require("../../../script/api.js");
 const _hoisted_1 = { class: "toolbar-search-container" };
 const _hoisted_2 = { class: "top-container" };

package/lib/resourceModal/style/FileTypeThumb.less

@@ -82,7 +82,7 @@
     width: 100%;
     padding-top: 56.25%;
     background-color: #fff;
-    background-image: url('../assets/images/unknown.png');
+    background-image: url('../../assets/images/unknown.png');
     background-repeat: no-repeat;
     background-repeat: repeat-x;
     background-position: top;
@@ -95,99 +95,99 @@
   }
 
   .audio {
-    background-image: url('../assets/images/music.png') !important;
+    background-image: url('../../assets/images/music.png') !important;
 
     &.doc {
-      background-image: url('../assets/images/draf.png') !important;
+      background-image: url('../../assets/images/draf.png') !important;
     }
   }
 
   .project {
-    background-image: url('../assets/images/project1.png') !important;
+    background-image: url('../../assets/images/project1.png') !important;
   }
 
   .doc {
-    background-image: url('../assets/images/draf.png');
+    background-image: url('../../assets/images/draf.png');
   }
 
   .link {
-    background-image: url('../assets/images/link.png');
+    background-image: url('../../assets/images/link.png');
   }
 
   .sp_topic {
-    background-image: url('../assets/images/link.png');
+    background-image: url('../../assets/images/link.png');
   }
 
   .live {
-    background-image: url('../assets/images/live.png');
+    background-image: url('../../assets/images/live.png');
   }
 
   .pdf {
-    background-image: url('../assets/images/pdf.png') !important;
+    background-image: url('../../assets/images/pdf.png') !important;
   }
 
   .officeexcel {
-    background-image: url('../assets/images/excel.png') !important;
+    background-image: url('../../assets/images/excel.png') !important;
   }
 
   .officeppt {
-    background-image: url('../assets/images/ppt.png') !important;
+    background-image: url('../../assets/images/ppt.png') !important;
   }
 
   .zip {
-    background-image: url('../assets/images/zip.png') !important;
+    background-image: url('../../assets/images/zip.png') !important;
   }
 
   .rar {
-    background-image: url('../assets/images/rar.png') !important;
+    background-image: url('../../assets/images/rar.png') !important;
   }
 
   .txt {
-    background-image: url('../assets/images/txt.png') !important;
+    background-image: url('../../assets/images/txt.png') !important;
   }
 
   .exe {
-    background-image: url('../assets/images/exe.png') !important;
+    background-image: url('../../assets/images/exe.png') !important;
   }
 
   .html {
-    background-image: url('../assets/images/html.png') !important;
+    background-image: url('../../assets/images/html.png') !important;
   }
 
   .officedoc {
-    background-image: url('../assets/images/word.png') !important;
+    background-image: url('../../assets/images/word.png') !important;
   }
 
   .wechat {
-    background-image: url('../assets/images/wechat.png') !important;
+    background-image: url('../../assets/images/wechat.png') !important;
   }
 
   .h5 {
-    background-image: url('../assets/images/h5.png') !important;
+    background-image: url('../../assets/images/h5.png') !important;
   }
 
   .ad {
-    background-image: url('../assets/images/ad.png') !important;
+    background-image: url('../../assets/images/ad.png') !important;
   }
 
   .booklink {
-    background-image: url('../assets/images/booklink.png') !important;
+    background-image: url('../../assets/images/booklink.png') !important;
   }
 
   .activity {
-    background-image: url('../assets/images/activity.png') !important;
+    background-image: url('../../assets/images/activity.png') !important;
   }
 
   .svideo {
-    background-image: url('../assets/images/svideo.png') !important;
+    background-image: url('../../assets/images/svideo.png') !important;
   }
 
   .cloud_lottery {
-    background-image: url('../assets/images/cloud_lottery.png') !important;
+    background-image: url('../../assets/images/cloud_lottery.png') !important;
   }
 
   .cloud_form {
-    background-image: url('../assets/images/cloud_form.png') !important;
+    background-image: url('../../assets/images/cloud_form.png') !important;
   }
 
   .illegal-media-warning {
@@ -196,7 +196,7 @@
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.65);
-    background-image: url('../assets/images/unknown.png');
+    background-image: url('../../assets/images/unknown.png');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 30%;

package/lib/resourceModal/style/MainContent.less

@@ -40,8 +40,8 @@
                 height: 46px;
                 overflow: hidden;
                 font-size: 0;
-                background: url('../assets/selection/folder.png') no-repeat 13px
-                  center;
+                background: url('../../assets/selection/folder.png') no-repeat
+                  13px center;
                 background-size: 17px auto;
                 border: solid 1px transparent;
                 border-radius: 4px;
@@ -136,7 +136,7 @@
               .thumb-wrap {
                 position: relative;
                 width: 100%;
-                background: url('../assets/selection/picBg.png');
+                background: url('../../assets/selection/picBg.png');
               }
 
               h4,

package/lib/resourceModal/style/SystemResourceSelected.less

@@ -104,7 +104,7 @@
       .thumb-wrap {
         position: relative;
         width: 100%;
-        background: url('../assets/selection/picBg.png');
+        background: url('../../assets/selection/picBg.png');
       }
 
       h4,

package/lib/resourceModal/style/index.css

@@ -178,7 +178,7 @@
   height: 46px;
   overflow: hidden;
   font-size: 0;
-  background: url('../assets/selection/folder.png') no-repeat 13px center;
+  background: url('../../assets/selection/folder.png') no-repeat 13px center;
   background-size: 17px auto;
   border: solid 1px transparent;
   border-radius: 4px;
@@ -257,7 +257,7 @@
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap .thumb-wrap {
   position: relative;
   width: 100%;
-  background: url('../assets/selection/picBg.png');
+  background: url('../../assets/selection/picBg.png');
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap h4,
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap p {
@@ -399,7 +399,7 @@
   width: 100%;
   padding-top: 56.25%;
   background-color: #fff;
-  background-image: url('../assets/images/unknown.png');
+  background-image: url('../../assets/images/unknown.png');
   background-repeat: no-repeat;
   background-repeat: repeat-x;
   background-position: top;
@@ -410,76 +410,76 @@
   transition: ease-out 0.4s;
 }
 .file-type-thumb .audio {
-  background-image: url('../assets/images/music.png') !important;
+  background-image: url('../../assets/images/music.png') !important;
 }
 .file-type-thumb .audio.doc {
-  background-image: url('../assets/images/draf.png') !important;
+  background-image: url('../../assets/images/draf.png') !important;
 }
 .file-type-thumb .project {
-  background-image: url('../assets/images/project1.png') !important;
+  background-image: url('../../assets/images/project1.png') !important;
 }
 .file-type-thumb .doc {
-  background-image: url('../assets/images/draf.png');
+  background-image: url('../../assets/images/draf.png');
 }
 .file-type-thumb .link {
-  background-image: url('../assets/images/link.png');
+  background-image: url('../../assets/images/link.png');
 }
 .file-type-thumb .sp_topic {
-  background-image: url('../assets/images/link.png');
+  background-image: url('../../assets/images/link.png');
 }
 .file-type-thumb .live {
-  background-image: url('../assets/images/live.png');
+  background-image: url('../../assets/images/live.png');
 }
 .file-type-thumb .pdf {
-  background-image: url('../assets/images/pdf.png') !important;
+  background-image: url('../../assets/images/pdf.png') !important;
 }
 .file-type-thumb .officeexcel {
-  background-image: url('../assets/images/excel.png') !important;
+  background-image: url('../../assets/images/excel.png') !important;
 }
 .file-type-thumb .officeppt {
-  background-image: url('../assets/images/ppt.png') !important;
+  background-image: url('../../assets/images/ppt.png') !important;
 }
 .file-type-thumb .zip {
-  background-image: url('../assets/images/zip.png') !important;
+  background-image: url('../../assets/images/zip.png') !important;
 }
 .file-type-thumb .rar {
-  background-image: url('../assets/images/rar.png') !important;
+  background-image: url('../../assets/images/rar.png') !important;
 }
 .file-type-thumb .txt {
-  background-image: url('../assets/images/txt.png') !important;
+  background-image: url('../../assets/images/txt.png') !important;
 }
 .file-type-thumb .exe {
-  background-image: url('../assets/images/exe.png') !important;
+  background-image: url('../../assets/images/exe.png') !important;
 }
 .file-type-thumb .html {
-  background-image: url('../assets/images/html.png') !important;
+  background-image: url('../../assets/images/html.png') !important;
 }
 .file-type-thumb .officedoc {
-  background-image: url('../assets/images/word.png') !important;
+  background-image: url('../../assets/images/word.png') !important;
 }
 .file-type-thumb .wechat {
-  background-image: url('../assets/images/wechat.png') !important;
+  background-image: url('../../assets/images/wechat.png') !important;
 }
 .file-type-thumb .h5 {
-  background-image: url('../assets/images/h5.png') !important;
+  background-image: url('../../assets/images/h5.png') !important;
 }
 .file-type-thumb .ad {
-  background-image: url('../assets/images/ad.png') !important;
+  background-image: url('../../assets/images/ad.png') !important;
 }
 .file-type-thumb .booklink {
-  background-image: url('../assets/images/booklink.png') !important;
+  background-image: url('../../assets/images/booklink.png') !important;
 }
 .file-type-thumb .activity {
-  background-image: url('../assets/images/activity.png') !important;
+  background-image: url('../../assets/images/activity.png') !important;
 }
 .file-type-thumb .svideo {
-  background-image: url('../assets/images/svideo.png') !important;
+  background-image: url('../../assets/images/svideo.png') !important;
 }
 .file-type-thumb .cloud_lottery {
-  background-image: url('../assets/images/cloud_lottery.png') !important;
+  background-image: url('../../assets/images/cloud_lottery.png') !important;
 }
 .file-type-thumb .cloud_form {
-  background-image: url('../assets/images/cloud_form.png') !important;
+  background-image: url('../../assets/images/cloud_form.png') !important;
 }
 .file-type-thumb .illegal-media-warning {
   position: absolute;
@@ -487,7 +487,7 @@
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.65);
-  background-image: url('../assets/images/unknown.png');
+  background-image: url('../../assets/images/unknown.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 30%;
@@ -647,7 +647,7 @@
 .sys-res-file-list .item .shadow-wrap .thumb-wrap {
   position: relative;
   width: 100%;
-  background: url('../assets/selection/picBg.png');
+  background: url('../../assets/selection/picBg.png');
 }
 .sys-res-file-list .item .shadow-wrap h4,
 .sys-res-file-list .item .shadow-wrap p {

package/package.json

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