@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/selectThumb/component.js

@@ -1,660 +0,0 @@
-import { defineComponent, ref, provide, computed, watch, nextTick, onMounted, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, Fragment, renderList, createBlock, createVNode, unref, withCtx, createTextVNode } from "vue";
-import { RadioGroup, Radio, Switch } from "@arco-design/web-vue";
-import { docThumbObjMap, docThumbArrMap } from "../utils/doc.js";
-import _sfc_main$4 from "../imageCrop/component.js";
-import _sfc_main$1 from "./components/card.js";
-import _sfc_main$2 from "./components/colorPalette.js";
-import { DEFAULT_BASE_API } from "../config.js";
-import { getThemeColor } from "../utils/index.js";
-import _sfc_main$3 from "../selectResourceModal/component.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "star"
-};
-const _hoisted_2 = {
-  key: 1,
-  style: { "margin-left": "10px" },
-  class: "tip"
-};
-const _hoisted_3 = { class: "thumbbox" };
-const _hoisted_4 = {
-  key: 0,
-  class: "thumb-list-view"
-};
-const _hoisted_5 = { class: "thumb-list-view" };
-const _hoisted_6 = { style: { "margin-top": "-10px" } };
-const _hoisted_7 = {
-  key: 0,
-  class: "tip"
-};
-const _hoisted_8 = { class: "thumbbox" };
-const _hoisted_9 = {
-  key: 2,
-  class: "title"
-};
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = {
-  key: 0,
-  class: "star"
-};
-const _hoisted_12 = { key: 1 };
-const _hoisted_13 = {
-  key: 2,
-  class: "tip",
-  style: { "margin-left": "10px" }
-};
-const _hoisted_14 = { class: "thumbbox" };
-const _hoisted_15 = {
-  key: 0,
-  class: "tip"
-};
-const _hoisted_16 = {
-  key: 1,
-  class: "title"
-};
-const _sfc_main = defineComponent({
-  ...{ name: "selectThumb" },
-  __name: "component",
-  props: {
-    BASE_API: {},
-    mode: {},
-    dataValue: {},
-    flex: { type: Boolean },
-    offset: {},
-    title: {},
-    titleValid: { type: Boolean },
-    topImageTitle: {},
-    topImageTitleValid: {},
-    showTitle: { type: Boolean },
-    cropper: { type: Boolean },
-    cropperRatios: {},
-    aiImages: {},
-    series: {},
-    thumbsMax: {},
-    mediaUseType: {},
-    localUpload: { type: Boolean }
-  },
-  emits: ["update:dataValue", "upload"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const selectThumbRef = ref();
-    const oldData = ref(null);
-    const styleData = ref({});
-    const thumbBannerModel = ref("banner");
-    const dialogMediaSelectionShow = ref(false);
-    const dialogCropperShow = ref(false);
-    const thumbOptionIndex = ref(0);
-    const aspectRatioProp = ref(16 / 9);
-    const cropperData = ref([]);
-    const tempThumbFiles = ref([]);
-    if (props.mediaUseType) {
-      provide("mediaUseType", props.mediaUseType);
-    }
-    const model = computed({
-      get() {
-        if (!styleData.value.model)
-          return "4";
-        return `${styleData.value.model}`;
-      },
-      set(value) {
-        styleData.value.model = parseInt(value, 10);
-        callback(styleData.value);
-      }
-    });
-    const refreshCrop = ref(true);
-    watch(
-      () => dialogCropperShow.value,
-      (n) => {
-        if (n)
-          return;
-        refreshCrop.value = false;
-        nextTick(() => refreshCrop.value = true);
-      }
-    );
-    const loadData = (value) => {
-      let data = null;
-      if (!value) {
-        data = { model: 3, data: [{ url: "", thumb: "" }] };
-      } else if (props.mode === "smiple") {
-        data = { model: 3, data: [{ url: value, thumb: value }] };
-      } else if (Array.isArray(value)) {
-        data = {
-          model: 99,
-          data: value.map((img) => {
-            return {
-              url: img
-            };
-          })
-        };
-      } else {
-        data = { ...JSON.parse(value) };
-      }
-      if (!oldData.value) {
-        oldData.value = { ...data };
-      }
-      styleData.value = data;
-    };
-    watch(
-      () => props.dataValue,
-      () => {
-        loadData(props.dataValue);
-      },
-      { immediate: true }
-    );
-    const thumbsLengthList = computed(() => {
-      if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
-        return props.thumbsMax;
-      }
-      return thumbList.value.length + 1;
-    });
-    const callback = (value) => {
-      var _a;
-      const temp = JSON.parse(JSON.stringify(value));
-      if (Array.isArray(temp.data)) {
-        temp.data = temp.data.map((item) => {
-          return item || {};
-        });
-      }
-      if (props.mode === "smiple") {
-        emit("update:dataValue", ((_a = temp.data[0]) == null ? void 0 : _a.url) || "");
-      } else {
-        if (!temp.data) {
-          temp.data = [];
-        }
-        if (props.mode === "thumbs") {
-          emit(
-            "update:dataValue",
-            temp.data.map((item) => item.url)
-          );
-        } else {
-          emit("update:dataValue", JSON.stringify(temp));
-        }
-      }
-    };
-    const curtemplate = computed(() => {
-      if (!["doc", "thumbs"].includes(props.mode)) {
-        return docThumbObjMap[3];
-      }
-      return docThumbObjMap[parseInt(model.value, 10)];
-    });
-    const modelList = computed(() => {
-      return docThumbArrMap().filter((item) => {
-        return FromThumbArr.value.split(",").includes(item.value);
-      });
-    });
-    const FromThumbArr = computed(() => {
-      const { series } = props;
-      if (series) {
-        if (series === "imagetext")
-          return "1,2,3,4";
-        if (series === "svideo")
-          return "2,5";
-        if (series === "video")
-          return "1,2,3,4";
-        if (series === "atlas")
-          return "1,2,3,4";
-        if (series === "audio")
-          return "1,2,3,4";
-        if (series === "link")
-          return "1,2,3,4,7";
-        if (series === "h5")
-          return "1,2,3,4,7";
-        if (series === "local_live")
-          return "2,3";
-      }
-      return "1,2,3,4,5,7";
-    });
-    const currentModel = computed(() => {
-      if (props.mode !== "doc") {
-        return docThumbObjMap[3];
-      }
-      return modelList.value.find((item) => item.value === model.value);
-    });
-    const thumbList = computed({
-      get() {
-        var _a;
-        return ((_a = styleData.value) == null ? void 0 : _a.data) || [];
-      },
-      set(value) {
-        styleData.value.data = value || [];
-      }
-    });
-    const previewList = computed(() => {
-      return thumbList.value.map((item) => item.url);
-    });
-    const fileForShowThumb = (data) => {
-      tempThumbFiles.value.push(data);
-      submitCallback(tempThumbFiles.value);
-    };
-    const changeThumbType = (type, index) => {
-      tempThumbFiles.value = [];
-      thumbBannerModel.value = type;
-      thumbOptionIndex.value = index;
-    };
-    const openDialogMediaSelection = (type, index) => {
-      thumbBannerModel.value = type || "thumb";
-      thumbOptionIndex.value = index || 0;
-      dialogMediaSelectionShow.value = true;
-    };
-    const docSeriesShowTopThemeColor = computed(() => {
-      const { series } = props;
-      return [
-        "special",
-        "special_v3",
-        "video_album",
-        "audio_album",
-        "local_live"
-      ].includes(series);
-    });
-    const submitCallback = (data) => {
-      if (thumbBannerModel.value === "pc_banner" && !docSeriesShowTopThemeColor.value) {
-        data.map(async (media) => {
-          const { width, height } = await loadImage(media.url);
-          styleData.value.pc_banner_url = `${media.url}?width=${width}&height=${height}`;
-          styleData.value.pc_banner_url_info = JSON.stringify({ width, height });
-        });
-      } else if (thumbBannerModel.value === "thumb") {
-        let temp = [];
-        if (model.value === "1") {
-          let idx = 0;
-          temp = JSON.parse(JSON.stringify(styleData.value.data));
-          for (let i = thumbOptionIndex.value; i < thumbOptionIndex.value + data.length; i++) {
-            if (i >= 3)
-              return;
-            temp[i] = { url: data[idx].url, thumb: data[idx].url };
-            idx++;
-          }
-        } else {
-          temp = [{ url: data[0].url, thumb: data[0].url }];
-        }
-        styleData.value.data = temp;
-        styleData.value.cover_url = data[0].url;
-        const getColors = getThemeColor(BASE_API, data[0].url);
-        getColors.then((themes) => {
-          styleData.value.cover_colorList = JSON.parse(JSON.stringify(themes));
-          styleData.value.cover_theme_color = `rgb(${themes[1]})`;
-          callback(styleData.value);
-        }).catch((e) => {
-          styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
-          callback(styleData.value);
-        });
-      } else if (thumbBannerModel.value === "banner") {
-        styleData.value.banner_url = data[0].url;
-        const getColors = getThemeColor(BASE_API, data[0].url);
-        getColors.then((themes) => {
-          styleData.value.banner_colorList = JSON.parse(JSON.stringify(themes));
-          styleData.value.banner_theme_color = `rgb(${themes[1]})`;
-          callback(styleData.value);
-        }).catch((e) => {
-          styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
-          callback(styleData.value);
-        });
-      } else {
-        styleData.value.top_image_url = data[0].url;
-        styleData.value.pc_banner_url = data[0].url;
-        const getColors = getThemeColor(BASE_API, data[0].url);
-        getColors.then((themes) => {
-          styleData.value.top_colorList = JSON.parse(JSON.stringify(themes));
-          styleData.value.top_theme_color = `rgb(${themes[1]})`;
-          callback(styleData.value);
-        }).catch((e) => {
-          styleData.value.top_theme_color = `rgb(255, 255, 255)`;
-          callback(styleData.value);
-        });
-      }
-      callback(styleData.value);
-      dialogMediaSelectionShow.value = false;
-    };
-    const cropConfirm = (data) => {
-      dialogMediaSelectionShow.value = false;
-      if (!styleData.value)
-        return;
-      if (thumbBannerModel.value === "banner") {
-        styleData.value.banner_url = data[0].url;
-        styleData.value.banner_colorList = JSON.parse(
-          JSON.stringify(data[0].banner_theme_color)
-        );
-        styleData.value.banner_theme_color = `rgb(${data[0].banner_theme_color[1]})`;
-      }
-      if (thumbBannerModel.value === "pcBanner" && docSeriesShowTopThemeColor.value) {
-        styleData.value.top_image_url = data[0].url;
-        styleData.value.pc_banner_url = data[0].url;
-        styleData.value.top_colorList = JSON.parse(
-          JSON.stringify(data[0].banner_theme_color)
-        );
-        styleData.value.top_theme_color = `rgb(${data[0].banner_theme_color[1]})`;
-      }
-      if (thumbBannerModel.value === "thumb") {
-        const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
-        temp[thumbOptionIndex.value] = {
-          url: data[0].url,
-          thumb: data[0].url
-        };
-        styleData.value.data = temp;
-      }
-      callback(styleData.value);
-    };
-    const loadImage = (url) => {
-      return new Promise((resolve, reject) => {
-        const _img = new Image();
-        _img.src = url;
-        _img.onload = () => {
-          resolve(_img);
-        };
-        _img.onerror = reject;
-      });
-    };
-    const modelChange = () => {
-      styleData.value.cover_theme_color = "";
-      if (!props.dataValue)
-        return;
-      if (styleData.value.model === oldData.value.model) {
-        styleData.value.data = oldData.value.data;
-        styleData.value.cover_theme_color = oldData.value.cover_theme_color;
-        styleData.value.cover_colorList = oldData.value.cover_colorList;
-      } else {
-        styleData.value.data = [];
-      }
-      callback(styleData.value);
-    };
-    const banner = computed({
-      get() {
-        const { banner: banner2, banner_theme_color, banner_url } = styleData.value;
-        return { banner: banner2, banner_theme_color, url: banner_url };
-      },
-      set(value) {
-        styleData.value.banner_url = value.url;
-        styleData.value.cover_colorList = styleData.value.banner_colorList;
-      }
-    });
-    const cover = computed({
-      get() {
-        const { cover_theme_color } = styleData.value;
-        return cover_theme_color;
-      },
-      set() {
-      }
-    });
-    const hasBanner = computed({
-      get() {
-        var _a;
-        return !!((_a = banner.value) == null ? void 0 : _a.banner);
-      },
-      set(value) {
-        styleData.value.banner = value;
-        callback(styleData.value);
-      }
-    });
-    const hasCover = computed({
-      get() {
-        return !!cover.value;
-      },
-      set(value) {
-        styleData.value.cover = value;
-        callback(styleData.value);
-      }
-    });
-    const pcBanner = computed({
-      get() {
-        const { pc_banner_url_info, pc_banner_url } = styleData.value;
-        return { pc_banner_url_info, url: pc_banner_url };
-      },
-      set(value) {
-        styleData.value.pc_banner_url = value.url;
-      }
-    });
-    const colorChange = (styleData2) => {
-      callback(styleData2);
-    };
-    onMounted(() => {
-      if (!styleData.value.cover_url) {
-        setTimeout(() => {
-          styleData.value.cover_url = styleData.value.data[0].url;
-          const getColors = getThemeColor(BASE_API, styleData.value.data[0].url);
-          getColors.then((themes) => {
-            styleData.value.cover_colorList = JSON.parse(JSON.stringify(themes));
-            styleData.value.cover_theme_color = `rgb(${themes[1]})`;
-            oldData.value = JSON.parse(JSON.stringify(styleData.value));
-            callback(styleData.value);
-          }).catch((e) => {
-            styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
-            callback(styleData.value);
-          });
-        }, 700);
-      }
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f;
-      return openBlock(), createElementBlock("div", {
-        ref_key: "selectThumbRef",
-        ref: selectThumbRef,
-        class: "select-thumb-container"
-      }, [
-        createCommentVNode(" \u5C01\u9762\u6807\u9898"),
-        createElementVNode("div", {
-          class: normalizeClass(["banner-view", { flex: _ctx.flex }])
-        }, [
-          _ctx.mode !== "smiple" && _ctx.showTitle ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "title",
-            style: normalizeStyle({ width: _ctx.offset })
-          }, [
-            _ctx.titleValid ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("v-if", true),
-            createElementVNode("span", null, toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762"), 1),
-            createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u663E\u793A tip"),
-            ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" && !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_2, " (" + toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 1)) : createCommentVNode("v-if", true)
-          ], 4)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_3, [
-            ["thumbs"].includes(_ctx.mode) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsLengthList.value, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$1, {
-                  key: index,
-                  id: `thumb-card-${index}`,
-                  data: thumbList.value[index],
-                  "onUpdate:data": ($event) => thumbList.value[index] = $event,
-                  parentRef: selectThumbRef.value,
-                  idx: index,
-                  "preview-list": previewList.value,
-                  "is-popover": _ctx.localUpload,
-                  "thumb-model": "thumb",
-                  onFileForShowThumb: fileForShowThumb,
-                  onChangeThumbType: changeThumbType,
-                  onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
-                  onOpen: ($event) => openDialogMediaSelection($event, index)
-                }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "is-popover", "onOpen"]);
-              }), 128))
-            ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createCommentVNode(" \u5C01\u9762\u56FEcard "),
-              createElementVNode("div", _hoisted_5, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$1, {
-                    key: index,
-                    id: `thumb-card-${index}`,
-                    data: thumbList.value[index],
-                    "onUpdate:data": ($event) => thumbList.value[index] = $event,
-                    parentRef: selectThumbRef.value,
-                    model: model.value,
-                    idx: index,
-                    "preview-list": previewList.value,
-                    "is-popover": _ctx.localUpload,
-                    "thumb-model": "thumb",
-                    onFileForShowThumb: fileForShowThumb,
-                    onChangeThumbType: changeThumbType,
-                    onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
-                    onOpen: ($event) => openDialogMediaSelection($event, index)
-                  }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "is-popover", "onOpen"]);
-                }), 128))
-              ])
-            ], 2112)) : createCommentVNode("v-if", true),
-            createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
-            createElementVNode("div", _hoisted_6, [
-              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_7, " (" + toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 1)) : createCommentVNode("v-if", true)
-            ]),
-            ["doc"].includes(_ctx.mode) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
-              createVNode(unref(RadioGroup), {
-                modelValue: model.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value = $event),
-                size: "small",
-                type: "button",
-                style: { "margin-top": "10px" },
-                onChange: modelChange
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(modelList.value, (item, index) => {
-                    return openBlock(), createBlock(unref(Radio), {
-                      key: index,
-                      value: item.value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.alias), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ], 64)) : createCommentVNode("v-if", true),
-            hasCover.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 3,
-              "style-data": styleData.value,
-              model: "cover",
-              style: { "margin-top": "10px" },
-              onChange: colorChange
-            }, null, 8, ["style-data"])) : createCommentVNode("v-if", true)
-          ])
-        ], 2),
-        _ctx.mode === "doc" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createCommentVNode(" \u72EC\u7ACB\u8F6E\u535A\u56FE "),
-          createElementVNode("div", {
-            class: normalizeClass(["banner-view", { flex: _ctx.flex }])
-          }, [
-            createElementVNode("div", {
-              class: "title",
-              style: normalizeStyle({ width: _ctx.offset })
-            }, [
-              _cache[11] || (_cache[11] = createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1)),
-              createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
-              !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
-                key: 0,
-                modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => hasBanner.value = $event),
-                size: "small"
-              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
-            ], 4),
-            createElementVNode("div", _hoisted_8, [
-              createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
-              _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
-                key: 0,
-                modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => hasBanner.value = $event),
-                style: { "margin-bottom": "10px" },
-                size: "small"
-              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
-              hasBanner.value ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 1,
-                id: `banner-card`,
-                data: banner.value,
-                "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
-                parentRef: selectThumbRef.value,
-                "preview-list": previewList.value,
-                "is-popover": _ctx.localUpload,
-                "thumb-model": "banner",
-                onFileForShowThumb: fileForShowThumb,
-                onChangeThumbType: changeThumbType,
-                onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
-                onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : createCommentVNode("v-if", true),
-              hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_9, _cache[12] || (_cache[12] = [
-                createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1)
-              ]))) : createCommentVNode("v-if", true),
-              createCommentVNode(" banner\u8C03\u8272\u677F "),
-              hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
-                key: 3,
-                "style-data": styleData.value,
-                model: "banner",
-                onChange: colorChange
-              }, null, 8, ["style-data"])) : createCommentVNode("v-if", true)
-            ])
-          ], 2),
-          createCommentVNode(" pc\u5C01\u9762\u56FE\uFF08\u4E13\u9898\u5934\u56FE\u5171\u7528\u4E00\u4E2A\u5B57\u6BB5\uFF09 "),
-          createElementVNode("div", {
-            class: normalizeClass(["banner-view", { flex: _ctx.flex }])
-          }, [
-            createElementVNode("div", {
-              class: "title",
-              style: normalizeStyle({ width: _ctx.offset })
-            }, [
-              docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_10, [
-                _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_11, "*")) : createCommentVNode("v-if", true),
-                createElementVNode("span", null, toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
-              ])) : (openBlock(), createElementBlock("span", _hoisted_12, "PC\u5C01\u9762\u56FE")),
-              !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_13, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
-            ], 4),
-            createElementVNode("div", _hoisted_14, [
-              createVNode(_sfc_main$1, {
-                id: `pc-banner-card`,
-                data: pcBanner.value,
-                "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
-                parentRef: selectThumbRef.value,
-                previewList: previewList.value,
-                "is-popover": _ctx.localUpload,
-                thumbModel: "pcBanner",
-                onFileForShowThumb: fileForShowThumb,
-                onChangeThumbType: changeThumbType,
-                onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
-                onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
-              _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_15, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
-              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_16, _cache[13] || (_cache[13] = [
-                createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1)
-              ]))) : createCommentVNode("v-if", true),
-              docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
-                key: 2,
-                model: "top",
-                styleData: styleData.value,
-                onChange: colorChange
-              }, null, 8, ["styleData"])) : createCommentVNode("v-if", true)
-            ])
-          ], 2)
-        ], 64)) : createCommentVNode("v-if", true),
-        createCommentVNode(" 2024.9.2 v3.7.0 dyz\uFF1A\u5F03\u7528\u65E7\u5F39\u7A97 "),
-        createCommentVNode(` <resourceModal
-      v-model:dialogVisible="dialogMediaSelectionShow"
-      :preview="false"
-      catalog-props="image"
-      :ai_static_covers="aiImages"
-      :BASE_API="BASE_API"
-      @submit="submitCallback"
-      @upload="(cb) => $emit('upload', cb)"
-    /> `),
-        createCommentVNode(" 2024.9.2 v3.7.0 dyz\uFF1A\u4F7F\u7528\u65B0\u5F39\u7A97 "),
-        dialogMediaSelectionShow.value ? (openBlock(), createBlock(_sfc_main$3, {
-          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", "media-use-type"])) : createCommentVNode("v-if", true),
-        refreshCrop.value ? (openBlock(), createBlock(_sfc_main$4, {
-          key: 2,
-          visible: dialogCropperShow.value,
-          "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => dialogCropperShow.value = $event),
-          "aspect-ratio-prop": aspectRatioProp.value,
-          BASE_API: unref(BASE_API),
-          "corp-data": cropperData.value,
-          "generate-assets": false,
-          onConfirm: cropConfirm
-        }, null, 8, ["visible", "aspect-ratio-prop", "BASE_API", "corp-data"])) : createCommentVNode("v-if", true)
-      ], 512);
-    };
-  }
-});
-export { _sfc_main as default };