@cmstops/pro-compo 0.3.45 → 0.3.46

package/es/appCenter/script/api.js

@@ -24,4 +24,11 @@ function setResentApp(BASE_API, params) {
     method: "post"
   });
 }
-export { getPubApps, getResentApp, getUserRepoActs, setResentApp };
+function getBtnSlot(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/cosmos-center/buttons",
+    method: "get",
+    params
+  });
+}
+export { getBtnSlot, getPubApps, getResentApp, getUserRepoActs, setResentApp };

package/es/appCenter/style/index.css

@@ -1,33 +1,33 @@
 .reference-btn {
-  border: none;
   padding: 12px 16px;
-  border-radius: 4px;
   color: #5f5f5f;
+  border: none;
+  border-radius: 4px;
 }
 .apps-box-popover {
   position: relative;
   padding: 10px;
 }
 .app-title {
-  font-size: 16px;
+  padding: 0 15px;
   font-weight: bold;
-  padding: 0px 15px;
+  font-size: 16px;
 }
 .ul-list {
-  list-style: none;
-  overflow: hidden;
   width: 435px !important;
-  text-align: center;
-  padding: 0;
   margin: 0;
+  padding: 0;
+  overflow: hidden;
+  text-align: center;
+  list-style: none;
 }
 .ul-list .li_item {
+  position: relative;
   float: left;
   width: 85px;
   height: 90px;
-  text-align: center;
   margin: 13px 0;
-  position: relative;
+  text-align: center;
 }
 .ul-list .li_item .icon-logo .svg-icon {
   width: 4em;
@@ -42,8 +42,8 @@
   display: block;
 }
 .ul-list .li_item .wrap_icon {
-  width: 70px;
   display: inline-block;
+  width: 70px;
   margin-top: 6px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo {
@@ -52,8 +52,11 @@
   margin-bottom: 4px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo img {
+  width: 50px;
   max-width: 100%;
+  height: 50px;
   max-height: 100%;
+  border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .wrap_ .shortcut-logo {
   line-height: 77px;
@@ -66,8 +69,8 @@
   width: 73px;
   height: 20px;
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo {
   width: 40px;
@@ -78,13 +81,13 @@
   border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo i {
-  line-height: 40px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
+  line-height: 40px;
 }
 .ul-list .li_item .icon-gengduo {
-  display: none;
   position: absolute;
   top: 2px;
   right: 4px;
+  display: none;
 }

package/es/appCenter/style/index.less

@@ -1,78 +1,95 @@
 .reference-btn {
-  border: none;
   padding: 12px 16px;
-  border-radius: 4px;
   color: #5f5f5f;
+  border: none;
+  border-radius: 4px;
 }
+
 .apps-box-popover {
   position: relative;
   padding: 10px;
 }
+
 .app-title {
-  font-size: 16px;
+  padding: 0 15px;
   font-weight: bold;
-  padding: 0px 15px;
+  font-size: 16px;
 }
+
 .ul-list {
-  list-style: none;
-  overflow: hidden;
   width: 435px !important;
-  text-align: center;
-  padding: 0;
   margin: 0;
+  padding: 0;
+  overflow: hidden;
+  text-align: center;
+  list-style: none;
+
   .li_item {
+    position: relative;
     float: left;
     width: 85px;
     height: 90px;
-    text-align: center;
     // margin-left: 16px;
     margin: 13px 0;
-    position: relative;
+    text-align: center;
+
     .icon-logo {
       .svg-icon {
         width: 4em;
         height: 3.5em;
       }
     }
+
     &:hover {
       // transition: ease-out 0.2s;
       // transform: scale(1.1);
       background: rgba(0, 0, 0, 0.05);
       border-radius: 4px;
       cursor: pointer;
+
       .icon-gengduo {
         display: block;
       }
     }
+
     .wrap_icon {
-      width: 70px;
       display: inline-block;
+      width: 70px;
       margin-top: 6px;
+
       .wrap_ {
         .icon-logo {
           width: 70px;
           height: 50px;
           margin-bottom: 4px;
+
           img {
+            width: 50px;
             max-width: 100%;
+            height: 50px;
             max-height: 100%;
+            border-radius: 50%;
           }
         }
+
         .shortcut-logo {
           line-height: 77px;
+
           img {
             width: 35px;
             height: 35px;
           }
         }
+
         .icon_title {
           width: 73px;
           height: 20px;
           overflow: hidden;
-          text-overflow: ellipsis;
           white-space: nowrap;
+          text-overflow: ellipsis;
         }
       }
+
       .quick-add {
         .icon-logo {
           width: 40px;
@@ -81,20 +98,21 @@
           text-align: center;
           background-color: rgba(0, 0, 0, 0.12);
           border-radius: 50%;
+
           i {
-            line-height: 40px;
             color: rgba(0, 0, 0, 0.85);
             font-size: 14px;
+            line-height: 40px;
           }
         }
       }
     }
+
     .icon-gengduo {
-      display: none;
       position: absolute;
       top: 2px;
       right: 4px;
+      display: none;
     }
   }
 }
-

package/es/docHistory/component.js

@@ -47,6 +47,7 @@ const _sfc_main = defineComponent({
       return openBlock(), createBlock(unref(Drawer), {
         visible: vis.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => vis.value = $event),
+        "unmount-on-close": "",
         class: "doc-history-drawer",
         title: "\u7248\u672C\u8BB0\u5F55",
         width: 1e3,

package/es/docPreview/component.js

@@ -1,28 +1,27 @@
-import { defineComponent, toRef, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, createCommentVNode, createTextVNode, toDisplayString, isRef, renderList, createBlock } from "vue";
+import { defineComponent, toRef, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withModifiers, withCtx, Fragment, createCommentVNode, createTextVNode, toDisplayString, isRef, renderList, createBlock } from "vue";
 import { Spin, Link, Button, Select, Option } from "@arco-design/web-vue";
 import { IconClose } from "@arco-design/web-vue/es/icon";
 import { DEFAULT_BASE_API } from "../config.js";
 import _sfc_main$1 from "./components/PreviewIframe.js";
 import { useDocPreview, EXPIRE_TIME_OPTIONS } from "./scripts/hook.js";
-const _hoisted_1 = { class: "doc-preview-container" };
-const _hoisted_2 = { class: "preview-close" };
-const _hoisted_3 = { class: "doc-preview-share" };
-const _hoisted_4 = { class: "doc-preview-share-img" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1);
-const _hoisted_7 = { class: "doc-preview-share-header" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1);
-const _hoisted_9 = { class: "doc-preview-share-link" };
-const _hoisted_10 = { class: "doc-preview-share-link-value" };
-const _hoisted_11 = { class: "doc-preview-share-link-hint" };
-const _hoisted_12 = { class: "doc-preview-share-action" };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-img" }, [
+const _hoisted_1 = { class: "preview-close" };
+const _hoisted_2 = { class: "doc-preview-share" };
+const _hoisted_3 = { class: "doc-preview-share-img" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1);
+const _hoisted_6 = { class: "doc-preview-share-header" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1);
+const _hoisted_8 = { class: "doc-preview-share-link" };
+const _hoisted_9 = { class: "doc-preview-share-link-value" };
+const _hoisted_10 = { class: "doc-preview-share-link-hint" };
+const _hoisted_11 = { class: "doc-preview-share-action" };
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-img" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-img-hint" }, " \u6682\u65E0\u9884\u89C8 ")
 ], -1);
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-tips" }, " \u5185\u5BB9\u6682\u65E0\u9884\u89C8\u94FE\u63A5\uFF0C\u53EF\u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1);
-const _hoisted_15 = { class: "doc-preview-share-header" };
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1);
-const _hoisted_17 = { class: "doc-preview-share-action" };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", { class: "doc-preview-share-tips" }, " \u5185\u5BB9\u6682\u65E0\u9884\u89C8\u94FE\u63A5\uFF0C\u53EF\u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1);
+const _hoisted_14 = { class: "doc-preview-share-header" };
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1);
+const _hoisted_16 = { class: "doc-preview-share-action" };
 const _sfc_main = defineComponent({
   ...{ name: "docPreview" },
   __name: "component",
@@ -49,29 +48,36 @@ const _sfc_main = defineComponent({
       generate();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", {
+        class: "doc-preview-container",
+        onClick: _cache[6] || (_cache[6] = ($event) => emits("close"))
+      }, [
+        createElementVNode("div", _hoisted_1, [
           createVNode(unref(IconClose), {
-            onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("close"), ["stop"]))
           })
         ]),
-        createVNode(_sfc_main$1, { src: unref(innerUrl) }, null, 8, ["src"]),
+        createVNode(_sfc_main$1, {
+          src: unref(innerUrl),
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
+        }, null, 8, ["src"]),
         createVNode(unref(Spin), { loading: unref(loading) }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               unref(shareData) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createCommentVNode(" \u4E8C\u7EF4\u7801 "),
-                createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_3, [
                   createElementVNode("img", {
                     src: unref(shareData).qrCode,
                     alt: ""
-                  }, null, 8, _hoisted_5)
+                  }, null, 8, _hoisted_4)
                 ]),
                 createCommentVNode(" \u5907\u6CE8 "),
