@cmstops/pro-compo 0.3.46 → 0.3.47

package/lib/index.css

@@ -4270,11 +4270,6 @@
 .thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
   color: #fff;
 }
-.thumb-select-wrapper .thumb-add {
-  color: var(--color-text-2);
-  font-size: 16px;
-  cursor: pointer;
-}
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
   height: 100%;
@@ -4331,29 +4326,41 @@
   opacity: 1;
   transition: all 0.3s ease-in-out;
 }
-.thumb-select-wrapper .arco-dropdown-option-content {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 14px;
-}
 .card-list-wrapper {
   display: grid;
   grid-gap: 20px;
   grid-template-columns: repeat(5, 1fr);
 }
-.list-filter-wrapper {
+.list-filter-wrapper .list-filter-tags {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag {
+  padding: 5px 16px;
+  border-radius: 15px;
+  cursor: pointer;
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag:hover {
+  background-color: var(--color-fill-3);
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag.active {
+  color: rgb(var(--primary-6));
+  font-weight: bold;
+  background: var(--color-fill-2);
+}
+.list-filter-wrapper .list-filter {
   display: flex;
   justify-content: space-between;
 }
-.list-filter-wrapper .filter-list {
+.list-filter-wrapper .list-filter .filter-list {
   display: flex;
   gap: 10px;
 }
-.list-filter-wrapper .filter-list .filter-item {
+.list-filter-wrapper .list-filter .filter-list .filter-item {
   width: 100px;
 }
-.list-filter-wrapper .arco-input-prepend {
+.list-filter-wrapper .list-filter .arco-input-prepend {
   padding: 0;
 }
 .list-panel-wrapper {

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

@@ -90,12 +90,12 @@ const _sfc_main = vue.defineComponent({
           showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "item-load-more",
-            style: { width: "calc(20% - 20px)" },
+            style: vue.normalizeStyle({ width: "calc(20% - 20px)" }),
             onClick: loadMore
           }, [
             _hoisted_3,
             vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
-          ])) : vue.createCommentVNode("v-if", true)
+          ], 4)) : vue.createCommentVNode("v-if", true)
         ])
       ], 2112);
     };

package/lib/selectResourceModal/component.js

