@cmstops/pro-compo 0.3.28 → 0.3.29

package/lib/index.css

@@ -3968,7 +3968,6 @@
   width: 100%;
   padding-top: 56.25%;
   background-color: #fff;
-  background-image: url('../assets/images/unknown.png');
   background-repeat: no-repeat;
   background-repeat: repeat-x;
   background-position: top;
@@ -3978,89 +3977,6 @@
   transform: scale(1.02);
   transition: ease-out 0.4s;
 }
-.resource-grid-file-type-thumb .audio {
-  background-image: url('../assets/images/music.png') !important;
-}
-.resource-grid-file-type-thumb .audio.doc {
-  background-image: url('../assets/images/draf.png') !important;
-}
-.resource-grid-file-type-thumb .project {
-  background-image: url('../assets/images/project1.png') !important;
-}
-.resource-grid-file-type-thumb .doc {
-  background-image: url('../assets/images/draf.png');
-}
-.resource-grid-file-type-thumb .link {
-  background-image: url('../assets/images/link.png');
-}
-.resource-grid-file-type-thumb .sp_topic {
-  background-image: url('../assets/images/link.png');
-}
-.resource-grid-file-type-thumb .live {
-  background-image: url('../assets/images/live.png');
-}
-.resource-grid-file-type-thumb .pdf {
-  background-image: url('../assets/images/pdf.png') !important;
-}
-.resource-grid-file-type-thumb .officeexcel {
-  background-image: url('../assets/images/excel.png') !important;
-}
-.resource-grid-file-type-thumb .officeppt {
-  background-image: url('../assets/images/ppt.png') !important;
-}
-.resource-grid-file-type-thumb .zip {
-  background-image: url('../assets/images/zip.png') !important;
-}
-.resource-grid-file-type-thumb .rar {
-  background-image: url('../assets/images/rar.png') !important;
-}
-.resource-grid-file-type-thumb .txt {
-  background-image: url('../assets/images/txt.png') !important;
-}
-.resource-grid-file-type-thumb .exe {
-  background-image: url('../assets/images/exe.png') !important;
-}
-.resource-grid-file-type-thumb .html {
-  background-image: url('../assets/images/html.png') !important;
-}
-.resource-grid-file-type-thumb .officedoc {
-  background-image: url('../assets/images/word.png') !important;
-}
-.resource-grid-file-type-thumb .wechat {
-  background-image: url('../assets/images/wechat.png') !important;
-}
-.resource-grid-file-type-thumb .h5 {
-  background-image: url('../assets/images/h5.png') !important;
-}
-.resource-grid-file-type-thumb .ad {
-  background-image: url('../assets/images/ad.png') !important;
-}
-.resource-grid-file-type-thumb .booklink {
-  background-image: url('../assets/images/booklink.png') !important;
-}
-.resource-grid-file-type-thumb .activity {
-  background-image: url('../assets/images/activity.png') !important;
-}
-.resource-grid-file-type-thumb .svideo {
-  background-image: url('../assets/images/svideo.png') !important;
-}
-.resource-grid-file-type-thumb .cloud_lottery {
-  background-image: url('../assets/images/cloud_lottery.png') !important;
-}
-.resource-grid-file-type-thumb .cloud_form {
-  background-image: url('../assets/images/cloud_form.png') !important;
-}
-.resource-grid-file-type-thumb .illegal-media-warning {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.65);
-  background-image: url('../assets/images/unknown.png');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 30%;
-}
 .media-grid-list-scroll {
   height: 100%;
   overflow: auto;
@@ -4097,7 +4013,6 @@
   height: 46px;
   overflow: hidden;
   font-size: 0;
-  background: url('../assets/selection/folder.png') no-repeat 13px center;
   background-size: 17px auto;
   border: solid 1px transparent;
   border-radius: 4px;
@@ -4191,7 +4106,6 @@
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap .thumb-wrap {
   position: relative;
   width: 100%;
-  background: url('../assets/selection/picBg.png');
 }
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap h4,
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap p {

package/lib/resourceGridList/component.js

@@ -5,6 +5,7 @@ var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var component = require("../typeIcons/component.js");
 var index = require("./components/FileTypeThumb/index.js");
 var filter = require("../utils/filter.js");
+var config = require("../config.js");
 const _hoisted_1 = { class: "file-wrap" };
 const _hoisted_2 = {
   key: 0,
@@ -12,33 +13,31 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "wrap" };
-const _hoisted_5 = { class: "thumb" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "wrap" };
-const _hoisted_8 = { class: "thumb" };
-const _hoisted_9 = { class: "folder-more-wrap" };
-const _hoisted_10 = { class: "file-list clearfix" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "thumb-wrap" };
-const _hoisted_13 = { class: "menu-wrap" };
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "wrap" };
+const _hoisted_7 = { class: "thumb" };
+const _hoisted_8 = { class: "folder-more-wrap" };
+const _hoisted_9 = { class: "file-list clearfix" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "menu-wrap" };
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
   /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
 ], -1);
