@cmstops/pro-compo 0.3.83 → 0.3.85

package/lib/importData/component.js

@@ -0,0 +1,171 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+const _hoisted_1 = { class: "memberImport-content" };
+const _hoisted_2 = { style: { "margin-bottom": "24px" } };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "importData" },
+  __name: "component",
+  props: {
+    title: {},
+    visible: { type: Boolean },
+    uploadAction: {},
+    importTemplateUrl: {}
+  },
+  emits: [
+    "update:visible",
+    "uploadSuccess",
+    "uploadChange",
+    "importStart",
+    "callback"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const diaVisible = vue.computed({
+      get() {
+        return props.visible;
+      },
+      set(value) {
+        emit("update:visible", value);
+      }
+    });
+    const importData = vue.ref({});
+    const importErrorInfo = vue.ref("");
+    const importStep = vue.ref(0);
+    const fileUrl = vue.ref("");
+    function uploadSuccess(e) {
+      const { response } = e;
+      fileUrl.value = response.message;
+      importStep.value = 1;
+    }
+    function uploadChange(e) {
+      if (!e[0]) {
+        importStep.value = 0;
+      }
+    }
+    const importPercent = vue.ref(0);
+    const importStart = async () => {
+      emit(
+        "importStart",
+        { fileUrl: fileUrl.value },
+        (status, cbInfo) => {
+          if (status === "success") {
+            importData.value = cbInfo.message;
+            importErrorInfo.value = cbInfo.real_error;
+            importStep.value = 2;
+            importPercent.value = 0.3;
+            setTimeout(() => {
+              importPercent.value = 1;
+            }, 500);
+          } else {
+            importErrorInfo.value = cbInfo.real_error;
+            importStep.value = 2;
+            importPercent.value = 0.3;
+            setTimeout(() => {
+              importPercent.value = 1;
+            }, 500);
+          }
+        }
+      );
+    };
+    function handleOk() {
+      emit("callback");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
+        visible: diaVisible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => diaVisible.value = $event),
+        "title-align": "start",
+        width: 680,
+        "modal-class": "memberImport",
+        "ok-text": "\u5B8C\u6210",
+        "hide-cancel": true,
+        footer: importPercent.value === 1 && !importErrorInfo.value,
+        onOk: handleOk
+      }, {
+        title: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.title || "\u5BFC\u5165\u6570\u636E"), 1)
+        ]),
+        default: vue.withCtx(() => {
+          var _a, _b;
+          return [
+            vue.createElementVNode("div", _hoisted_1, [
+              _cache[5] || (_cache[5] = vue.createElementVNode("h3", null, "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248", -1)),
+              vue.createElementVNode("p", _hoisted_2, [
+                _cache[2] || (_cache[2] = vue.createTextVNode(" \u4E25\u683C\u6309\u7167\u6A21\u677F\u683C\u5F0F\u53CA\u5185\u5BB9\u51C6\u5907\u5BFC\u5165\u7684\u6570\u636E\u3002 ")),
+                vue.createVNode(vue.unref(webVue.Link), {
+                  target: "_blank",
+                  href: _ctx.importTemplateUrl
+                }, {
+                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                    vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  ])),
+                  _: 1
+                }, 8, ["href"])
+              ]),
+              _cache[6] || (_cache[6] = vue.createElementVNode("h3", null, "\u4E0A\u4F20\u6587\u4EF6", -1)),
+              _cache[7] || (_cache[7] = vue.createElementVNode("p", null, "\u652F\u6301.xls\uFF0C.xlsx\u6587\u4EF6", -1)),
+              importStep.value === 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                vue.createVNode(vue.unref(webVue.Progress), {
+                  percent: importPercent.value,
+                  animation: true,
+                  style: { width: "100%" },
+                  status: importErrorInfo.value && importPercent.value === 1 ? "danger" : importPercent.value === 1 ? "success" : "normal"
+                }, null, 8, ["percent", "status"]),
+                importPercent.value === 1 && ((_a = importData.value) == null ? void 0 : _a.success_count) !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, [
+                  vue.createTextVNode(" \u5BFC\u5165\u5B8C\u6210\uFF0C\u6210\u529F\u5BFC\u5165 " + vue.toDisplayString(importData.value.success_count) + " \u6761\u6570\u636E\uFF0C " + vue.toDisplayString(importData.value.failed_count) + " \u6761\u6570\u636E\u5BFC\u5165\u5931\u8D25\u3002 ", 1),
+                  vue.createVNode(vue.unref(webVue.Link), {
+                    target: "_blank",
+                    href: importData.value.result_url
+                  }, {
+                    default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                      vue.createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u7ED3\u679C ")
+                    ])),
+                    _: 1
+                  }, 8, ["href"])
+                ])) : vue.createCommentVNode("v-if", true),
+                importPercent.value === 1 && ((_b = importData.value) == null ? void 0 : _b.success_count) === void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, " \u5BFC\u5165\u5931\u8D25\uFF0C" + vue.toDisplayString(importErrorInfo.value), 1)) : vue.createCommentVNode("v-if", true)
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createVNode(vue.unref(webVue.Space), {
+                size: 12,
+                direction: "vertical",
+                fill: ""
+              }, {
+                default: vue.withCtx(() => [
+                  importStep.value !== 2 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Upload), {
+                    key: 0,
+                    draggable: "",
+                    "with-credentials": true,
+                    limit: 1,
+                    action: _ctx.uploadAction,
+                    accept: ".xls,.xlsx",
+                    onSuccess: uploadSuccess,
+                    onChange: uploadChange
+                  }, null, 8, ["action"])) : vue.createCommentVNode("v-if", true),
+                  importStep.value === 1 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+                    key: 1,
+                    type: "primary",
+                    class: "primary2",
+                    onClick: importStart
+                  }, {
+                    default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                      vue.createTextVNode("\u5F00\u59CB\u5BFC\u5165")
+                    ])),
+                    _: 1
+                  })) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["visible", "footer"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/importData/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const importData = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = importData;

package/lib/importData/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");

package/lib/importData/style/index.css

@@ -0,0 +1,40 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.memberImport .arco-transfer-view {
+  width: 265px;
+}
+.memberImport .arco-modal-body {
+  display: flex;
+  justify-content: center;
+}
+.memberImport .arco-modal-body .memberImport-content {
+  width: 100%;
+  min-height: 400px;
+  padding: 0 26px;
+}
+.memberImport .arco-modal-body .memberImport-content h3 {
+  color: var(---color-text-1, #1d2129);
+  font-weight: 500;
+  font-size: 14px;
+  /* 14/CN-Medium */
+  font-family: 'PingFang SC';
+  font-style: normal;
+  line-height: 22px;
+  /* 157.143% */
+}
+.memberImport .arco-modal-body .memberImport-content p {
+  color: var(---color-text-2, #4e5969);
+  font-weight: 400;
+  font-size: 14px;
+  /* 14/CN-Regular */
+  font-family: 'PingFang SC';
+  font-style: normal;
+  line-height: 22px;
+  /* 157.143% */
+}
+.memberImport .arco-modal-body .memberImport-content .primary2 {
+  color: var(---primary-6, #165dff);
+  background: var(---primary-1, #e8f3ff);
+}

package/lib/importData/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/lib/importData/style/index.less

@@ -0,0 +1,48 @@
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+
+.memberImport {
+  .arco-transfer-view {
+    width: 265px;
+  }
+
+  .arco-modal-body {
+    display: flex;
+    justify-content: center;
+
+    .memberImport-content {
+      width: 100%;
+      min-height: 400px;
+      padding: 0 26px;
+
+      h3 {
+        color: var(---color-text-1, #1d2129);
+        font-weight: 500;
+        font-size: 14px;
+
+        /* 14/CN-Medium */
+        font-family: 'PingFang SC';
+        font-style: normal;
+        line-height: 22px; /* 157.143% */
+      }
+
+      p {
+        color: var(---color-text-2, #4e5969);
+        font-weight: 400;
+        font-size: 14px;
+
+        /* 14/CN-Regular */
+        font-family: 'PingFang SC';
+        font-style: normal;
+        line-height: 22px; /* 157.143% */
+      }
+
+      .primary2 {
+        color: var(---primary-6, #165dff);
+        background: var(---primary-1, #e8f3ff);
+      }
+    }
+  }
+}

package/lib/index.css

@@ -4987,3 +4987,43 @@
   width: 100%;
   height: 100%;
 }
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.memberImport .arco-transfer-view {
+  width: 265px;
+}
+.memberImport .arco-modal-body {
+  display: flex;
+  justify-content: center;
+}
+.memberImport .arco-modal-body .memberImport-content {
+  width: 100%;
+  min-height: 400px;
+  padding: 0 26px;
+}
+.memberImport .arco-modal-body .memberImport-content h3 {
+  color: var(---color-text-1, #1d2129);
+  font-weight: 500;
+  font-size: 14px;
+  /* 14/CN-Medium */
+  font-family: 'PingFang SC';
+  font-style: normal;
+  line-height: 22px;
+  /* 157.143% */
+}
+.memberImport .arco-modal-body .memberImport-content p {
+  color: var(---color-text-2, #4e5969);
+  font-weight: 400;
+  font-size: 14px;
+  /* 14/CN-Regular */
+  font-family: 'PingFang SC';
+  font-style: normal;
+  line-height: 22px;
+  /* 157.143% */
+}
+.memberImport .arco-modal-body .memberImport-content .primary2 {
+  color: var(---primary-6, #165dff);
+  background: var(---primary-1, #e8f3ff);
+}

package/lib/index.js

@@ -29,6 +29,7 @@ var index$o = require("./selectResourceModal/index.js");
 var index$p = require("./docPreview/index.js");
 var index$q = require("./docHistory/index.js");
 var index$r = require("./videoThumb/index.js");
+var index$s = require("./importData/index.js");
 exports["default"] = components;
 exports.appCenter = index;
 exports.messageBox = index$1;
@@ -58,3 +59,4 @@ exports.selectResourceModal = index$o;
 exports.docPreview = index$p;
 exports.docHistory = index$q;
 exports.videoThumb = index$r;
+exports.importData = index$s;

package/lib/index.less

@@ -27,3 +27,4 @@
 @import './docPreview/style/index.less';
 @import './docHistory/style/index.less';
 @import './videoThumb/style/index.less';
+@import './importData/style/index.less';

package/lib/mediaFilter/components/DocFilter.js

@@ -183,7 +183,7 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(icon.IconRefresh))
             ]),
             default: vue.withCtx(() => [
-              vue.createTextVNode(" \u91CD\u7F6E ")
+              _cache[3] || (_cache[3] = vue.createTextVNode(" \u91CD\u7F6E "))
             ]),
             _: 1
           })) : vue.createCommentVNode("v-if", true)

package/lib/mediaFilter/components/FilterGroup.js

@@ -147,7 +147,7 @@ const _sfc_main = vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", _hoisted_4, [
-                  vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 "),
+                  _cache[0] || (_cache[0] = vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 ")),
                   vue.createVNode(vue.unref(icon.IconCaretDown))
                 ])
               ]),

package/lib/mediaView/component.js

@@ -10,10 +10,6 @@ const _hoisted_5 = {
   key: 2,
   class: "other"
 };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "\u6682\u4E0D\u652F\u6301\u8BE5\u7C7B\u578B\u6587\u4EF6\u9884\u89C8", -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
 const _sfc_main = vue.defineComponent({
   ...{ name: "mediaView" },
   __name: "component",
@@ -54,7 +50,9 @@ const _sfc_main = vue.defineComponent({
               class: "audio",
               controls: "",
               src: _ctx.url
-            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _hoisted_7))
+            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _cache[0] || (_cache[0] = [
+              vue.createElementVNode("span", { class: "text" }, "\u6682\u4E0D\u652F\u6301\u8BE5\u7C7B\u578B\u6587\u4EF6\u9884\u89C8", -1)
+            ])))
           ])
         ], 512), [
           [vue.vShow, _ctx.type !== "image"]

package/lib/messageBox/component.js

@@ -98,9 +98,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Tabs), null, {
                 default: vue.withCtx(() => [
                   vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), { key: "1" }, {
-                    title: vue.withCtx(() => [
+                    title: vue.withCtx(() => _cache[2] || (_cache[2] = [
                       vue.createTextVNode("\u6D88\u606F")
-                    ]),
+                    ])),
                     default: vue.withCtx(() => [
                       unreadMessages.value.length === 0 ? (vue.openBlock(), vue.createBlock(list, {
                         key: 0,

package/lib/previousVersion/component.js

@@ -25,8 +25,7 @@ const _hoisted_16 = {
   key: 0,
   class: "temp-view"
 };
-const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("div", { class: "title" }, "\u5DF2\u9009\u62E9\uFF1A", -1);
-const _hoisted_18 = { class: "select-ul" };
+const _hoisted_17 = { class: "select-ul" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "previousVersion" },
   __name: "component",
@@ -348,8 +347,8 @@ const _sfc_main = vue.defineComponent({
                 ])
               ]),
               selectList.length > 0 ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_16, [
-                _hoisted_17,
-                vue.createElementVNode("div", _hoisted_18, [
+                _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "title" }, "\u5DF2\u9009\u62E9\uFF1A", -1)),
+                vue.createElementVNode("div", _hoisted_17, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(selectList, (select) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: select.list_id,

package/lib/resourceGridList/component.js

@@ -20,25 +20,18 @@ const _hoisted_8 = { class: "folder-more-wrap" };
 const _hoisted_9 = { class: "file-list clearfix" };
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = { class: "menu-wrap" };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
-  /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
-], -1);
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 1,
   class: "load_more_title"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 1,
   class: "nomore_tips"
 };
-const _hoisted_15 = {
+const _hoisted_14 = {
   key: 2,
   class: "null-file"
 };
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_17 = [
-  _hoisted_16
-];
 const _sfc_main = vue.defineComponent({
   ...{ name: "resourceGridList" },
   __name: "component",
@@ -207,16 +200,18 @@ const _sfc_main = vue.defineComponent({
                         effect: "dark",
                         placement: "bottom"
                       }, {
-                        default: vue.withCtx(() => [
-                          _hoisted_12
-                        ]),
+                        default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                          vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+                            vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
+                          ], -1)
+                        ])),
                         _: 1
                       })) : vue.createCommentVNode("v-if", true)
                     ], 10, _hoisted_10)
                   ]);
                 }), 128))
               ]),
