@cmstops/pro-compo 0.3.48 → 0.3.50

package/es/selectResourceModal/style/listCardWrapper.less

@@ -1,6 +1,8 @@
 .card-wrapper-image {
   position: relative;
   overflow: hidden;
+  user-select: none;
+  -webkit-user-drag: none;
 
   .card-wrapper {
     position: relative;
@@ -11,7 +13,15 @@
     aspect-ratio: 4 / 3;
 
     &.disable:not(.active) {
-      opacity: 0.4;
+      // disabled 下禁用
+      .thumb-image {
+        cursor: not-allowed;
+        opacity: 0.4;
+      }
+
+      .thumb-upload-loading {
+        cursor: not-allowed;
+      }
     }
 
     .mask {

package/es/thumbCard/component.js

@@ -1,23 +1,15 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, createCommentVNode, Fragment, createBlock, mergeProps, createElementVNode, renderList, withModifiers, toDisplayString, createTextVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, Fragment, createCommentVNode, unref, mergeProps, createTextVNode, toDisplayString, createElementVNode, renderList, withModifiers, renderSlot } from "vue";
 import { IconVideoTag, IconAudioTag } from "@arco-iconbox/vue-cmstop-icons";
-import { Progress, Image } from "@arco-design/web-vue";
+import { Image } from "@arco-design/web-vue";
 import magic from "./assets/magic.js";
 import { DEFAULT_BASE_API } from "../config.js";
 import { mediaTime } from "../utils/index.js";
+import _sfc_main$1 from "./components/ThumbUploading/index.js";
 const _hoisted_1 = {
-  key: 0,
-  class: "thumb-upload-loading"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "thumb-upload-text"
-};
-const _hoisted_3 = { class: "thumb-handler-list" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
   key: 2,
   class: "thumb-select-tag"
 };
+const _hoisted_2 = ["onClick"];
 const _sfc_main = defineComponent({
   ...{ name: "thumbCard" },
   __name: "component",
@@ -29,7 +21,8 @@ const _sfc_main = defineComponent({
     options: {},
     meta: {},
     catalog: {},
-    handlersKey: {}
+    handlersKey: {},
+    handlersAlways: { type: Boolean }
   },
   emits: ["handle", "edit"],
   setup(__props, { emit: __emit }) {
@@ -61,6 +54,13 @@ const _sfc_main = defineComponent({
       }
       return list;
     });
+    const thumbHandlerClass = computed(() => {
+      const list = [];
+      if (props.handlersAlways) {
+        list.push("thumb-handler-always");
+      }
+      return list;
+    });
     const aImageAttr = computed(() => {
       return {
         fit: "contain",
@@ -74,40 +74,41 @@ const _sfc_main = defineComponent({
       emits("handle", { key, item: props.meta });
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["thumb-select-wrapper", classList.value]),
         style: normalizeStyle(styleObject.value)
       }, [
-        isUploading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(Progress), {
-            type: "circle",
-            percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
-          }, null, 8, ["percent"]),
-          ((_b = _ctx.meta) == null ? void 0 : _b.isTrans) ? (openBlock(), createElementBlock("div", _hoisted_2, "\u8F6C\u7801\u4E2D...")) : createCommentVNode("v-if", true)
-        ])) : _ctx.catalog && _ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        isUploading.value ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          meta: _ctx.meta
+        }, null, 8, ["meta"])) : _ctx.catalog && _ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createCommentVNode(" \u6709\u7C7B\u578B\u7684\u5C01\u9762 "),
           createCommentVNode(" \u56FE\u7247 "),
           _ctx.catalog ? (openBlock(), createBlock(unref(Image), mergeProps({
             key: 0,
             class: "thumb-image",
             src: realThumb.value
-          }, aImageAttr.value), null, 16, ["src"])) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u5C55\u793A\u6A21\u5F0F "),
-          createElementVNode("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.handlersKey, (item) => {
-              return openBlock(), createElementBlock("div", {
-                key: item.key,
-                class: "handler-item",
-                onClick: withModifiers(() => handleOption(item.key), ["stop"])
-              }, toDisplayString(item.label), 9, _hoisted_4);
-            }), 128))
-          ])
+          }, aImageAttr.value), null, 16, ["src"])) : createCommentVNode("v-if", true)
         ], 64)) : createCommentVNode("v-if", true),
