@cmstops/pro-compo 0.3.77 → 0.3.79

package/lib/selectResourceModal/component.js

@@ -121,44 +121,44 @@ const _sfc_main = vue.defineComponent({
                           onClear: vue.unref(handleClear)
                         }, null, 8, ["maxcount", "selected", "onRemove", "onClear"]),
                         vue.createVNode(vue.unref(webVue.Button), { onClick: vue.unref(close) }, {
-                          default: vue.withCtx(() => [
+                          default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                             vue.createTextVNode("\u53D6\u6D88")
-                          ]),
+                          ])),
                           _: 1
                         }, 8, ["onClick"]),
                         vue.createVNode(vue.unref(webVue.Button), {
                           type: "primary",
                           onClick: confirm
                         }, {
-                          default: vue.withCtx(() => [
+                          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                             vue.createTextVNode(" \u786E\u5B9A ")
-                          ]),
+                          ])),
                           _: 1
                         })
                       ], 64)) : vue.createCommentVNode("v-if", true)
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createVNode(vue.unref(webVue.Button), { onClick: vue.unref(close) }, {
-                        default: vue.withCtx(() => [
+                        default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                           vue.createTextVNode("\u53D6\u6D88")
-                        ]),
+                        ])),
                         _: 1
                       }, 8, ["onClick"]),
                       vue.createVNode(vue.unref(webVue.Button), {
                         type: "primary",
                         onClick: ($event) => confirm("crop", onConfirm)
                       }, {
-                        default: vue.withCtx(() => [
+                        default: vue.withCtx(() => _cache[4] || (_cache[4] = [
                           vue.createTextVNode(" \u88C1\u526A ")
-                        ]),
+                        ])),
                         _: 2
                       }, 1032, ["onClick"]),
                       vue.createVNode(vue.unref(webVue.Button), {
                         type: "primary",
                         onClick: ($event) => confirm("use", onConfirm)
                       }, {
-                        default: vue.withCtx(() => [
+                        default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                           vue.createTextVNode(" \u4F7F\u7528 ")
-                        ]),
+                        ])),
                         _: 2
                       }, 1032, ["onClick"])
                     ], 64))

package/lib/selectResourceModal/components/List/ListAi/index.js

@@ -1,11 +1,7 @@
 "use strict";
 var vue = require("vue");
 var ListWraper = require("../ListWraper.js");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }),
-  /* @__PURE__ */ vue.createTextVNode(" \u5C01\u9762\u56FE ")
-], -1);
-const _hoisted_2 = { class: "list-item-grid" };
+const _hoisted_1 = { class: "list-item-grid" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -35,8 +31,11 @@ const _sfc_main = vue.defineComponent({
         ]),
         default: vue.withCtx(() => [
           aiThumbListReal.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _hoisted_1,
-            vue.createElementVNode("div", _hoisted_2, [
+            _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "title" }, [
+              vue.createElementVNode("div", { class: "line" }),
+              vue.createTextVNode(" \u5C01\u9762\u56FE ")
+            ], -1)),
+            vue.createElementVNode("div", _hoisted_1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(aiThumbListReal.value, (item) => {
                 return vue.renderSlot(_ctx.$slots, "item", {
                   key: item.url,

package/lib/selectResourceModal/components/List/ListCardWrapper.js

@@ -1,13 +1,11 @@
 "use strict";
 var vue = require("vue");
 var index = require("../../../thumbCard/index.js");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mask" }, null, -1);
-const _hoisted_2 = { class: "card-alias" };
-const _hoisted_3 = {
+const _hoisted_1 = { class: "card-alias" };
+const _hoisted_2 = {
   key: 0,
   class: "check-box active"
 };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "check-box" }, null, -1);
 const _sfc_main = vue.defineComponent({
   __name: "ListCardWrapper",
   props: {
@@ -83,17 +81,17 @@ const _sfc_main = vue.defineComponent({
             "handlers-key": handlersKey.value,
             onHandle: _cache[0] || (_cache[0] = (e) => emits("options", e))
           }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"]),
-          _hoisted_1
+          _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "mask" }, null, -1))
         ], 2),
-        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.item.alias), 1),
+        vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(_ctx.item.alias), 1),
         vue.createElementVNode("div", {
           class: "check-box-wrapper",
           onClick: vue.withModifiers(handleCheck, ["stop"])
         }, [
           vue.createCommentVNode(" \u5DF2\u9009 "),
-          selectedOrder.value[resourceKey.value] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(selectedOrder.value[resourceKey.value]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          selectedOrder.value[resourceKey.value] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(selectedOrder.value[resourceKey.value]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createCommentVNode(" \u662F\u5426\u53EF\u4EE5\u9009\u62E9 "),
-            _hoisted_4
+            _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "check-box" }, null, -1))
           ], 64)) : vue.createCommentVNode("v-if", true)
         ])
       ]);