-const _hoisted_15 = {
+const _hoisted_13 = {
   key: 1,
   class: "load_more_title"
 };
-const _hoisted_16 = {
+const _hoisted_14 = {
   key: 1,
   class: "nomore_tips"
 };
-const _hoisted_17 = {
+const _hoisted_15 = {
   key: 2,
   class: "null-file"
 };
-const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_19 = [
-  _hoisted_18
+const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_17 = [
+  _hoisted_16
 ];
 const _sfc_main = vue.defineComponent({
   ...{ name: "resourceGridList" },
@@ -54,6 +53,9 @@ const _sfc_main = vue.defineComponent({
   emits: ["clickDir", "clickItem", "loadMore"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const fodStyle = `background: url('${config.DEFAULT_BASE_API}/static/images/folder.png') no-repeat 13px
+              center;`;
+    const thumbStyle = `background: url('${config.DEFAULT_BASE_API}/static/images/picBg.png')`;
     const isFold = vue.ref(true);
     vue.watch(
       () => {
@@ -101,7 +103,10 @@ const _sfc_main = vue.defineComponent({
                         placement: "top"
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_5, [
+                          vue.createElementVNode("div", {
+                            class: "thumb",
+                            style: fodStyle
+                          }, [
                             vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
                           ])
                         ]),
@@ -117,7 +122,7 @@ const _sfc_main = vue.defineComponent({
                       class: "item folder-item",
                       onClick: ($event) => _changeDirectory(item)
                     }, [
-                      vue.createElementVNode("div", _hoisted_7, [
+                      vue.createElementVNode("div", _hoisted_6, [
                         vue.createVNode(vue.unref(webVue.Tooltip), {
                           content: item.alias,
                           "open-delay": 500,
@@ -126,14 +131,14 @@ const _sfc_main = vue.defineComponent({
                           placement: "top"
                         }, {
                           default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_8, [
+                            vue.createElementVNode("div", _hoisted_7, [
                               vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
                             ])
                           ]),
                           _: 2
                         }, 1032, ["content"])
                       ])
-                    ], 8, _hoisted_6);
+                    ], 8, _hoisted_5);
                   }), 128))
                 ], 64)),
                 ((_b = _ctx.folderList) == null ? void 0 : _b.length) > 10 ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -141,7 +146,7 @@ const _sfc_main = vue.defineComponent({
                   class: "folder-more-button",
                   onClick: _cache[0] || (_cache[0] = ($event) => isFold.value = !isFold.value)
                 }, [
-                  vue.createElementVNode("div", _hoisted_9, [
+                  vue.createElementVNode("div", _hoisted_8, [
                     isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconDoubleUp), { key: 1 })),
                     vue.createTextVNode(" " + vue.toDisplayString(isFold.value ? "\u5C55\u5F00\u5168\u90E8" : "\u6536\u7F29\u5168\u90E8"), 1)
                   ])
@@ -150,7 +155,7 @@ const _sfc_main = vue.defineComponent({
                 [vue.vShow, ((_c = _ctx.folderList) == null ? void 0 : _c.length) !== 0 && _ctx.showFolder]
               ]) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" \u6587\u4EF6 "),
-              vue.createElementVNode("div", _hoisted_10, [
+              vue.createElementVNode("div", _hoisted_9, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index$1) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index$1,
@@ -160,7 +165,10 @@ const _sfc_main = vue.defineComponent({
                       class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"]),
                       onClick: ($event) => _clickFileItem(item)
                     }, [
-                      vue.createElementVNode("div", _hoisted_12, [
+                      vue.createElementVNode("div", {
+                        class: "thumb-wrap",
+                        style: thumbStyle
+                      }, [
                         vue.createVNode(index, {
                           "item-data": item,
                           preview: _ctx.preview,
@@ -188,7 +196,7 @@ const _sfc_main = vue.defineComponent({
                       ]),
                       vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(filter.timeFormat)(item.updated_at)), 1),
                       vue.createCommentVNode(" \u83DC\u5355\u63D2\u69FD "),
-                      vue.createElementVNode("div", _hoisted_13, [
+                      vue.createElementVNode("div", _hoisted_11, [
                         vue.renderSlot(_ctx.$slots, "menu", { item })
                       ]),
                       vue.createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
@@ -200,15 +208,15 @@ const _sfc_main = vue.defineComponent({
                         placement: "bottom"
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_14
+                          _hoisted_12
                         ]),
                         _: 1
                       })) : vue.createCommentVNode("v-if", true)
-                    ], 10, _hoisted_11)
+                    ], 10, _hoisted_10)
                   ]);
                 }), 128))
               ]),
-              _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+              _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
                 !_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
                   key: 0,
                   class: "loadmore_tips",
@@ -220,9 +228,9 @@ const _sfc_main = vue.defineComponent({
                     vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
                   ]),
                   _: 1
-                })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+                })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
               ])) : vue.createCommentVNode("v-if", true),
