@cmstops/pro-compo 0.3.18 → 0.3.20

package/es/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/es/mediaView/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/mediaView/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/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/es/resourceModal/components/MediaPreviewer/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, Fragment, createVNode, unref, withDirectives, createElementVNode, vShow } from "vue";
-import _imports_0 from "../../assets/images/unknown.js";
+import _imports_0 from "../../../assets/images/unknown.js";
 import { ImagePreview } from "@arco-design/web-vue";
 import { IconClose } from "@arco-design/web-vue/es/icon";
 const _hoisted_1 = { class: "media-previewer" };

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

@@ -1,10 +1,10 @@
 import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, createVNode, toDisplayString, createTextVNode, vShow, normalizeClass } from "vue";
-import _imports_0 from "../../../assets/selection/null.js";
+import _imports_0 from "../../../../assets/selection/null.js";
 import { Scrollbar, Tooltip, Button } from "@arco-design/web-vue";
 import { IconDoubleDown, IconDoubleUp } from "@arco-iconbox/vue-cmstop-icons";
 import _sfc_main$2 from "../../../../typeIcons/component.js";
 import _sfc_main$1 from "./FileTypeThumb/index.js";
-import { timeFormat } from "../../../script/filter.js";
+import { timeFormat } from "../../../../utils/filter.js";
 const _hoisted_1 = { class: "file-wrap" };
 const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];

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

@@ -1,7 +1,7 @@
 import { defineComponent, inject, ref, computed, watch, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, unref, withCtx, Fragment, renderList, createBlock, withDirectives, createTextVNode, vShow } from "vue";
 import { Input, Select, Option, Button } from "@arco-design/web-vue";
 import { IconRefresh } from "@arco-design/web-vue/es/icon";
-import { rateOptions } from "../../../../script/filter.js";
+import { rateOptions } from "../../../../../utils/filter.js";
 import { getSysRsClassifyList } from "../../../../script/api.js";
 const _hoisted_1 = { class: "toolbar-search-container sysfile-filter-container" };
 const _hoisted_2 = { class: "top-container" };

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

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, createTextVNode } from "vue";
-import _imports_0 from "../../../../assets/images/sys_load_more.js";
+import _imports_0 from "../../../../../assets/images/sys_load_more.js";
 import { Tooltip } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../MainContent/FileTypeThumb/index.js";
 import { getSysRsPage } from "../../../../script/api.js";

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

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, computed, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, vShow, createCommentVNode } from "vue";
-import _imports_0 from "../../../assets/selection/null.js";
+import _imports_0 from "../../../../assets/selection/null.js";
 import { Scrollbar } from "@arco-design/web-vue";
 import _sfc_main$1 from "./components/SystemResourceFilter.js";
 import _sfc_main$2 from "./components/SystemResourceList.js";

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, unref, createBlock, withCtx, Fragment, renderList, createCommentVNode, withDirectives, createTextVNode, vShow, normalizeClass, toDisplayString } from "vue";
 import { Input, RangePicker, Select, Option, Button } from "@arco-design/web-vue";
 import { IconRefresh, IconUpload } from "@arco-design/web-vue/es/icon";
-import { rateOptions, keywordsSelection } from "../../../script/filter.js";
+import { rateOptions, keywordsSelection } from "../../../../utils/filter.js";
 import { getAccountList } from "../../../script/api.js";
 const _hoisted_1 = { class: "toolbar-search-container" };
 const _hoisted_2 = { class: "top-container" };

package/es/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/es/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/es/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/es/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/es/uploadBefore/script/fileTypeAdapter.d.ts

@@ -33,7 +33,7 @@ export declare function fileAdapter(fileMeta: FileMaybeType): {
     id: string;
     dirId?: string | undefined;
 } | undefined;
-export declare function checkType(type: string): "其他" | "图片" | "目录";
+export declare function checkType(type: string): "图片" | "目录" | "其他";
 export declare function getMediaType(type: string): string;
 export declare function getSize(value: number): string;
 export {};

package/lib/colorPalette/style/index.css

@@ -2,30 +2,30 @@
   overflow: hidden;
 }
 .color-palette-container .color-radio-group .arco-radio-button {
+  position: relative;
   width: 32px;
   height: 32px;
   padding: 0;
-  font-size: 0 !important;
   overflow: hidden !important;
+  font-size: 0 !important;
   background: transparent !important;
   border-width: 0 !important;
   box-shadow: none !important;
-  position: relative;
 }
 .color-palette-container .color-radio-group .arco-radio-button.arco-radio-checked::after {
+  position: absolute;
+  top: 7px;
+  left: 12px;
   box-sizing: content-box;
-  content: '';
+  width: 5px;
+  height: 11px;
   border: 2px solid #fff;
-  border-left: 0;
   border-top: 0;
-  height: 11px;
-  left: 12px;
-  position: absolute;
-  top: 7px;
+  border-left: 0;
   transform: rotate(45deg) scaleY(1);
-  width: 5px;
-  transition: transform 0.15s ease-in 0.05s;
   transform-origin: center;
+  transition: transform 0.15s ease-in 0.05s;
+  content: '';
 }
 .color-palette-container .color-picker-input {
   width: 32px;

package/lib/colorPalette/style/index.less

@@ -1,36 +1,40 @@
 @radio-button-size: 32px;
+
 .color-palette-container {
   .color-radio-group {
     overflow: hidden;
+
     .arco-radio-button {
-        width: @radio-button-size;
-        height: @radio-button-size;
-        padding: 0;
-        font-size: 0 !important;
-        overflow: hidden !important;
-        background: transparent !important;
-        border-width: 0 !important;
-        box-shadow: none !important;
-        position: relative;
-        &.arco-radio-checked {
-            &::after {
-                box-sizing: content-box;
-                content: '';
-                border: 2px solid #fff;
-                border-left: 0;
-                border-top: 0;
-                height: 11px;
-                left: 12px;
-                position: absolute;
-                top: 7px;
-                transform: rotate(45deg) scaleY(1);
-                width: 5px;
-                transition: transform 0.15s ease-in 0.05s;
-                transform-origin: center;
-            }
+      position: relative;
+      width: @radio-button-size;
+      height: @radio-button-size;
+      padding: 0;
+      overflow: hidden !important;
+      font-size: 0 !important;
+      background: transparent !important;
+      border-width: 0 !important;
+      box-shadow: none !important;
+
+      &.arco-radio-checked {
+        &::after {
+          position: absolute;
+          top: 7px;
+          left: 12px;
+          box-sizing: content-box;
+          width: 5px;
+          height: 11px;
+          border: 2px solid #fff;
+          border-top: 0;
+          border-left: 0;
+          transform: rotate(45deg) scaleY(1);
+          transform-origin: center;
+          transition: transform 0.15s ease-in 0.05s;
+          content: '';
         }
+      }
     }
   }
+
   .color-picker-input {
     width: @radio-button-size;
     height: @radio-button-size;