@cmstops/pro-compo 0.3.83 → 0.3.85

package/es/imageCrop/component.js

@@ -414,9 +414,9 @@ const _sfc_main = defineComponent({
                     size: "medium",
                     onClick: cancelDialog
                   }, {
-                    default: withCtx(() => [
+                    default: withCtx(() => _cache[5] || (_cache[5] = [
                       createTextVNode("\u53D6\u6D88")
-                    ]),
+                    ])),
                     _: 1
                   }),
                   withDirectives(createVNode(unref(Button), {
@@ -425,9 +425,9 @@ const _sfc_main = defineComponent({
                     loading: saveLoading.value,
                     onClick: save
                   }, {
-                    default: withCtx(() => [
+                    default: withCtx(() => _cache[6] || (_cache[6] = [
                       createTextVNode("\u88C1\u526A")
-                    ]),
+                    ])),
                     _: 1
                   }, 8, ["loading"]), [
                     [vShow, !croppering.value]

package/es/importData/component.js

@@ -0,0 +1,170 @@
+import { defineComponent, computed, ref, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createVNode, createElementBlock, createCommentVNode } from "vue";
+import { Modal, Link, Progress, Space, Upload, Button } from "@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 = 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 = computed({
+      get() {
+        return props.visible;
+      },
+      set(value) {
+        emit("update:visible", value);
+      }
+    });
+    const importData = ref({});
+    const importErrorInfo = ref("");
+    const importStep = ref(0);
+    const fileUrl = 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 = 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 openBlock(), createBlock(unref(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: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.title || "\u5BFC\u5165\u6570\u636E"), 1)
+        ]),
+        default: withCtx(() => {
+          var _a, _b;
+          return [
+            createElementVNode("div", _hoisted_1, [
+              _cache[5] || (_cache[5] = createElementVNode("h3", null, "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248", -1)),
+              createElementVNode("p", _hoisted_2, [
+                _cache[2] || (_cache[2] = createTextVNode(" \u4E25\u683C\u6309\u7167\u6A21\u677F\u683C\u5F0F\u53CA\u5185\u5BB9\u51C6\u5907\u5BFC\u5165\u7684\u6570\u636E\u3002 ")),
+                createVNode(unref(Link), {
+                  target: "_blank",
+                  href: _ctx.importTemplateUrl
+                }, {
+                  default: withCtx(() => _cache[1] || (_cache[1] = [
+                    createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
+                  ])),
+                  _: 1
+                }, 8, ["href"])
+              ]),
+              _cache[6] || (_cache[6] = createElementVNode("h3", null, "\u4E0A\u4F20\u6587\u4EF6", -1)),
+              _cache[7] || (_cache[7] = createElementVNode("p", null, "\u652F\u6301.xls\uFF0C.xlsx\u6587\u4EF6", -1)),
+              importStep.value === 2 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createVNode(unref(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 ? (openBlock(), createElementBlock("p", _hoisted_4, [
+                  createTextVNode(" \u5BFC\u5165\u5B8C\u6210\uFF0C\u6210\u529F\u5BFC\u5165 " + toDisplayString(importData.value.success_count) + " \u6761\u6570\u636E\uFF0C " + toDisplayString(importData.value.failed_count) + " \u6761\u6570\u636E\u5BFC\u5165\u5931\u8D25\u3002 ", 1),
+                  createVNode(unref(Link), {
+                    target: "_blank",
+                    href: importData.value.result_url
+                  }, {
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                      createTextVNode(" \u4E0B\u8F7D\u5BFC\u5165\u7ED3\u679C ")
+                    ])),
+                    _: 1
+                  }, 8, ["href"])
+                ])) : createCommentVNode("v-if", true),
+                importPercent.value === 1 && ((_b = importData.value) == null ? void 0 : _b.success_count) === void 0 ? (openBlock(), createElementBlock("p", _hoisted_5, " \u5BFC\u5165\u5931\u8D25\uFF0C" + toDisplayString(importErrorInfo.value), 1)) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true),
+              createVNode(unref(Space), {
+                size: 12,
+                direction: "vertical",
+                fill: ""
+              }, {
+                default: withCtx(() => [
+                  importStep.value !== 2 ? (openBlock(), createBlock(unref(Upload), {
+                    key: 0,
+                    draggable: "",
+                    "with-credentials": true,
+                    limit: 1,
+                    action: _ctx.uploadAction,
+                    accept: ".xls,.xlsx",
+                    onSuccess: uploadSuccess,
+                    onChange: uploadChange
+                  }, null, 8, ["action"])) : createCommentVNode("v-if", true),
+                  importStep.value === 1 ? (openBlock(), createBlock(unref(Button), {
+                    key: 1,
+                    type: "primary",
+                    class: "primary2",
+                    onClick: importStart
+                  }, {
+                    default: withCtx(() => _cache[4] || (_cache[4] = [
+                      createTextVNode("\u5F00\u59CB\u5BFC\u5165")
+                    ])),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["visible", "footer"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/importData/index.d.ts

@@ -0,0 +1,2 @@
+declare const importData: any;
+export default importData;

package/es/importData/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const importData = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { importData as default };

package/es/importData/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/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/es/importData/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/importData/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/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/es/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/es/index.d.ts

@@ -27,3 +27,4 @@ export { default as selectResourceModal } from './selectResourceModal';
 export { default as docPreview } from './docPreview';
 export { default as docHistory } from './docHistory';
 export { default as videoThumb } from './videoThumb';
+export { default as importData } from './importData';

package/es/index.js

@@ -27,3 +27,4 @@ export { default as selectResourceModal } from "./selectResourceModal/index.js";
 export { default as docPreview } from "./docPreview/index.js";
 export { default as docHistory } from "./docHistory/index.js";
 export { default as videoThumb } from "./videoThumb/index.js";
+export { default as importData } from "./importData/index.js";

package/es/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/es/mediaFilter/components/DocFilter.js

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

package/es/mediaFilter/components/FilterGroup.js

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

package/es/mediaView/component.js

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

package/es/messageBox/component.js

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

package/es/previousVersion/component.js

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

package/es/resourceGridList/component.js

@@ -19,25 +19,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__ */ createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
-  /* @__PURE__ */ 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__ */ createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_17 = [
-  _hoisted_16
-];
 const _sfc_main = defineComponent({
   ...{ name: "resourceGridList" },
   __name: "component",
@@ -206,16 +199,18 @@ const _sfc_main = defineComponent({
                         effect: "dark",
                         placement: "bottom"
                       }, {
-                        default: withCtx(() => [
-                          _hoisted_12
-                        ]),
+                        default: withCtx(() => _cache[1] || (_cache[1] = [
+                          createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+                            createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
+                          ], -1)
+                        ])),
                         _: 1
                       })) : createCommentVNode("v-if", true)
                     ], 10, _hoisted_10)
                   ]);
                 }), 128))
               ]),