-              _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+              _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
                 !_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
                   key: 0,
                   class: "loadmore_tips",
@@ -224,13 +219,15 @@ const _sfc_main = vue.defineComponent({
                   type: "text",
                   onClick: _loadFileMore
                 }, {
-                  default: vue.withCtx(() => [
+                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                     vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
-                  ]),
+                  ])),
                   _: 1
-                })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+                })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
               ])) : vue.createCommentVNode("v-if", true),
-              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, _hoisted_17)) : vue.createCommentVNode("v-if", true)
+              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, _cache[3] || (_cache[3] = [
+                vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1)
+              ]))) : vue.createCommentVNode("v-if", true)
             ])
           ];
         }),

package/lib/resourceModal/component.js

@@ -60,9 +60,9 @@ const _sfc_main = vue.defineComponent({
         onOk: handleOk,
         onCancel: handleCancel
       }, {
-        title: vue.withCtx(() => [
+        title: vue.withCtx(() => _cache[1] || (_cache[1] = [
           vue.createTextVNode("\u9009\u62E9\u7D20\u6750\u6765\u6E90")
-        ]),
+        ])),
         default: vue.withCtx(() => [
           vue.createVNode(index, {
             "selected-max": selectedMax.value,

package/lib/resourceModal/components/MediaPreviewer/index.js

@@ -11,15 +11,6 @@ const _hoisted_5 = {
   key: 2,
   class: "other"
 };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("img", {
-  src: unknown,
-  alt: ""
-}, null, -1);
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "\u6682\u4E0D\u652F\u6301\u8BE5\u7C7B\u578B\u6587\u4EF6\u9884\u89C8", -1);
-const _hoisted_8 = [
-  _hoisted_6,
-  _hoisted_7
-];
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -59,7 +50,13 @@ const _sfc_main = vue.defineComponent({
               class: "audio",
               controls: "",
               src: _ctx.url
-            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _hoisted_8))
+            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _cache[0] || (_cache[0] = [
+              vue.createElementVNode("img", {
+                src: unknown,
+                alt: ""
+              }, null, -1),
+              vue.createElementVNode("span", { class: "text" }, "\u6682\u4E0D\u652F\u6301\u8BE5\u7C7B\u578B\u6587\u4EF6\u9884\u89C8", -1)
+            ])))
           ])
         ], 512), [
           [vue.vShow, _ctx.type !== "image"]

package/lib/resourceModal/components/MediaSelection/DocAiMediaSelected/index.js

@@ -3,19 +3,14 @@ var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var index = require("../MainContent/FileTypeThumb/index.js");
 const _hoisted_1 = { class: "doc-ai-media-selected" };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "thumb_type" }, "\u5C01\u9762\u56FE", -1);
