@cmstops/pro-compo 0.1.29 → 0.1.31

package/lib/imageCrop/component.js

@@ -44,7 +44,8 @@ const _sfc_main = vue.defineComponent({
     generateAssets: { type: Boolean }
   },
   emits: ["update:visible", "confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const saveLoading = vue.ref(false);
@@ -217,13 +218,6 @@ const _sfc_main = vue.defineComponent({
       const file = new File([blob], name, { type: blob.type });
       const result = await tusUpload.uploadByTUS(file);
       const resImg = getUploadFileUrl(result);
-      if (!props.generateAssets) {
-        afterCropperAndUploadFile({
-          url: resImg.url,
-          banner_theme_color: themeColors
-        });
-        return;
-      }
       if (props.userInfo) {
         const param = {
           url: resImg.url,
@@ -234,12 +228,25 @@ const _sfc_main = vue.defineComponent({
           ),
           repository_id: props.userInfo.repository_id,
           directory_id: selectedData.value[cropperIndex.value].directory_id,
-          banner_theme_color: themeColors
+          banner_theme_color: themeColors,
+          parent_id: 0
         };
+        if (!props.generateAssets) {
+          param.parent_id = selectedData.value[cropperIndex.value].id;
+          afterCropperAndUploadFile({
+            url: resImg.url,
+            banner_theme_color: themeColors
+          });
+        }
         assets.useGenerateAssets(BASE_API, param).then((response) => {
           response.message.banner_theme_color = themeColors;
           afterCropperAndUploadFile(response.message);
         });
+      } else if (!props.generateAssets) {
+        afterCropperAndUploadFile({
+          url: resImg.url,
+          banner_theme_color: themeColors
+        });
       }
     };
     const afterCropperAndUploadFile = (data) => {

package/lib/index.css

@@ -629,6 +629,26 @@
   word-wrap: normal;
   opacity: 0.85;
 }
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button {
+  width: 20%;
+  overflow: hidden;
+}
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap {
+  box-sizing: border-box;
+  height: 52px;
+  margin-right: 20px;
+  padding: 14px 16px;
+  line-height: 24px;
+  background: #f7f8fa;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap:hover {
+  color: #165dff;
+  background: #f2f3f5;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list {
   display: flex;
   flex-wrap: wrap;
@@ -652,14 +672,9 @@
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap:hover {
+  border: 1px solid #4886ff;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
 }
-.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap.active {
-  border: 2px solid #4886ff;
-}
-.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap.active h4 {
-  color: #1a67d2;
-}
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap .transcoding-in-progress {
   position: absolute;
   top: 0;
@@ -2344,15 +2359,15 @@
   padding: 2px 0;
 }
 .medialist-doc-item-view .info-view .title {
-  width: calc(100% - 50px);
   display: flex;
   align-items: center;
+  width: calc(100% - 50px);
   margin-bottom: 10px;
   overflow: hidden;
   color: #1d2129;
+  font-weight: 400;
   font-size: 14px;
   font-style: normal;
-  font-weight: 400;
   line-height: 22px;
   cursor: pointer;
   -webkit-line-clamp: 2;
@@ -2382,7 +2397,7 @@
 }
 .medialist-doc-item-view .info-view .abttrite-v .left .tags {
   display: inline-block;
-  width: 190px;
+  width: 200px;
 }
 .medialist-doc-item-view .info-view .abttrite-v .left .abttr {
   display: inline-block;
@@ -2879,8 +2894,8 @@
 .edit-meta-info-dialog-body .style-form-item .title {
   max-width: 100%;
   color: var(--color-text-2);
-  font-size: 14px;
   font-weight: 400;
+  font-size: 14px;
   white-space: normal;
 }
 .edit-meta-info-dialog-body .select-thumb-wrap {
@@ -2889,6 +2904,23 @@
 .edit-meta-info-dialog-body .input-w {
   width: 450px;
 }
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content {
+  display: block;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .arco-switch {
+  margin: 4px 0;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .silence-options {
+  margin-top: 20px;
+  margin-left: -75px;
+}
+.edit-meta-info-dialog-body .silence .arco-form-item-wrapper-col .arco-form-item-content .silence-options .info {
+  margin-top: 12px;
+  padding-left: 5px;
+  color: #878e96;
+  font-size: 14px;
+  line-height: 1.5;
+}
 .base-filter-container {
   display: flex;
   align-items: center;

package/lib/mediaFilter/component.js

@@ -16,8 +16,9 @@ const _sfc_main = vue.defineComponent({
     BASE_API: {}
   },
   emits: ["search", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     props.BASE_API || config.DEFAULT_BASE_API;
     function handleFilterChange(params) {
       emits("change", params);

package/lib/mediaFilter/components/DocFilter.js

@@ -16,8 +16,9 @@ const _sfc_main = vue.defineComponent({
     filterType: { default: "APV" }
   },
   emits: ["search", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { highLevelSearchOptions, showHighLevelSearch, sortOptions } = optionsGetter.useHighLevelSearch(props.filterType);
     const filter = vue.ref({
       keywords: "",

package/lib/mediaFilter/components/FilterGroup.js

@@ -152,7 +152,7 @@ const _sfc_main = vue.defineComponent({
                 ])
               ]),
               _: 1
-            }, 8, ["onClick"]), [
+            }, 512), [
               [vue.vShow, pannelArray.value]
             ])
           ], 512),

package/lib/mediaFilter/components/MpAccountFilter.js

@@ -1,9 +1,13 @@
 "use strict";
 var vue = require("vue");
-var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", null, " \u516C\u4F17\u53F7\u8D26\u53F7\u7B5B\u9009\u7EC4\u4EF6 ");
-}
-var MpaFilter = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = MpaFilter;
+const _sfc_main = vue.defineComponent({
+  __name: "MpAccountFilter",
+  setup(__props) {
+    var _a, _b, _c;
+    const mpName = ((_c = (_b = (_a = window.situoyun) == null ? void 0 : _a.config) == null ? void 0 : _b.oem_config) == null ? void 0 : _c.mp_name) || "\u516C\u4F17\u53F7";
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, vue.toDisplayString(vue.unref(mpName)) + "\u8D26\u53F7\u7B5B\u9009\u7EC4\u4EF6 ", 1);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/mediaFilter/components/MpContentFilter.js

@@ -1,9 +1,13 @@
 "use strict";
 var vue = require("vue");
-var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", null, " \u516C\u4F17\u53F7\u5185\u5BB9\u7B5B\u9009\u7EC4\u4EF6 ");
-}
-var MpcFilter = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = MpcFilter;
+const _sfc_main = vue.defineComponent({
+  __name: "MpContentFilter",
+  setup(__props) {
+    var _a, _b, _c;
+    const mpName = ((_c = (_b = (_a = window.situoyun) == null ? void 0 : _a.config) == null ? void 0 : _b.oem_config) == null ? void 0 : _c.mp_name) || "\u516C\u4F17\u53F7";
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, vue.toDisplayString(vue.unref(mpName)) + "\u5185\u5BB9\u7B5B\u9009\u7EC4\u4EF6 ", 1);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/messageBox/list.js

@@ -32,7 +32,8 @@ const _sfc_main = vue.defineComponent({
     isNorMore: { type: Boolean }
   },
   emits: ["loadMoreMsg"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
     const props = __props;
     const isEmptyList = vue.computed(() => {
       if (props.list.length === 0) {

package/lib/previousVersion/component.js

@@ -37,8 +37,9 @@ const _sfc_main = vue.defineComponent({
     targetArr: {}
   },
   emits: ["update:visible", "cancel"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const title = props.title || "\u4E0A\u7248";
     const targetArr = vue.computed(() => {

package/lib/resourceModal/component.js

@@ -15,10 +15,11 @@ const _sfc_main = vue.defineComponent({
     base_api: {}
   },
   emits: ["update:dialogVisible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const BASE_API = props.base_api || config.DEFAULT_BASE_API;
     const selectedMax = vue.ref(1);
+    const emit = __emit;
     const submit = (itemData) => {
       emit("submit", itemData);
     };

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

@@ -27,9 +27,10 @@ const _sfc_main = vue.defineComponent({
     url: {}
   },
   emits: ["close"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const imageVisible = vue.computed(() => props.type === "image");
+    const emit = __emit;
     const closePreviewer = () => {
       emit("close", false);
     };

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

@@ -25,7 +25,8 @@ const _sfc_main = vue.defineComponent({
     preview: { type: Boolean }
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const confirm = (itemData) => {
       selectedUrl.value = [itemData.url];
       emit("confirm", itemData);

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

@@ -8,9 +8,6 @@ const _hoisted_2 = {
   key: 0,
   class: "mask"
 };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["onClick"];
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -18,8 +15,9 @@ const _sfc_main = vue.defineComponent({
     preview: { type: Boolean }
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const visible = vue.ref(false);
     const previewType = vue.computed(() => props.itemData.catalog);
     const previewUrl = vue.computed(() => props.itemData.url || "");
@@ -50,7 +48,7 @@ const _sfc_main = vue.defineComponent({
                     "stroke-width": 6,
                     size: 20
                   })
-                ], 8, _hoisted_3),
+                ]),
                 vue.createVNode(vue.unref(webVue.Divider), { direction: "vertical" }),
                 vue.createElementVNode("span", {
                   class: "half",
@@ -60,12 +58,12 @@ const _sfc_main = vue.defineComponent({
                     "stroke-width": 6,
                     size: 20
                   })
-                ], 8, _hoisted_4)
+                ])
               ])) : (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 class: "transparent",
                 onClick: vue.withModifiers(add, ["stop"])
-              }, null, 8, _hoisted_5))
+              }))
             ]),
             _: 1
           })

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

@@ -2,6 +2,7 @@
 var vue = require("vue");
 var _null = require("../../../assets/selection/null.js");
 var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
 var component = require("../../../../typeIcons/component.js");
 var index = require("./FileTypeThumb/index.js");
 var filter = require("../../../script/filter.js");
@@ -10,31 +11,36 @@ const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "wrap" };
 const _hoisted_5 = { class: "thumb" };
-const _hoisted_6 = { class: "file-list clearfix" };
-const _hoisted_7 = { class: "thumb-wrap" };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+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 = { class: "thumb-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_9 = {
+const _hoisted_13 = {
   key: 0,
   class: "load_more_title"
 };
-const _hoisted_10 = {
+const _hoisted_14 = {
   key: 1,
   class: "nomore_tips"
 };
-const _hoisted_11 = {
+const _hoisted_15 = {
   key: 1,
   class: "null-file"
 };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", {
+const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("img", {
+  alt: "",
   class: "null-pic",
   src: _null
 }, null, -1);
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_14 = [
-  _hoisted_12,
-  _hoisted_13
+const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_18 = [
+  _hoisted_16,
+  _hoisted_17
 ];
 const _sfc_main = vue.defineComponent({
   __name: "index",
@@ -48,7 +54,17 @@ const _sfc_main = vue.defineComponent({
     loadFileMore: { type: Function }
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const isFold = vue.ref(true);
+    vue.watch(
+      () => props.folderList.length,
+      (n) => {
+        isFold.value = n > 10;
+      },
+      { immediate: true }
+    );
+    const emit = __emit;
     const confirm = (itemData) => {
       selectedData.value = [itemData];
       emit("confirm", selectedData.value);
@@ -60,7 +76,8 @@ const _sfc_main = vue.defineComponent({
           vue.createElementVNode("div", _hoisted_1, [
             vue.createCommentVNode(" \u6587\u4EF6\u5939 "),
             vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.folderList, (item, index2) => {
+              vue.createCommentVNode("        \u6587\u4EF6\u5939\u6570\u91CF<10"),
+              !isFold.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.folderList, (item, index2) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: index2,
                   class: "item folder-item",
@@ -68,10 +85,10 @@ const _sfc_main = vue.defineComponent({
                 }, [
                   vue.createElementVNode("div", _hoisted_4, [
                     vue.createVNode(vue.unref(webVue.Tooltip), {
+                      content: item.alias,
                       "open-delay": 500,
                       class: "item",
                       effect: "dark",
-                      content: item.alias,
                       placement: "top"
                     }, {
                       default: vue.withCtx(() => [
@@ -83,38 +100,74 @@ const _sfc_main = vue.defineComponent({
                     }, 1032, ["content"])
                   ])
                 ], 8, _hoisted_3);
-              }), 128))
+              }), 128)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode("        \u6587\u4EF6\u5939\u6570\u91CF>10"),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.folderList.slice(0, 9), (item, index2) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index2,
+                    class: "item folder-item",
+                    onClick: ($event) => _ctx.changeDirectory(item)
+                  }, [
+                    vue.createElementVNode("div", _hoisted_7, [
+                      vue.createVNode(vue.unref(webVue.Tooltip), {
+                        content: item.alias,
+                        "open-delay": 500,
+                        class: "item",
+                        effect: "dark",
+                        placement: "top"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("div", _hoisted_8, [
+                            vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])
+                    ])
+                  ], 8, _hoisted_6);
+                }), 128))
+              ], 64)),
+              _ctx.folderList.length > 10 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: "folder-more-button",
+                onClick: _cache[0] || (_cache[0] = ($event) => isFold.value = !isFold.value)
+              }, [
+                vue.createElementVNode("div", _hoisted_9, [
+                  isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleUp), { key: 1 })),
+                  vue.createTextVNode(" " + vue.toDisplayString(isFold.value ? "\u5C55\u5F00\u5168\u90E8" : "\u6536\u7F29\u5168\u90E8"), 1)
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
             ], 512), [
               [vue.vShow, _ctx.folderList.length !== 0]
             ]),
             vue.createCommentVNode(" \u6587\u4EF6 "),
-            vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index$1) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: index$1,
                   class: "item"
                 }, [
                   vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["shadow-wrap", { active: selectedData.value.includes(item) }])
+                    class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
                   }, [
-                    vue.createElementVNode("div", _hoisted_7, [
+                    vue.createElementVNode("div", _hoisted_11, [
                       vue.createVNode(index, {
-                        preview: _ctx.preview,
                         "item-data": item,
+                        preview: _ctx.preview,
                         onConfirm: confirm
-                      }, null, 8, ["preview", "item-data"])
+                      }, null, 8, ["item-data", "preview"])
                     ]),
                     vue.createElementVNode("h4", null, [
                       vue.createVNode(component, {
-                        class: "icon",
-                        type: item.catalog,
                         doc: item.catalog !== "image",
-                        resource: item.catalog === "image"
-                      }, null, 8, ["type", "doc", "resource"]),
+                        resource: item.catalog === "image",
+                        type: item.catalog,
+                        class: "icon"
+                      }, null, 8, ["doc", "resource", "type"]),
                       vue.createVNode(vue.unref(webVue.Tooltip), {
+                        content: item.alias,
                         "open-delay": 500,
                         effect: "dark",
-                        content: item.alias,
                         placement: "top"
                       }, {
                         default: vue.withCtx(() => [
@@ -128,12 +181,12 @@ const _sfc_main = vue.defineComponent({
                     item.task ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tooltip), {
                       key: 0,
                       "open-delay": 2e3,
-                      effect: "dark",
                       content: "\u8F6C\u7801\u4E2D\uFF0C\u6682\u4E0D\u53EF\u7528",
+                      effect: "dark",
                       placement: "bottom"
                     }, {
                       default: vue.withCtx(() => [
-                        _hoisted_8
+                        _hoisted_12
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
@@ -141,21 +194,21 @@ const _sfc_main = vue.defineComponent({
                 ]);
               }), 128))
             ]),
-            _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+            _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
               !_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
                 key: 0,
-                type: "text",
-                size: "small",
                 class: "loadmore_tips",
+                size: "small",
+                type: "text",
                 onClick: _ctx.loadFileMore
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026")
+                  vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+              }, 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
             ])) : vue.createCommentVNode("v-if", true),
-            !_ctx.fileList.length && !_ctx.folderList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_14)) : vue.createCommentVNode("v-if", true)
+            !_ctx.fileList.length && !_ctx.folderList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, _hoisted_18)) : vue.createCommentVNode("v-if", true)
           ])
         ]),
         _: 1

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