-              _ctx.fileListCount ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              _ctx.fileListCount ? (openBlock(), createElementBlock("div", _hoisted_12, [
                 !_ctx.isOver ? (openBlock(), createBlock(unref(Button), {
                   key: 0,
                   class: "loadmore_tips",
@@ -223,13 +218,15 @@ const _sfc_main = defineComponent({
                   type: "text",
                   onClick: _loadFileMore
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
                     createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
-                  ]),
+                  ])),
                   _: 1
-                })) : (openBlock(), createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+                })) : (openBlock(), createElementBlock("div", _hoisted_13, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
               ])) : createCommentVNode("v-if", true),
-              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_15, _hoisted_17)) : createCommentVNode("v-if", true)
+              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_14, _cache[3] || (_cache[3] = [
+                createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1)
+              ]))) : createCommentVNode("v-if", true)
             ])
           ];
         }),

package/es/resourceModal/component.js

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

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

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

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

@@ -2,19 +2,14 @@ import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref
 import { Scrollbar } from "@arco-design/web-vue";
 import _sfc_main$1 from "../MainContent/FileTypeThumb/index.js";
 const _hoisted_1 = { class: "doc-ai-media-selected" };
-const _hoisted_2 = /* @__PURE__ */ 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__ */ 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 = defineComponent({
   __name: "index",
   props: {
@@ -37,14 +32,14 @@ const _sfc_main = defineComponent({
           default: withCtx(() => {
             var _a;
             return [
-              _hoisted_2,
-              createElementVNode("div", _hoisted_3, [
+              _cache[1] || (_cache[1] = createElementVNode("div", { class: "thumb_type" }, "\u5C01\u9762\u56FE", -1)),
+              createElementVNode("div", _hoisted_2, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ai_static_covers, (item) => {
                   return openBlock(), createElementBlock("div", {
                     key: item,
                     class: "thumb-wrap"
                   }, [
-                    createElementVNode("div", _hoisted_4, [
+                    createElementVNode("div", _hoisted_3, [
                       createElementVNode("div", {
                         class: normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
                       }, [
@@ -64,15 +59,18 @@ const _sfc_main = defineComponent({
                   ]);
                 }), 128))
               ]),
-              ((_a = _ctx.ai_gif_covers) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                _hoisted_6,
-                createElementVNode("div", _hoisted_7, [
+              ((_a = _ctx.ai_gif_covers) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                _cache[0] || (_cache[0] = createElementVNode("div", {
+                  class: "thumb_type",
+                  style: { "margin-top": "0px" }
+                }, "\u5C01\u9762\u52A8\u56FE", -1)),
+                createElementVNode("div", _hoisted_5, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ai_gif_covers, (item) => {
                     return openBlock(), createElementBlock("div", {
                       key: item,
                       class: "thumb-wrap"
                     }, [
-                      createElementVNode("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_6, [
                         createElementVNode("div", {
                           class: normalizeClass(["pic", { active: selectedUrl.value.includes(item) }])
                         }, [