-              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, _hoisted_19)) : vue.createCommentVNode("v-if", true)
+              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, _hoisted_17)) : vue.createCommentVNode("v-if", true)
             ])
           ];
         }),

package/lib/resourceGridList/components/FileTypeThumb/index.js

@@ -3,6 +3,7 @@ var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
 var component = require("../../../mediaView/component.js");
+var config = require("../../../config.js");
 const _hoisted_1 = { class: "resource-grid-file-type-thumb" };
 const _hoisted_2 = {
   key: 0,
@@ -42,6 +43,38 @@ const _sfc_main = vue.defineComponent({
     const add = () => {
       emit("confirm", props.itemData);
     };
+    const picStyle = vue.computed(() => {
+      const map = {
+        audio: "music",
+        project: "project1",
+        doc: "draf",
+        link: "link",
+        sp_topic: "link",
+        live: "live",
+        pdf: "pdf",
+        officeexcel: "excel",
+        officeppt: "ppt",
+        zip: "zip",
+        rar: "zip",
+        txt: "txt",
+        exe: "exe",
+        html: "html",
+        officedoc: "word",
+        wechat: "wechat",
+        h5: "h5",
+        ad: "ad",
+        booklink: "booklink",
+        activity: "activity",
+        svideo: "svideo",
+        cloud_lottery: "cloud_lottery",
+        cloud_form: "cloud_form",
+        other: "unknown"
+      };
+      const type = props.itemData.series || props.itemData.catalog || "other";
+      return {
+        backgroundImage: `url('${config.DEFAULT_BASE_API}/static/images/${map[type]}.png') !important`
+      };
+    });
     const getRate = vue.computed(() => {
       if (!props.itemData.metas)
         return "";
@@ -79,11 +112,12 @@ const _sfc_main = vue.defineComponent({
             _ctx.itemData.source === "ai" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, "AI\u751F\u6210")) : vue.createCommentVNode("v-if", true)
           ], 4)) : (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
-            class: vue.normalizeClass(["pic", `${_ctx.itemData.catalog} ${_ctx.itemData.series}`])
+            class: vue.normalizeClass(["pic", `${_ctx.itemData.catalog} ${_ctx.itemData.series}`]),
+            style: vue.normalizeStyle(picStyle.value)
           }, [
             getRate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(getRate.value), 1)) : vue.createCommentVNode("v-if", true),
             _ctx.itemData.source === "ai" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, "AI\u751F\u6210")) : vue.createCommentVNode("v-if", true)