package/lib/selectResourceModal/components/List/ListLocal/Upload.js

@@ -46,7 +46,7 @@ const _sfc_main = vue.defineComponent({
                   vue.createVNode(vue.unref(vueCmstopIcons.IconComputer))
                 ]),
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 ")
+                  _cache[0] || (_cache[0] = vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 "))
                 ]),
                 _: 1
               })

package/lib/selectResourceModal/components/List/ListNormal/Filter.js

@@ -176,15 +176,15 @@ const _sfc_main = vue.defineComponent({
                   }, {
                     content: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Doption), { value: 0 }, {
-                        default: vue.withCtx(() => [
+                        default: vue.withCtx(() => _cache[7] || (_cache[7] = [
                           vue.createTextVNode("\u7CBE\u51C6\u641C")
-                        ]),
+                        ])),
                         _: 1
                       }),
                       vue.createVNode(vue.unref(webVue.Doption), { value: 1 }, {
-                        default: vue.withCtx(() => [
+                        default: vue.withCtx(() => _cache[8] || (_cache[8] = [
                           vue.createTextVNode("\u6A21\u7CCA\u641C")
-                        ]),
+                        ])),
                         _: 1
                       })
                     ]),
@@ -279,9 +279,9 @@ const _sfc_main = vue.defineComponent({
               type: "text",
               onClick: handleReset
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[9] || (_cache[9] = [
                 vue.createTextVNode(" \u91CD\u7F6E ")
-              ]),
+              ])),
               _: 1
             })) : vue.createCommentVNode("v-if", true)
           ]),
@@ -294,7 +294,7 @@ const _sfc_main = vue.defineComponent({
                 vue.createVNode(vue.unref(icon.IconUpload))
               ]),
               default: vue.withCtx(() => [
-                vue.createTextVNode(" \u4E0A\u4F20 ")
+                _cache[10] || (_cache[10] = vue.createTextVNode(" \u4E0A\u4F20 "))
               ]),
               _: 1
             })

package/lib/selectResourceModal/components/List/ListSystem/Filter.js

@@ -128,9 +128,9 @@ const _sfc_main = vue.defineComponent({
               type: "text",
               onClick: handleReset
             }, {
-              default: vue.withCtx(() => [
+              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                 vue.createTextVNode(" \u91CD\u7F6E ")
-              ]),
+              ])),
               _: 1
             })) : vue.createCommentVNode("v-if", true)
           ])

package/lib/selectResourceModal/components/List/ListSystem/SubList.js