@@ -102,12 +102,15 @@ const _sfc_main = vue.defineComponent({
       changeKey("local");
       activeKey.value = "local";
     }
+    const FilterRef = vue.ref();
     vue.watch(
       () => props.visible,
       () => {
         if (props.visible) {
           activeKey.value = "all";
           changeKey("all");
+          if (FilterRef.value)
+            FilterRef.value.resetFilter();
         }
       }
     );
@@ -127,6 +130,8 @@ const _sfc_main = vue.defineComponent({
                 vue.createCommentVNode(" \u7B5B\u9009  "),
                 activeKey.value !== "local" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                   vue.createVNode(index$1, {
+                    ref_key: "FilterRef",
+                    ref: FilterRef,
                     "disable-upload-by": !["all", "remind"].includes(activeKey.value),
                     filterOptions: _ctx.filterOptions,
                     onChange: vue.unref(changeFilter),

package/lib/selectResourceModal/components/ListContentLocal/index.js

@@ -74,7 +74,7 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index$1), {
                     url: item.url,
-                    thumb: item.url,
+                    thumb: item.thumb || item.url,
                     catalog: item.catalog,
                     meta: item,
                     options: {

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

@@ -5,16 +5,23 @@ var icon = require("@arco-design/web-vue/es/icon");
 var useSelection = require("../../../hooks/useSelection.js");
 var typeMap = require("../../../utils/typeMap.js");
 var api = require("./scripts/api.js");
+var resource = require("../../../utils/resource.js");
 const _hoisted_1 = { class: "list-filter-wrapper" };
-const _hoisted_2 = { class: "filter-list" };
-const _hoisted_3 = { style: { "width": "200px" } };
-const _hoisted_4 = { class: "filter-item" };
+const _hoisted_2 = { class: "list-filter" };
+const _hoisted_3 = { class: "filter-list" };
+const _hoisted_4 = { style: { "width": "200px" } };
 const _hoisted_5 = { class: "filter-item" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "filter-item" };
+const _hoisted_7 = {
   key: 0,
   class: "filter-item"
 };
-const _hoisted_7 = { class: "filter-extra" };
+const _hoisted_8 = { class: "filter-extra" };
+const _hoisted_9 = {
+  key: 0,
+  class: "list-filter-tags"
+};
+const _hoisted_10 = ["onClick"];
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -22,7 +29,7 @@ const _sfc_main = vue.defineComponent({
     filterOptions: {}
   },
   emits: ["upload", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const userInfo = vue.inject("userInfo");
@@ -54,7 +61,8 @@ const _sfc_main = vue.defineComponent({
       create_end: "",
       keyword: "",
       precise_keyword: "",
-      upload_by: null
+      upload_by: null,
+      sf: ""
     };
     const filter = vue.ref(JSON.parse(JSON.stringify(originFilter)));
     const handleReset = () => {
@@ -93,6 +101,14 @@ const _sfc_main = vue.defineComponent({
         }
       }
     });
+    vue.watch(
+      () => searchType.value,
+      () => {
+        filter.value.sf = "";
+        filter.value.precise_keyword = "";
+        filter.value.keyword = "";
+      }
+    );
     const isEmpty = vue.computed(() => {
       return Object.keys(filter.value).every((key) => {
         return filter.value[key] === originFilter[key];
@@ -132,147 +148,161 @@ const _sfc_main = vue.defineComponent({
         originFilter.catalog = props.filterOptions.mediaType;
       }
     });
+    __expose({
+      resetFilter: handleReset
+    });
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createCommentVNode(" \u5173\u952E\u8BCD "),
           vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(vue.unref(webVue.Input), {
-              modelValue: searchInput.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
-              "allow-clear": "",
-              placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
-            }, {
-              prepend: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.Dropdown), {
-                  onSelect: _cache[0] || (_cache[0] = (e) => searchType.value = e)
-                }, {
-                  content: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Doption), { value: 0 }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("\u7CBE\u51C6\u641C")
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(webVue.Doption), { value: 1 }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("\u6A21\u7CCA\u641C")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Button), null, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(searchTypeText.value), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
-          vue.createElementVNode("div", _hoisted_4, [
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.catalog,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
-              disabled: (_a = _ctx.filterOptions) == null ? void 0 : _a.mediaTypeStrict,
+            vue.createCommentVNode(" \u5173\u952E\u8BCD "),
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(vue.unref(webVue.Input), {
+                modelValue: searchInput.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
+                "allow-clear": "",
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+              }, {
+                prepend: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Dropdown), {
+                    onSelect: _cache[0] || (_cache[0] = (e) => searchType.value = e)
+                  }, {
+                    content: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(webVue.Doption), { value: 0 }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("\u7CBE\u51C6\u641C")
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(vue.unref(webVue.Doption), { value: 1 }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("\u6A21\u7CCA\u641C")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(webVue.Button), null, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(searchTypeText.value), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter.value.catalog,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
+                disabled: (_a = _ctx.filterOptions) == null ? void 0 : _a.mediaTypeStrict,
+                "allow-clear": "",
+                placeholder: "\u7C7B\u578B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceCatalog), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            vue.createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
+            vue.createVNode(vue.unref(webVue.RangePicker), {
+              modelValue: rangeTime.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeTime.value = $event),
               "allow-clear": "",
-              placeholder: "\u7C7B\u578B"
+              style: { "width": "240px" }
+            }, null, 8, ["modelValue"]),
+            vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter.value.source,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.source = $event),
+                "allow-clear": "",
+                placeholder: "\u6765\u6E90"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceSource), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u4EBA "),
+            !_ctx.disableUploadBy ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter.value.upload_by,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.upload_by = $event),
+                "allow-clear": "",
+                placeholder: "\u4E0A\u4F20\u4EBA",
+                loading: vue.unref(loading),
+                "allow-search": "",
+                onSearch: vue.unref(handleSearch),
+                onDropdownReachBottom: vue.unref(loadMore)
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(options), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.id,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "loading", "onSearch", "onDropdownReachBottom"])
+            ])) : vue.createCommentVNode("v-if", true),
+            !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+              key: 1,
+              type: "text",
+              onClick: handleReset
             }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceCatalog), (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                vue.createTextVNode("\u91CD\u7F6E")
               ]),
               _: 1
-            }, 8, ["modelValue", "disabled"])
+            })) : vue.createCommentVNode("v-if", true)
           ]),