-          ], 2)),
+          ], 6)),
           vue.createVNode(vue.Transition, { name: "el-fade-in" }, {
             default: vue.withCtx(() => [
               _ctx.preview ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [

package/lib/resourceGridList/style/FileTypeThumb.less

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

package/lib/resourceGridList/style/index.css

@@ -71,7 +71,6 @@
   width: 100%;
   padding-top: 56.25%;
   background-color: #fff;
-  background-image: url('../assets/images/unknown.png');
   background-repeat: no-repeat;
   background-repeat: repeat-x;
   background-position: top;
@@ -81,89 +80,6 @@
   transform: scale(1.02);
   transition: ease-out 0.4s;
 }
-.resource-grid-file-type-thumb .audio {
-  background-image: url('../assets/images/music.png') !important;
-}
-.resource-grid-file-type-thumb .audio.doc {
-  background-image: url('../assets/images/draf.png') !important;
-}
-.resource-grid-file-type-thumb .project {
-  background-image: url('../assets/images/project1.png') !important;
-}
-.resource-grid-file-type-thumb .doc {
-  background-image: url('../assets/images/draf.png');
-}
-.resource-grid-file-type-thumb .link {
-  background-image: url('../assets/images/link.png');
-}
-.resource-grid-file-type-thumb .sp_topic {
-  background-image: url('../assets/images/link.png');
-}
-.resource-grid-file-type-thumb .live {
-  background-image: url('../assets/images/live.png');
-}
-.resource-grid-file-type-thumb .pdf {
-  background-image: url('../assets/images/pdf.png') !important;
-}
-.resource-grid-file-type-thumb .officeexcel {
-  background-image: url('../assets/images/excel.png') !important;
-}
-.resource-grid-file-type-thumb .officeppt {
-  background-image: url('../assets/images/ppt.png') !important;
-}
-.resource-grid-file-type-thumb .zip {
-  background-image: url('../assets/images/zip.png') !important;
-}
-.resource-grid-file-type-thumb .rar {
-  background-image: url('../assets/images/rar.png') !important;
-}
-.resource-grid-file-type-thumb .txt {
-  background-image: url('../assets/images/txt.png') !important;
-}
-.resource-grid-file-type-thumb .exe {
-  background-image: url('../assets/images/exe.png') !important;
-}
-.resource-grid-file-type-thumb .html {
-  background-image: url('../assets/images/html.png') !important;
-}
-.resource-grid-file-type-thumb .officedoc {
-  background-image: url('../assets/images/word.png') !important;
-}
-.resource-grid-file-type-thumb .wechat {
-  background-image: url('../assets/images/wechat.png') !important;
-}
-.resource-grid-file-type-thumb .h5 {
-  background-image: url('../assets/images/h5.png') !important;
-}
-.resource-grid-file-type-thumb .ad {
-  background-image: url('../assets/images/ad.png') !important;
-}
-.resource-grid-file-type-thumb .booklink {
-  background-image: url('../assets/images/booklink.png') !important;
-}
-.resource-grid-file-type-thumb .activity {
-  background-image: url('../assets/images/activity.png') !important;
-}
-.resource-grid-file-type-thumb .svideo {
-  background-image: url('../assets/images/svideo.png') !important;
-}
-.resource-grid-file-type-thumb .cloud_lottery {
-  background-image: url('../assets/images/cloud_lottery.png') !important;
-}
-.resource-grid-file-type-thumb .cloud_form {
-  background-image: url('../assets/images/cloud_form.png') !important;
-}
-.resource-grid-file-type-thumb .illegal-media-warning {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.65);
-  background-image: url('../assets/images/unknown.png');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 30%;
-}
 .media-grid-list-scroll {
   height: 100%;
   overflow: auto;
@@ -200,7 +116,6 @@
   height: 46px;
   overflow: hidden;
   font-size: 0;
-  background: url('../assets/selection/folder.png') no-repeat 13px center;
   background-size: 17px auto;
   border: solid 1px transparent;
   border-radius: 4px;
@@ -294,7 +209,6 @@
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap .thumb-wrap {
   position: relative;
   width: 100%;
-  background: url('../assets/selection/picBg.png');
 }
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap h4,
 .media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap p {

package/lib/resourceGridList/style/index.less

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

package/package.json

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