@@ -3,7 +3,6 @@ var vue = require("vue");
 var sys_load_more = require("../../../assets/images/sys_load_more.js");
 var useAttachement = require("../../../../hooks/useAttachement.js");
 const _hoisted_1 = { class: "list-item-grid" };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: sys_load_more }, null, -1);
 const _sfc_main = vue.defineComponent({
   __name: "SubList",
   props: {
@@ -56,10 +55,10 @@ const _sfc_main = vue.defineComponent({
             key: 0,
             class: "item-load-more",
             onClick: loadMore
-          }, [
-            _hoisted_2,
+          }, _cache[0] || (_cache[0] = [
+            vue.createElementVNode("img", { src: sys_load_more }, null, -1),
             vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
-          ])) : vue.createCommentVNode("v-if", true)
+          ]))) : vue.createCommentVNode("v-if", true)
         ])
       ], 2112);
     };

package/lib/selectResourceModal/components/List/ListSystem/index.js

@@ -9,7 +9,6 @@ const _hoisted_1 = {
   class: "scen-module"
 };
 const _hoisted_2 = { class: "title" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }, null, -1);
 const _sfc_main = vue.defineComponent({
   __name: "index",
   emits: ["confirm"],
@@ -81,7 +80,7 @@ const _sfc_main = vue.defineComponent({
             }, [
               sceniro.data && sceniro.data.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
                 vue.createElementVNode("div", _hoisted_2, [
-                  _hoisted_3,
+                  _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "line" }, null, -1)),
                   vue.createTextVNode(" " + vue.toDisplayString(sceniro.scenario_name), 1)
                 ]),
                 vue.createCommentVNode(" \u5185\u7F6E\u7D20\u6750 - \u573A\u666F\u5217\u8868 "),

package/lib/selectThumb/component.js

@@ -28,40 +28,31 @@ const _hoisted_7 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
-const _hoisted_9 = { class: "thumbbox" };
-const _hoisted_10 = {
+const _hoisted_8 = { class: "thumbbox" };
+const _hoisted_9 = {
   key: 2,
   class: "title"
 };
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_12 = [
-  _hoisted_11
-];
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = {
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = {
   key: 0,
   class: "star"
 };
-const _hoisted_15 = { key: 1 };
-const _hoisted_16 = {
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = {
   key: 2,
   class: "tip",
   style: { "margin-left": "10px" }
 };
-const _hoisted_17 = { class: "thumbbox" };
-const _hoisted_18 = {
+const _hoisted_14 = { class: "thumbbox" };
+const _hoisted_15 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_19 = {
+const _hoisted_16 = {
   key: 1,
   class: "title"
 };
-const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_21 = [
-  _hoisted_20
-];
 const _sfc_main = vue.defineComponent({
   ...{ name: "selectThumb" },
   __name: "component",
@@ -492,7 +483,7 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              _hoisted_8,
+              _cache[11] || (_cache[11] = vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1)),
               vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
               !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
@@ -501,7 +492,7 @@ const _sfc_main = vue.defineComponent({
                 size: "small"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
             ], 4),
-            vue.createElementVNode("div", _hoisted_9, [
+            vue.createElementVNode("div", _hoisted_8, [
               vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
               _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
@@ -524,7 +515,9 @@ const _sfc_main = vue.defineComponent({
                 onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : vue.createCommentVNode("v-if", true),
-              hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, _hoisted_12)) : vue.createCommentVNode("v-if", true),
+              hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, _cache[12] || (_cache[12] = [
+                vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1)
+              ]))) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
               hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
                 key: 3,
@@ -542,13 +535,13 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, [
-                _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, "*")) : vue.createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, [
+                _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "*")) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("span", null, vue.toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
-              ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
-              !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
+              ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, "PC\u5C01\u9762\u56FE")),
+              !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
             ], 4),
-            vue.createElementVNode("div", _hoisted_17, [
+            vue.createElementVNode("div", _hoisted_14, [
               vue.createVNode(card, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
@@ -562,8 +555,10 @@ const _sfc_main = vue.defineComponent({
                 onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
-              _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
-              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _hoisted_21)) : vue.createCommentVNode("v-if", true),
+              _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, _cache[13] || (_cache[13] = [
+                vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1)
+              ]))) : vue.createCommentVNode("v-if", true),
               docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
                 key: 2,
                 model: "top",
@@ -573,7 +568,7 @@ const _sfc_main = vue.defineComponent({
             ])
           ], 2)
         ], 64)) : vue.createCommentVNode("v-if", true),