-          vue.createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
-          vue.createVNode(vue.unref(webVue.RangePicker), {
-            modelValue: rangeTime.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeTime.value = $event),
-            "allow-clear": "",
-            style: { "width": "240px" }
-          }, null, 8, ["modelValue"]),
-          vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.source,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.source = $event),
-              "allow-clear": "",
-              placeholder: "\u6765\u6E90"
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createVNode(vue.unref(webVue.Button), {
+              type: "primary",
+              onClick: _cache[6] || (_cache[6] = ($event) => emits("upload"))
             }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceSource), (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+              icon: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconUpload))
               ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u4EBA "),
-          !_ctx.disableUploadBy ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.upload_by,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.upload_by = $event),
-              "allow-clear": "",
-              placeholder: "\u4E0A\u4F20\u4EBA",
-              loading: vue.unref(loading),
-              "allow-search": "",
-              onSearch: vue.unref(handleSearch),
-              onDropdownReachBottom: vue.unref(loadMore)
-            }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(options), (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                    key: item.id,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                vue.createTextVNode(" \u4E0A\u4F20 ")
               ]),
               _: 1
-            }, 8, ["modelValue", "loading", "onSearch", "onDropdownReachBottom"])
-          ])) : vue.createCommentVNode("v-if", true),
-          !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
-            key: 1,
-            type: "text",
-            onClick: handleReset
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode("\u91CD\u7F6E")
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("v-if", true)
+            })
+          ])
         ]),
-        vue.createElementVNode("div", _hoisted_7, [
-          vue.createVNode(vue.unref(webVue.Button), {
-            type: "primary",
-            onClick: _cache[6] || (_cache[6] = ($event) => emits("upload"))
-          }, {
-            icon: vue.withCtx(() => [
-              vue.createVNode(vue.unref(icon.IconUpload))
-            ]),
-            default: vue.withCtx(() => [
-              vue.createTextVNode(" \u4E0A\u4F20 ")
-            ]),
-            _: 1
-          })
-        ])
+        searchInput.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resource.keywordsSelection), (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item.value,
+              class: vue.normalizeClass(["list-filter-tag", { active: filter.value.sf === item.value }]),
+              onClick: ($event) => filter.value.sf = item.value
+            }, vue.toDisplayString(item.name), 11, _hoisted_10);
+          }), 128))
+        ])) : vue.createCommentVNode("v-if", true)
       ]);
     };
   }

package/lib/selectResourceModal/style/index.css

@@ -3,18 +3,36 @@
   grid-gap: 20px;
   grid-template-columns: repeat(5, 1fr);
 }
