@cmstops/pro-compo 0.3.45 → 0.3.47

package/lib/selectResourceModal/component.js

@@ -67,6 +67,7 @@ const _sfc_main = vue.defineComponent({
       list,
       total,
       limit,
+      pageIdx,
       loading,
       changeKey,
       changeFilter,
@@ -101,6 +102,18 @@ 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();
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.wrap === "drawer" ? vue.unref(webVue.Drawer) : vue.unref(webVue.Modal)), vue.mergeProps({ visible: _ctx.visible }, wrapProps.value), {
@@ -117,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),
@@ -157,15 +172,17 @@ const _sfc_main = vue.defineComponent({
                   vue.createElementVNode("div", _hoisted_7, [
                     activeKey.value !== "local" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Pagination), {
                       key: 0,
+                      current: vue.unref(pageIdx),
+                      "onUpdate:current": _cache[1] || (_cache[1] = ($event) => vue.isRef(pageIdx) ? pageIdx.value = $event : null),
                       total: vue.unref(total),
                       "page-size": vue.unref(limit),
                       "show-total": "",
                       "show-page-size": "",
                       "base-size": 3,
                       "buffer-size": 1,
-                      onChange: _cache[1] || (_cache[1] = (e) => vue.unref(changePage)((e - 1) * vue.unref(limit))),
+                      onChange: _cache[2] || (_cache[2] = (e) => vue.unref(changePage)((e - 1) * vue.unref(limit))),
                       onPageSizeChange: vue.unref(changeSize)
-                    }, null, 8, ["total", "page-size", "onPageSizeChange"])) : vue.createCommentVNode("v-if", true)
+                    }, null, 8, ["current", "total", "page-size", "onPageSizeChange"])) : vue.createCommentVNode("v-if", true)
                   ]),
                   vue.unref(selected).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
                     vue.createVNode(index$4, {

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];
@@ -108,159 +124,185 @@ const _sfc_main = vue.defineComponent({
           if (!result[key])
             delete result[key];
         });
+        if (!result.catalog)
+          result.catalog = "image,video,audio";
         emits("change", result);
       },
       { deep: true, immediate: true }
     );
+    vue.watch(
+      () => props.filterOptions,
+      () => {
+        var _a;
+        if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
+          filter.value.catalog = props.filterOptions.mediaType;
+        }
+      },
+      { immediate: true }
+    );
     vue.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;
       }
     });
+    __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/components/ListSelected/index.js

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

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

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

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 {
@@ -61,7 +79,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/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/selectResourceModal/style/listSelected.less

@@ -48,7 +48,13 @@
     overflow-y: scroll;
 
     &::-webkit-scrollbar {
-      display: none;
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #ececec;
+      -webkit-border-radius: 6px;
+      opacity: 0.5;
     }
 
     .list-selected-item {

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({