-        vue.createCommentVNode(" 2024.9.2 dyz\uFF1A\u5F03\u7528\u65E7\u5F39\u7A97 "),
+        vue.createCommentVNode(" 2024.9.2 v3.7.0 dyz\uFF1A\u5F03\u7528\u65E7\u5F39\u7A97 "),
         vue.createCommentVNode(` <resourceModal
       v-model:dialogVisible="dialogMediaSelectionShow"
       :preview="false"
@@ -583,17 +578,18 @@ const _sfc_main = vue.defineComponent({
       @submit="submitCallback"
       @upload="(cb) => $emit('upload', cb)"
     /> `),
-        vue.createCommentVNode(" 2024.9.2 dyz\uFF1A\u4F7F\u7528\u65E7\u5F39\u7A97 "),
+        vue.createCommentVNode(" 2024.9.2 v3.7.0 dyz\uFF1A\u4F7F\u7528\u65B0\u5F39\u7A97 "),
         dialogMediaSelectionShow.value ? (vue.openBlock(), vue.createBlock(component, {
           key: 1,
           visible: dialogMediaSelectionShow.value,
           "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => dialogMediaSelectionShow.value = $event),
           maxcount: 1,
+          "media-use-type": _ctx.mediaUseType,
           userInfo: { domain_id: 1, repository_id: 4 },
           filterOptions: { mediaType: "image", mediaTypeStrict: true },
           wrap: "modal",
           onSubmit: submitCallback
-        }, null, 8, ["visible"])) : vue.createCommentVNode("v-if", true),
+        }, null, 8, ["visible", "media-use-type"])) : vue.createCommentVNode("v-if", true),
         refreshCrop.value ? (vue.openBlock(), vue.createBlock(component$1, {
           key: 2,
           visible: dialogCropperShow.value,

package/lib/uploadBefore/components/UploadBefore.js

@@ -122,9 +122,9 @@ const _sfc_main = vue.defineComponent({
         onOk: handleOk,
         onCancel: handleClose
       }, {
-        title: vue.withCtx(() => [
+        title: vue.withCtx(() => _cache[1] || (_cache[1] = [
           vue.createTextVNode("\u4E0A\u4F20\u914D\u7F6E")
-        ]),
+        ])),
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
             vue.createVNode(vue.unref(webVue.Table), {

package/lib/userAvater/component.js

@@ -138,9 +138,9 @@ const _sfc_main = vue.defineComponent({
                     type: "text",
                     onClick: _cache[1] || (_cache[1] = ($event) => loginOut())
                   }, {
-                    default: vue.withCtx(() => [
+                    default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                       vue.createTextVNode("\u9000\u51FA")
-                    ]),
+                    ])),
                     _: 1
                   })
                 ])

package/lib/userDirector/component.js

@@ -226,9 +226,9 @@ const _sfc_main = vue.defineComponent({
                   size: "mini",
                   onClick: clearUserSelectedList
                 }, {
-                  default: vue.withCtx(() => [
+                  default: vue.withCtx(() => _cache[0] || (_cache[0] = [
                     vue.createTextVNode("\u5168\u90E8\u6E05\u9664")
-                  ]),
+                  ])),
                   _: 1
                 })
               ]),

package/lib/videoThumb/component.js

@@ -1,12 +1,17 @@
 "use strict";
 var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
 var config = require("../config.js");
 var useVideoThumbs = require("./scripts/useVideoThumbs.js");
 const _hoisted_1 = { class: "video-thumb" };