-        ["video", "audio"].includes(_ctx.catalog) && _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        createCommentVNode(" \u4E00\u4E9B\u6807\u7B7E\uFF08\u56DB\u4E2A\u89D2\uFF09 "),
+        ["video", "audio"].includes(_ctx.catalog) && _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_1, [
           _ctx.catalog === "video" ? (openBlock(), createBlock(unref(IconVideoTag), { key: 0 })) : (openBlock(), createBlock(unref(IconAudioTag), { key: 1 })),
-          createTextVNode(" " + toDisplayString(unref(mediaTime)((_c = _ctx.meta) == null ? void 0 : _c.length)), 1)
-        ])) : createCommentVNode("v-if", true)
+          createTextVNode(" " + toDisplayString(unref(mediaTime)((_a = _ctx.meta) == null ? void 0 : _a.length)), 1)
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" \u5916\u6302\u9009\u9879 "),
+        createElementVNode("div", {
+          class: normalizeClass(["thumb-handler-list", thumbHandlerClass.value])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.handlersKey, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.key,
+              class: "handler-item",
+              onClick: withModifiers(() => handleOption(item.key), ["stop"])
+            }, toDisplayString(item.label), 9, _hoisted_2);
+          }), 128)),
+          renderSlot(_ctx.$slots, "handlers")
+        ], 2)
       ], 6);
     };
   }

package/es/thumbCard/components/ThumbUploading/index.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, unref, createCommentVNode, normalizeClass, toDisplayString } from "vue";
+import { Progress } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "thumb-upload-loading" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    meta: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isFaild = computed(() => {
+      return [2, 3].includes(props.meta.status);
+    });
+    const isSuccess = computed(() => {
+      return [0].includes(props.meta.status);
+    });
+    const textStatusClass = computed(() => {
+      if (isFaild.value) {
+        return "thumb-upload-text-error";
+      }
+      if (isSuccess.value) {
+        return "thumb-upload-text-success";
+      }
+      return "";
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !isFaild.value ? (openBlock(), createBlock(unref(Progress), {
+          key: 0,
+          type: "circle",
+          percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
+        }, null, 8, ["percent"])) : createCommentVNode("v-if", true),
+        _ctx.meta.msg ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["thumb-upload-text", textStatusClass.value])
+        }, toDisplayString((_b = _ctx.meta) == null ? void 0 : _b.msg), 3)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/thumbCard/style/index.css