-.list-filter-wrapper {
+.list-filter-wrapper .list-filter-tags {
   display: flex;
   justify-content: space-between;
+  margin-top: 10px;
 }
-.list-filter-wrapper .filter-list {
+.list-filter-wrapper .list-filter-tags .list-filter-tag {
+  padding: 5px 16px;
+  border-radius: 15px;
+  cursor: pointer;
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag:hover {
+  background-color: var(--color-fill-3);
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag.active {
+  color: rgb(var(--primary-6));
+  font-weight: bold;
+  background: var(--color-fill-2);
+}
+.list-filter-wrapper .list-filter {
+  display: flex;
+  justify-content: space-between;
+}
+.list-filter-wrapper .list-filter .filter-list {
   display: flex;
   gap: 10px;
 }
-.list-filter-wrapper .filter-list .filter-item {
+.list-filter-wrapper .list-filter .filter-list .filter-item {
   width: 100px;
 }
-.list-filter-wrapper .arco-input-prepend {
+.list-filter-wrapper .list-filter .arco-input-prepend {
   padding: 0;
 }
 .list-panel-wrapper {

package/lib/selectResourceModal/style/listFilter.less

@@ -1,17 +1,41 @@
 .list-filter-wrapper {
-  display: flex;
-  justify-content: space-between;
-
-  .filter-list {
+  .list-filter-tags {
     display: flex;
-    gap: 10px;
+    justify-content: space-between;
+    margin-top: 10px;
+
+    .list-filter-tag {
+      padding: 5px 16px;
+      border-radius: 15px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--color-fill-3);
+      }
 
-    .filter-item {
-      width: 100px;
+      &.active {
+        color: rgb(var(--primary-6));
+        font-weight: bold;
+        background: var(--color-fill-2);
+      }
     }
   }
 
-  .arco-input-prepend {
-    padding: 0;
+  .list-filter {
+    display: flex;
+    justify-content: space-between;
+
+    .filter-list {
+      display: flex;
+      gap: 10px;
+
+      .filter-item {
+        width: 100px;
+      }
+    }
+
+    .arco-input-prepend {
+      padding: 0;
+    }
   }
 }

package/lib/thumbCard/component.js

@@ -1,6 +1,5 @@
 "use strict";
 var vue = require("vue");
-var icon = require("@arco-design/web-vue/es/icon");
 var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var webVue = require("@arco-design/web-vue");
 var magic = require("./assets/magic.js");
@@ -17,7 +16,7 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "thumb-handler-list" };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = {
-  key: 3,
+  key: 2,
   class: "thumb-select-tag"
 };
 const _sfc_main = vue.defineComponent({
@@ -27,7 +26,6 @@ const _sfc_main = vue.defineComponent({
     BASE_API: {},
     url: {},
     thumb: {},
-    isEdit: { type: Boolean },
     useMask: { type: Boolean },
     options: {},
     meta: {},
@@ -76,9 +74,6 @@ const _sfc_main = vue.defineComponent({
     function handleOption(key) {
       emits("handle", { key, item: props.meta });
     }
-    function handleEdit(key) {
-      emits("edit", { key });
-    }
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -91,39 +86,7 @@ const _sfc_main = vue.defineComponent({
             percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
           }, null, 8, ["percent"]),
           ((_b = _ctx.meta) == null ? void 0 : _b.isTrans) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u8F6C\u7801\u4E2D...")) : vue.createCommentVNode("v-if", true)
-        ])) : _ctx.isEdit && !_ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.createCommentVNode(" \u7F16\u8F91\u6A21\u5F0F\u4E0B\u53EF\u4F7F\u7528\u60AC\u6D6E\u6846\u5FEB\u901F\u63D2\u5165\u7D20\u6750 "),
-          vue.createVNode(vue.unref(webVue.Dropdown), {
-            trigger: "hover",
-            onSelect: handleEdit
-          }, {
-            content: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.Doption), { value: "resource" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(vueCmstopIcons.IconResource)),
-                  vue.createTextVNode(" \u7D20\u6750\u5E93\u9009\u62E9 ")
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(webVue.Doption), { value: "local" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(vueCmstopIcons.IconComputer)),
-                  vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 ")
-                ]),
-                _: 1
-              })
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: "thumb-add",
-                onClick: _cache[0] || (_cache[0] = ($event) => handleEdit("resource"))
-              }, [
-                vue.createVNode(vue.unref(icon.IconPlus))
-              ])
-            ]),
-            _: 1
-          })
-        ], 64)) : _ctx.catalog && _ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+        ])) : _ctx.catalog && _ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.createCommentVNode(" \u6709\u7C7B\u578B\u7684\u5C01\u9762 "),
           vue.createCommentVNode(" \u56FE\u7247 "),
           _ctx.catalog ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), vue.mergeProps({

package/lib/thumbCard/style/index.css

@@ -22,11 +22,6 @@
 .thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
   color: #fff;
 }
-.thumb-select-wrapper .thumb-add {
-  color: var(--color-text-2);
-  font-size: 16px;
-  cursor: pointer;
-}
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
   height: 100%;
@@ -83,9 +78,3 @@
   opacity: 1;
   transition: all 0.3s ease-in-out;
 }
-.thumb-select-wrapper .arco-dropdown-option-content {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 14px;
-}