-const _hoisted_2 = { class: "video-player-container" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["src"];
+const _hoisted_2 = {
+  key: 0,
+  class: "video-thumb-loading"
+};
+const _hoisted_3 = { class: "video-player-container" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["src"];
 const _sfc_main = vue.defineComponent({
   ...{ name: "videoThumb" },
   __name: "component",
@@ -22,7 +27,7 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    const { thumbs, curThumb, getVideoThumbs, handleSelectThumb } = useVideoThumbs.useVideoThumbs();
+    const { thumbs, loading, curThumb, getVideoThumbs, handleSelectThumb } = useVideoThumbs.useVideoThumbs();
     const videoThumbRef = vue.ref();
     const videoThumbDrager = vue.ref();
     const width = vue.computed(() => {
@@ -70,35 +75,42 @@ const _sfc_main = vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("img", { src: vue.unref(curThumb) }, null, 8, _hoisted_3)
-        ]),
-        vue.createCommentVNode(" \u5C01\u9762\u56FE "),
-        vue.createElementVNode("div", {
-          ref_key: "videoThumbRef",
-          ref: videoThumbRef,
-          class: "video-thumb-list"
-        }, [
-          vue.unref(thumbs).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref_key: "videoThumbDrager",
-            ref: videoThumbDrager,
-            class: "video-thumb-list-drager",
-            onMousedown: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMousedown) && vue.unref(handleMousedown)(...args))
-          }, null, 544)) : vue.createCommentVNode("v-if", true),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(thumbs), (thumb, idx) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: thumb,
-              class: vue.normalizeClass(["video-thumb-list-item", { active: vue.unref(curThumb) === thumb }]),
-              onClick: ($event) => handleSelect(idx)
-            }, [
-              vue.createElementVNode("img", {
-                src: thumb,
-                alt: ""
-              }, null, 8, _hoisted_5)
-            ], 10, _hoisted_4);
-          }), 128))
-        ], 512)
+        vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.Spin), {
+            loading: vue.unref(loading),
+            tip: "\u751F\u6210\u89C6\u9891\u5C01\u9762\u4E2D..."
+          }, null, 8, ["loading"])
+        ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("img", { src: vue.unref(curThumb) }, null, 8, _hoisted_4)
+          ]),
+          vue.createCommentVNode(" \u5C01\u9762\u56FE "),
+          vue.createElementVNode("div", {
+            ref_key: "videoThumbRef",
+            ref: videoThumbRef,
+            class: "video-thumb-list"
+          }, [
+            vue.unref(thumbs).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "videoThumbDrager",
+              ref: videoThumbDrager,
+              class: "video-thumb-list-drager",
+              onMousedown: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMousedown) && vue.unref(handleMousedown)(...args))
+            }, null, 544)) : vue.createCommentVNode("v-if", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(thumbs), (thumb, idx) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: thumb,
+                class: vue.normalizeClass(["video-thumb-list-item", { active: vue.unref(curThumb) === thumb }]),
+                onClick: ($event) => handleSelect(idx)
+              }, [
+                vue.createElementVNode("img", {
+                  src: thumb,
+                  alt: ""
+                }, null, 8, _hoisted_6)
+              ], 10, _hoisted_5);
+            }), 128))
+          ], 512)
+        ], 64))
       ]);
     };
   }

package/lib/videoThumb/scripts/useVideoThumbs.js

@@ -41,6 +41,7 @@ function useVideoThumbs() {
     curThumb.value = thumbs.value[idx];
   }
   return {
+    loading,
     thumbs,
     curThumb,
     getVideoThumbs,

package/lib/videoThumb/style/index.css

@@ -54,3 +54,10 @@
 .video-thumb .video-thumb-list .video-thumb-list-drager:hover {
   transform: scale(1.05);
 }
+.video-thumb-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}

package/lib/videoThumb/style/index.less

@@ -66,4 +66,12 @@
       }
     }
   }
+
+  &-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.77",
+  "version": "0.3.79",
   "description": "",
   "keywords": [
     "vue",