@@ -19,7 +19,7 @@ const _sfc_main = vue.defineComponent({
     base_api: {}
   },
   emits: ["search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const filter$1 = vue.ref({
       keyword: "",
@@ -59,6 +59,7 @@ const _sfc_main = vue.defineComponent({
       () => contentSearch(),
       { deep: true }
     );
+    const emit = __emit;
     const contentSearch = () => {
       if (filter$1.value.keyword === "" && filter$1.value.upload_by === "" && filter$1.value.sf === "" && filter$1.value.wh_rate === "" && filter$1.value.uploadTime === null) {
         emit("search", null);

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

@@ -25,8 +25,9 @@ const _sfc_main = vue.defineComponent({
     ai_gif_covers: {}
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const confirm = (itemData) => {
       emit("confirm", itemData);
     };

package/lib/resourceModal/style/MainContent.less

@@ -62,6 +62,29 @@
               }
             }
           }
+
+          .folder-more-button {
+            width: 20%;
+            overflow: hidden;
+
+            .folder-more-wrap {
+              box-sizing: border-box;
+              height: 52px;
+              margin-right: 20px;
+              padding: 14px 16px;
+              line-height: 24px;
+              background: #f7f8fa;
+              border: 1px solid #ebeef5;
+              border-radius: 4px;
+
+              &:hover {
+                color: #165dff;
+                background: #f2f3f5;
+                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+                cursor: pointer;
+              }
+            }
+          }
         }
 
         .file-list {
@@ -88,14 +111,11 @@
               border-radius: 4px;
 
               &:hover {
+                border: 1px solid #4886ff;
                 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-              }
-
-              &.active {
-                border: 2px solid #4886ff;
 
                 h4 {
-                  color: #1a67d2;
+                  //color: #1a67d2;
                 }
               }