-                _hoisted_6,
+                _hoisted_5,
                 createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
-                createElementVNode("div", _hoisted_7, [
-                  _hoisted_8,
+                createElementVNode("div", _hoisted_6, [
+                  _hoisted_7,
                   createVNode(unref(Link), {
                     type: "text",
                     onClick: unref(copy)
@@ -83,14 +89,14 @@ const _sfc_main = defineComponent({
                   }, 8, ["onClick"])
                 ]),
                 createCommentVNode(" \u94FE\u63A5 "),
-                createElementVNode("div", _hoisted_9, [
-                  createElementVNode("div", _hoisted_10, toDisplayString(unref(shareData).shareUrl), 1),
-                  createElementVNode("div", _hoisted_11, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + toDisplayString(unref(intervalTime)), 1)
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("div", _hoisted_9, toDisplayString(unref(shareData).shareUrl), 1),
+                  createElementVNode("div", _hoisted_10, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + toDisplayString(unref(intervalTime)), 1)
                 ]),
                 createCommentVNode(" \u64CD\u4F5C "),
-                createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_11, [
                   createVNode(unref(Button), {
-                    onClick: _cache[1] || (_cache[1] = ($event) => unref(cancel)())
+                    onClick: _cache[2] || (_cache[2] = ($event) => unref(cancel)())
                   }, {
                     default: withCtx(() => [
                       createTextVNode("\u53D6\u6D88\u9884\u89C8\u94FE\u63A5")
@@ -99,7 +105,7 @@ const _sfc_main = defineComponent({
                   }),
                   createVNode(unref(Button), {
                     type: "primary",
-                    onClick: _cache[2] || (_cache[2] = ($event) => unref(cancel)(true))
+                    onClick: _cache[3] || (_cache[3] = ($event) => unref(cancel)(true))
                   }, {
                     default: withCtx(() => [
                       createTextVNode(" \u66F4\u65B0\u9884\u89C8\u6709\u6548\u671F ")
@@ -108,13 +114,13 @@ const _sfc_main = defineComponent({
                   })
                 ])
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                _hoisted_12,
                 _hoisted_13,
-                _hoisted_14,
-                createElementVNode("div", _hoisted_15, [
-                  _hoisted_16,
+                createElementVNode("div", _hoisted_14, [
+                  _hoisted_15,
                   createVNode(unref(Select), {
                     modelValue: unref(expireTime),
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(expireTime) ? expireTime.value = $event : null),
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(expireTime) ? expireTime.value = $event : null),
                     size: "mini",
                     style: { "width": "120px" }
                   }, {
@@ -130,10 +136,10 @@ const _sfc_main = defineComponent({
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                createElementVNode("div", _hoisted_17, [
+                createElementVNode("div", _hoisted_16, [
                   createVNode(unref(Button), {
                     type: "primary",
-                    onClick: _cache[4] || (_cache[4] = () => unref(generate)())
+                    onClick: _cache[5] || (_cache[5] = () => unref(generate)())
                   }, {
                     default: withCtx(() => [
                       createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ")

package/es/hooks/useAttachement.js

@@ -33,6 +33,7 @@ function useAttachement(options) {
       ...filter.value
     };
   });
+  const pageIdx = computed(() => Math.floor(offset.value / limit.value) + 1);
   const loading = ref(true);
   const list = ref([]);
   const total = ref(0);
@@ -84,6 +85,7 @@ function useAttachement(options) {
     total,
     limit,
     offset,
+    pageIdx,
     loading,
     changeFilter,
     changeKey,

package/es/index.css

@@ -1,33 +1,33 @@
 .reference-btn {
-  border: none;
   padding: 12px 16px;
-  border-radius: 4px;
   color: #5f5f5f;
+  border: none;
+  border-radius: 4px;
 }
 .apps-box-popover {
   position: relative;
   padding: 10px;
 }
 .app-title {
-  font-size: 16px;
+  padding: 0 15px;
   font-weight: bold;
-  padding: 0px 15px;
+  font-size: 16px;
 }
 .ul-list {
-  list-style: none;
-  overflow: hidden;
   width: 435px !important;
-  text-align: center;
-  padding: 0;
   margin: 0;
+  padding: 0;
+  overflow: hidden;
+  text-align: center;
+  list-style: none;
 }
 .ul-list .li_item {
+  position: relative;
   float: left;
   width: 85px;
   height: 90px;
-  text-align: center;
   margin: 13px 0;
-  position: relative;
+  text-align: center;
 }
 .ul-list .li_item .icon-logo .svg-icon {
   width: 4em;
@@ -42,8 +42,8 @@
   display: block;
 }
 .ul-list .li_item .wrap_icon {
-  width: 70px;
   display: inline-block;
+  width: 70px;
   margin-top: 6px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo {
@@ -52,8 +52,11 @@
   margin-bottom: 4px;
 }
 .ul-list .li_item .wrap_icon .wrap_ .icon-logo img {
+  width: 50px;
   max-width: 100%;
+  height: 50px;
   max-height: 100%;
+  border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .wrap_ .shortcut-logo {
   line-height: 77px;
@@ -66,8 +69,8 @@
   width: 73px;
   height: 20px;
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo {
   width: 40px;
@@ -78,15 +81,15 @@
   border-radius: 50%;
 }
 .ul-list .li_item .wrap_icon .quick-add .icon-logo i {
-  line-height: 40px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
+  line-height: 40px;
 }
 .ul-list .li_item .icon-gengduo {
-  display: none;
   position: absolute;
   top: 2px;
   right: 4px;
+  display: none;
 }
 .reference-btn {
   border: none;
@@ -4397,7 +4400,12 @@
   overflow-y: scroll;
 }
 .list-panel-wrapper .list-selected-record::-webkit-scrollbar {
-  display: none;
+  width: 6px;
+}
+.list-panel-wrapper .list-selected-record::-webkit-scrollbar-thumb {
+  background-color: #ececec;
+  -webkit-border-radius: 6px;
+  opacity: 0.5;
 }
 .list-panel-wrapper .list-selected-record .list-selected-item {
   display: flex;

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, createTextVNode } from "vue";
+import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, createTextVNode } from "vue";
 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";
@@ -89,12 +89,12 @@ const _sfc_main = defineComponent({
           showMore.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "item-load-more",
-            style: normalizeStyle({ width: "calc(20% - 20px)" }),
+            style: { width: "calc(20% - 20px)" },
             onClick: loadMore
           }, [
             _hoisted_3,
             createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
-          ], 4)) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
         ])
       ], 2112);
     };

package/es/selectResourceModal/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, provide, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, withDirectives, vShow, createTextVNode } from "vue";
+import { defineComponent, computed, ref, provide, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, withDirectives, vShow, isRef, createTextVNode } from "vue";
 import { Drawer, Modal, Scrollbar, Pagination, Button } from "@arco-design/web-vue";
 import emptyData from "../emptyData/index.js";
 import _sfc_main$1 from "./components/ListTabs/index.js";
@@ -66,6 +66,7 @@ const _sfc_main = defineComponent({
       list,
       total,
       limit,
+      pageIdx,
       loading,
       changeKey,
       changeFilter,
@@ -100,6 +101,15 @@ const _sfc_main = defineComponent({
       changeKey("local");
       activeKey.value = "local";
     }
+    watch(
+      () => props.visible,
+      () => {
+        if (props.visible) {
+          activeKey.value = "all";
+          changeKey("all");
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.wrap === "drawer" ? unref(Drawer) : unref(Modal)), mergeProps({ visible: _ctx.visible }, wrapProps.value), {
@@ -156,15 +166,17 @@ const _sfc_main = defineComponent({
                   createElementVNode("div", _hoisted_7, [
                     activeKey.value !== "local" ? (openBlock(), createBlock(unref(Pagination), {
                       key: 0,
+                      current: unref(pageIdx),
+                      "onUpdate:current": _cache[1] || (_cache[1] = ($event) => isRef(pageIdx) ? pageIdx.value = $event : null),
                       total: unref(total),
                       "page-size": unref(limit),
                       "show-total": "",
                       "show-page-size": "",
                       "base-size": 3,
                       "buffer-size": 1,
-                      onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
+                      onChange: _cache[2] || (_cache[2] = (e) => unref(changePage)((e - 1) * unref(limit))),
                       onPageSizeChange: unref(changeSize)
-                    }, null, 8, ["total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
+                    }, null, 8, ["current", "total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
                   ]),
                   unref(selected).length ? (openBlock(), createElementBlock("div", _hoisted_8, [
                     createVNode(_sfc_main$5, {

package/es/selectResourceModal/components/ListFilter/index.js

@@ -107,14 +107,26 @@ const _sfc_main = defineComponent({
           if (!result[key])
             delete result[key];
         });
+        if (!result.catalog)
+          result.catalog = "image,video,audio";
         emits("change", result);
       },
       { deep: true, immediate: true }
     );
+    watch(
+      () => props.filterOptions,
+      () => {
+        var _a;
+        if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
+          filter.value.catalog = props.filterOptions.mediaType;
+        }
+      },
+      { immediate: true }
+    );
     onMounted(() => {
       var _a;
       load();
-      if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
+      if (((_a = props.filterOptions) == null ? void 0 : _a.mediaType) && !props.filterOptions.mediaTypeStrict) {
         filter.value.catalog = props.filterOptions.mediaType;
         originFilter.catalog = props.filterOptions.mediaType;
       }

package/es/selectResourceModal/components/ListSelected/index.js

@@ -58,12 +58,14 @@ const _sfc_main = defineComponent({
                   createElementVNode("div", _hoisted_6, [
                     ["image", "video"].includes(item.catalog) ? (openBlock(), createBlock(unref(Image), {
                       key: 0,
+                      preview: false,
                       width: "100%",
                       height: "100%",
                       src: item.thumb || item.url
                     }, null, 8, ["src"])) : createCommentVNode("v-if", true),
                     ["audio"].includes(item.catalog) ? (openBlock(), createBlock(unref(Image), {
                       key: 1,
+                      preview: false,
                       width: "100%",
                       height: "100%",
                       fit: "cover",

package/es/selectResourceModal/components/ListTabs/index.js

@@ -24,8 +24,9 @@ const _sfc_main = defineComponent({
         }, {
           extra: withCtx(() => [
             createVNode(unref(Button), {
-              type: "secondary",
+              type: "text",
               shape: "round",
+              style: { "color": "black", "transform": "translateX(-8px)" },
               onClick: _cache[0] || (_cache[0] = ($event) => emits("close"))
             }, {
               icon: withCtx(() => [

package/es/selectResourceModal/style/index.css

@@ -61,7 +61,12 @@
   overflow-y: scroll;
 }
 .list-panel-wrapper .list-selected-record::-webkit-scrollbar {
-  display: none;
+  width: 6px;
+}
+.list-panel-wrapper .list-selected-record::-webkit-scrollbar-thumb {
+  background-color: #ececec;
+  -webkit-border-radius: 6px;
+  opacity: 0.5;
 }
 .list-panel-wrapper .list-selected-record .list-selected-item {
   display: flex;