@@ -1,26 +1,34 @@
-.thumb-select-wrapper {
-  position: relative;
+.thumb-upload-loading {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  overflow: hidden;
-  border-radius: 2px;
-  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.thumb-upload-loading .arco-progress-circle-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text-success {
+  color: rgb(var(--success-2));
 }
-.thumb-select-wrapper .thumb-upload-loading {
+.thumb-upload-loading .thumb-upload-text-error {
+  color: rgb(var(--danger-6));
+}
+.thumb-select-wrapper {
+  position: relative;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  color: #fff;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
-  color: #fff;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
 }
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
@@ -40,6 +48,9 @@
   opacity: 0;
   transition: all 0.3s ease-in-out;
 }
+.thumb-select-wrapper .thumb-handler-list.thumb-handler-always {
+  opacity: 1 !important;
+}
 .thumb-select-wrapper .thumb-handler-list .handler-item {
   padding: 0 8px;
   color: #fff;

package/es/thumbCard/style/index.less

@@ -1,3 +1,5 @@
+@import './thumbUploading.less';
+
 .thumb-select-wrapper {
   position: relative;
   display: flex;
@@ -10,22 +12,6 @@
   border-radius: 2px;
   cursor: pointer;
 
-  // loading 模式
-  .thumb-upload-loading {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    background-color: rgba(0, 0, 0, 0.5);
-
-    .arco-progress-circle-text {
-      color: #fff;
-    }
-  }
-
   // 样式
   .thumb-image {
     img {
@@ -49,6 +35,10 @@
     opacity: 0;
     transition: all 0.3s ease-in-out;
 
+    &.thumb-handler-always {
+      opacity: 1 !important;
+    }
+
     .handler-item {
       padding: 0 8px;
       color: #fff;

package/es/thumbCard/style/thumbUploading.less

@@ -0,0 +1,26 @@
+// loading 模式
+.thumb-upload-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+
+  .arco-progress-circle-text {
+    color: #fff;
+  }
+
+  .thumb-upload-text {
+    color: #fff;
+
+    &-success {
+      color: rgb(var(--success-2));
+    }
+
+    &-error {
+      color: rgb(var(--danger-6));
+    }
+  }
+}

package/lib/docPreview/component.js

@@ -7,23 +7,22 @@ var PreviewIframe = require("./components/PreviewIframe.js");
 var hook = require("./scripts/hook.js");
 const _hoisted_1 = { class: "preview-close" };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "doc-preview-share" }, null, -1);
-const _hoisted_3 = { class: "doc-preview-share" };
-const _hoisted_4 = { class: "doc-preview-share-img" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
+const _hoisted_3 = { class: "doc-preview-share-img" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
   /* @__PURE__ */ vue.createElementVNode("div", { class: "doc-preview-share-img-hint" }, " \u6682\u65E0\u9884\u89C8 ")
 ], -1);
-const _hoisted_14 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1);
-const _hoisted_17 = { class: "doc-preview-share-action" };
+const _hoisted_13 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1);
+const _hoisted_16 = { class: "doc-preview-share-action" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "docPreview" },
   __name: "component",
@@ -52,7 +51,7 @@ const _sfc_main = vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "doc-preview-container",
-        onClick: _cache[6] || (_cache[6] = ($event) => emits("close"))
+        onClick: _cache[7] || (_cache[7] = ($event) => emits("close"))
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createVNode(vue.unref(icon.IconClose), {
@@ -67,20 +66,24 @@ const _sfc_main = vue.defineComponent({
         }, null, 8, ["src"]),
         vue.createVNode(vue.unref(webVue.Spin), { loading: vue.unref(loading) }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", {
+              class: "doc-preview-share",
+              onClick: _cache[6] || (_cache[6] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, [
               vue.unref(shareData) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createCommentVNode(" \u4E8C\u7EF4\u7801 "),
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_3, [
                   vue.createElementVNode("img", {
                     src: vue.unref(shareData).qrCode,
                     alt: ""
-                  }, null, 8, _hoisted_5)
+                  }, null, 8, _hoisted_4)
                 ]),
                 vue.createCommentVNode(" \u5907\u6CE8 "),
-                _hoisted_6,
+                _hoisted_5,
                 vue.createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
-                vue.createElementVNode("div", _hoisted_7, [
-                  _hoisted_8,
+                vue.createElementVNode("div", _hoisted_6, [
+                  _hoisted_7,
                   vue.createVNode(vue.unref(webVue.Link), {
                     type: "text",
                     onClick: vue.unref(copy)
@@ -92,12 +95,12 @@ const _sfc_main = vue.defineComponent({
                   }, 8, ["onClick"])
                 ]),
                 vue.createCommentVNode(" \u94FE\u63A5 "),
-                vue.createElementVNode("div", _hoisted_9, [
-                  vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(vue.unref(shareData).shareUrl), 1),
-                  vue.createElementVNode("div", _hoisted_11, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + vue.toDisplayString(vue.unref(intervalTime)), 1)
+                vue.createElementVNode("div", _hoisted_8, [
+                  vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(vue.unref(shareData).shareUrl), 1),
+                  vue.createElementVNode("div", _hoisted_10, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + vue.toDisplayString(vue.unref(intervalTime)), 1)
                 ]),
                 vue.createCommentVNode(" \u64CD\u4F5C "),
-                vue.createElementVNode("div", _hoisted_12, [
+                vue.createElementVNode("div", _hoisted_11, [
                   vue.createVNode(vue.unref(webVue.Button), {
                     onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(cancel)())
                   }, {
@@ -117,10 +120,10 @@ const _sfc_main = vue.defineComponent({
                   })
                 ])
               ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                _hoisted_12,
                 _hoisted_13,
-                _hoisted_14,
-                vue.createElementVNode("div", _hoisted_15, [
-                  _hoisted_16,
+                vue.createElementVNode("div", _hoisted_14, [
+                  _hoisted_15,
                   vue.createVNode(vue.unref(webVue.Select), {
                     modelValue: vue.unref(expireTime),
                     "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(expireTime) ? expireTime.value = $event : null),
@@ -139,7 +142,7 @@ const _sfc_main = vue.defineComponent({
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                vue.createElementVNode("div", _hoisted_17, [
+                vue.createElementVNode("div", _hoisted_16, [
                   vue.createVNode(vue.unref(webVue.Button), {
                     type: "primary",
                     onClick: _cache[5] || (_cache[5] = () => vue.unref(generate)())

package/lib/hooks/useAttachement.js

@@ -25,7 +25,7 @@ function getAttachmentsMyMessage(BASE_API, query) {
 }
 function useAttachement(options) {
   const key = vue.ref(options.key);
-  const limit = vue.ref(20);
+  const limit = vue.ref(30);
   const offset = vue.ref(0);
   const filter = vue.ref({});
   const params = vue.computed(() => {

package/lib/hooks/useUpload.js

@@ -30,7 +30,7 @@ function useUpload() {
     const originList = list.value;
     const taskIndex = originList.findIndex((task) => task.id === file.id);
     if (taskIndex !== -1) {
-      progress !== -1 && (originList[taskIndex].progress = Math.round(progress));
+      progress !== -1 && (originList[taskIndex].progress = progress.toFixed(2));
       file.status != null && (originList[taskIndex].status = file.status);
       file.msg != null && (originList[taskIndex].msg = file.msg);
       if (isTrans)
@@ -38,23 +38,32 @@ function useUpload() {
       originList[taskIndex].url = file.url;
     } else {
       file.created_at = new Date().getTime();
-      originList.push({ ...file, progress, status: 1 });
+      originList.unshift({ ...file, progress, status: 1 });
     }
     list.value = originList;
   }
+  const removeRecord = (file) => {
+    const originList = list.value;
+    const taskIndex = originList.findIndex((task) => task.id === file.id);
+    if (taskIndex !== -1) {
+      originList.splice(taskIndex, 1);
+      list.value = originList;
+    }
+  };
   const uploadFile = (BASE_API, file, dir = 0, repoId, callback) => {
     const newFile = {
-      id: index.generateUUID(),
+      id: file.id || index.generateUUID(),
       sig_id: file.sig_id || index.generateUUID(),
       name: file.name,
       url: "",
       size: file.size,
       isUpload: true,
-      type: file.type
+      type: file.type,
+      originFile: file
     };
     const upload = new tusUpload.TusUploadTask(file);
     newFile.abort = () => upload.abort();
-    recordTaskStatusChange(newFile, 0);
+    recordTaskStatusChange({ ...newFile, status: 1, msg: "\u4E0A\u4F20\u4E2D\u2026\u2026" }, 0);
     const progress = (percent, total) => {
       const progress2 = percent / total;
       recordTaskStatusChange(newFile, progress2);
@@ -84,7 +93,9 @@ function useUpload() {
       callback && callback({ ...message, sig_id: newFile.sig_id }, "success");
     }).catch((e) => {
       console.log("\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525} \u4E0A\u4F20\u5931\u8D25\uFF1A", e);
-      recordTaskStatusChange({ ...newFile, status: 2, msg: "\u5931\u8D25" }, -1);
+      setTimeout(() => {
+        recordTaskStatusChange({ ...newFile, status: 2, msg: "\u4E0A\u4F20\u5931\u8D25" }, -1);
+      }, 1e3);
       callback && callback(newFile, "fail");
     });
   };
@@ -98,7 +109,7 @@ function useUpload() {
     if (idx === -1)
       return;
     const item = list.value[idx];
-    recordTaskStatusChange(item, 0, true);
+    recordTaskStatusChange({ ...item, status: 1, msg: "\u8F6C\u7801\u4E2D\u2026\u2026" }, 0, true);
     const progress = (progress2) => recordTaskStatusChange(item, progress2);
     const transing = task.start(BASE_API, progress);
     transing.then(async (res) => {
@@ -108,11 +119,17 @@ function useUpload() {
         setTimeout(() => uploadSuccess(file), 200);
       } else {
         console.log("\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525} \u8F6C\u7801\u5931\u8D25\uFF1A", item);
-        recordTaskStatusChange({ ...item, status: 2, msg: "\u8F6C\u7801\u5931\u8D25" }, -1);
+        recordTaskStatusChange(
+          { ...item, mediaFile: file, status: 3, msg: "\u8F6C\u7801\u5931\u8D25" },
+          -1
+        );
       }
     }).catch((e) => {
       console.log("\u{1F525}\u{1F525}\u{1F525}\u{1F525}\u{1F525} \u8F6C\u7801\u5931\u8D25", e);
-      recordTaskStatusChange({ ...item, status: 2, msg: "\u8F6C\u7801\u5931\u8D25" }, -1);
+      recordTaskStatusChange(
+        { ...item, mediaFile: file, status: 3, msg: "\u8F6C\u7801\u5931\u8D25" },
+        -1
+      );
     });
   };
   vue.watch(() => list.value, set, { deep: true });
@@ -121,7 +138,8 @@ function useUpload() {
     list,
     uploadFile,
     transcodingFile,
-    recordTaskStatusChange
+    recordTaskStatusChange,
+    removeRecord
   };
 }
 exports.addMedia = addMedia;

package/lib/index.css

@@ -4246,29 +4246,37 @@
   color: #fff;
   font-size: 18px;
 }
-.thumb-select-wrapper {
-  position: relative;
+.thumb-upload-loading {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  overflow: hidden;
-  border-radius: 2px;
-  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.5);
 }
-.thumb-select-wrapper .thumb-upload-loading {
+.thumb-upload-loading .arco-progress-circle-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text-success {
+  color: rgb(var(--success-2));
+}
+.thumb-upload-loading .thumb-upload-text-error {
+  color: rgb(var(--danger-6));
+}
+.thumb-select-wrapper {
+  position: relative;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  color: #fff;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
-  color: #fff;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
 }
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
@@ -4288,6 +4296,9 @@
   opacity: 0;
   transition: all 0.3s ease-in-out;
 }
+.thumb-select-wrapper .thumb-handler-list.thumb-handler-always {
+  opacity: 1 !important;
+}
 .thumb-select-wrapper .thumb-handler-list .handler-item {
   padding: 0 8px;
   color: #fff;
@@ -4463,6 +4474,8 @@
 .card-wrapper-image {
   position: relative;
   overflow: hidden;
+  user-select: none;
+  -webkit-user-drag: none;
 }
 .card-wrapper-image .card-wrapper {
   position: relative;
@@ -4471,9 +4484,13 @@
   transition: all 0.3s ease-in-out;
   aspect-ratio: 4 / 3;
 }
-.card-wrapper-image .card-wrapper.disable:not(.active) {
+.card-wrapper-image .card-wrapper.disable:not(.active) .thumb-image {
+  cursor: not-allowed;
   opacity: 0.4;
 }
+.card-wrapper-image .card-wrapper.disable:not(.active) .thumb-upload-loading {
+  cursor: not-allowed;
+}
 .card-wrapper-image .card-wrapper .mask {
   position: absolute;
   top: 0;

package/lib/selectResourceModal/component.js

@@ -61,6 +61,7 @@ const _sfc_main = vue.defineComponent({
       };
     });
     const activeKey = vue.ref("all");
+    vue.provide("filterOptions", vue.computed(() => props.filterOptions));
     vue.provide("userInfo", vue.computed(() => props.userInfo));
     vue.provide("baseAPI", BASE_API);
     const {