-const _hoisted_3 = { class: "thumb-list" };
-const _hoisted_4 = { class: "thumb-item" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "thumb-list" };
+const _hoisted_3 = { class: "thumb-item" };
+const _hoisted_4 = {
   key: 0,
   class: "gif_covers"
 };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", {
-  class: "thumb_type",
-  style: { "margin-top": "0px" }
-}, "\u5C01\u9762\u52A8\u56FE", -1);
-const _hoisted_7 = { class: "thumb-list" };
-const _hoisted_8 = { class: "thumb-item" };
+const _hoisted_5 = { class: "thumb-list" };
+const _hoisted_6 = { class: "thumb-item" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -38,14 +33,14 @@ const _sfc_main = vue.defineComponent({
           default: vue.withCtx(() => {
             var _a;
             return [
-              _hoisted_2,
-              vue.createElementVNode("div", _hoisted_3, [
+              _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "thumb_type" }, "\u5C01\u9762\u56FE", -1)),
+              vue.createElementVNode("div", _hoisted_2, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.ai_static_covers, (item) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: item,
                     class: "thumb-wrap"
                   }, [
-                    vue.createElementVNode("div", _hoisted_4, [
+                    vue.createElementVNode("div", _hoisted_3, [
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
                       }, [
@@ -65,15 +60,18 @@ const _sfc_main = vue.defineComponent({
                   ]);
                 }), 128))
               ]),
-              ((_a = _ctx.ai_gif_covers) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                _hoisted_6,
-                vue.createElementVNode("div", _hoisted_7, [
+              ((_a = _ctx.ai_gif_covers) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                _cache[0] || (_cache[0] = vue.createElementVNode("div", {
+                  class: "thumb_type",
+                  style: { "margin-top": "0px" }
+                }, "\u5C01\u9762\u52A8\u56FE", -1)),
+                vue.createElementVNode("div", _hoisted_5, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.ai_gif_covers, (item) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: item,
                       class: "thumb-wrap"
                     }, [
-                      vue.createElementVNode("div", _hoisted_8, [
+                      vue.createElementVNode("div", _hoisted_6, [
                         vue.createElementVNode("div", {
                           class: vue.normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
                         }, [