@cmstops/pro-compo 3.10.5-stable.5 → 3.10.5-stable.8

package/lib/editDocMeta/components/fields/FThumb.js

@@ -0,0 +1,380 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var draggable = require("vuedraggable");
+var ThumbEditCard = require("../ThumbEditCard.js");
+var colorPicker = require("../../../selectThumb/components/colorPicker.js");
+var useThumbs = require("../options/useThumbs.js");
+require("./FThumb.vue_vue_type_style_index_0_scoped_true_lang.js");
+var pluginVue_exportHelper = require("../../../_virtual/plugin-vue_export-helper.js");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var draggable__default = /* @__PURE__ */ _interopDefaultLegacy(draggable);
+const _hoisted_1 = { class: "form-item-wrp form-content form-thumb-wrap" };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = {
+  key: 2,
+  class: "thumb-list"
+};
+const _hoisted_4 = { class: "thumb-list-wrap" };
+const _hoisted_5 = { class: "thumb-item" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "no-thumb-tips"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "card-preview"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "card-preview"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "thumb-tip"
+};
+const _hoisted_11 = {
+  key: 3,
+  class: "color-picker-wrapper"
+};
+const _sfc_main = vue.defineComponent({
+  __name: "FThumb",
+  props: {
+    mValue: {},
+    label: {},
+    meta: {},
+    series: {},
+    payload: {},
+    BASE_API: {},
+    domainId: {},
+    coverModel: {}
+  },
+  emits: [
+    "update:mValue",
+    "upload",
+    "resource-select",
+    "image-edit",
+    "preview",
+    "cover-model-change"
+  ],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const emits = __emit;
+    const props = __props;
+    const isThumbType = vue.computed(() => {
+      var _a2;
+      return ((_a2 = props.meta) == null ? void 0 : _a2.type) === "thumb";
+    });
+    const isBannerType = vue.computed(() => {
+      var _a2;
+      return ((_a2 = props.meta) == null ? void 0 : _a2.type) === "banner";
+    });
+    const isColorPlate = vue.computed(() => {
+      var _a2, _b;
+      if (!((_a2 = props.meta) == null ? void 0 : _a2.color))
+        return false;
+      if (((_b = props.meta) == null ? void 0 : _b.key) === "pcBanner") {
+        const { series } = props;
+        return ["special_v3", "video_album", "audio_album"].includes(series || "");
+      }
+      return true;
+    });
+    const metaRef = vue.toRef(props, "meta");
+    const modelValue = vue.computed({
+      get: () => {
+        if (Array.isArray(props.mValue)) {
+          return props.mValue;
+        }
+        return [];
+      },
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    const { handleUpload } = useThumbs.useLocalUpload(
+      modelValue,
+      props.BASE_API,
+      props.domainId
+    );
+    const currentModel = vue.ref((_a = props.coverModel) != null ? _a : 3);
+    vue.watch(
+      () => props.coverModel,
+      (newModel) => {
+        if (newModel !== void 0) {
+          currentModel.value = newModel;
+        }
+      },
+      { immediate: true }
+    );
+    const { thumbOptions, selectThumb, ratioStr } = useThumbs.useThumb(
+      modelValue,
+      metaRef,
+      props.series,
+      currentModel
+    );
+    vue.watch(
+      () => currentModel.value,
+      (newModel) => {
+        if (isThumbType.value) {
+          emits("cover-model-change", newModel);
+        }
+      },
+      { immediate: true }
+    );
+    const bannerValueRef = vue.ref(false);
+    const { bannerSwitch, showSync, syncThumb } = useThumbs.useBanner(
+      modelValue,
+      metaRef,
+      bannerValueRef
+    );
+    vue.watch(
+      () => isBannerType.value,
+      (isBanner) => {
+        if (isBanner) {
+          bannerValueRef.value = modelValue.value.length > 0;
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => modelValue.value,
+      (newValue) => {
+        if (isBannerType.value) {
+          if (newValue.length === 0 && bannerValueRef.value) {
+            bannerValueRef.value = false;
+          } else if (newValue.length > 0 && !bannerValueRef.value)
+            ;
+        }
+      },
+      { deep: true }
+    );
+    const colorListValue = vue.computed(() => {
+      var _a2;
+      if (isColorPlate.value && ((_a2 = modelValue.value[0]) == null ? void 0 : _a2.top_colorList)) {
+        return modelValue.value[0].top_colorList;
+      }
+      return [];
+    });
+    const { colorListShow, currentColor } = useThumbs.useColor(
+      modelValue,
+      metaRef,
+      props.BASE_API,
+      vue.toRef(colorListValue)
+    );
+    const enableSelect = vue.computed(() => {
+      if (isBannerType.value)
+        return bannerSwitch.value;
+      if (isThumbType.value) {
+        return selectThumb.value !== "4";
+      }
+      return true;
+    });
+    const shouldShowColorPlate = vue.computed(() => {
+      var _a2;
+      if (!isColorPlate.value)
+        return false;
+      if (!((_a2 = modelValue.value[0]) == null ? void 0 : _a2.url))
+        return false;
+      if (isThumbType.value && selectThumb.value === "4")
+        return false;
+      return true;
+    });
+    const aiThumbList = vue.computed(() => {
+      if (!props.payload)
+        return [];
+      return useThumbs.getPayloadImg(props.payload, props.series);
+    });
+    function handleShowResource(options, callback) {
+      const params = {
+        data: {
+          maxcount: 1,
+          filterOptions: {
+            mediaType: "image",
+            mediaTypeStrict: true
+          },
+          aiThumbList: aiThumbList.value,
+          mediaUseType: 1,
+          ...options
+        },
+        callback
+      };
+      if (props.series && ["video", "svideo"].includes(props.series)) {
+        try {
+          const payload = props.payload ? JSON.parse(props.payload) : {};
+          if (payload.url) {
+            params.data.videoThumbOptions = {
+              src: payload.url,
+              duration: 50
+            };
+          }
+        } catch (e) {
+          console.error("\u89E3\u6790 payload \u5931\u8D25", e);
+        }
+      }
+      emits("resource-select", params);
+    }
+    function handleHandle(e, idx) {
+      const { key } = e;
+      if (key === "replace") {
+        handleShowResource({}, (data) => {
+          const result = JSON.parse(JSON.stringify(modelValue.value));
+          const [firstItem] = data;
+          result[idx] = firstItem;
+          modelValue.value = result;
+        });
+      }
+      if (key === "edit") {
+        emits("image-edit", {
+          url: modelValue.value[idx].url,
+          callback: (data) => {
+            if (!data)
+              return;
+            const ret = JSON.parse(JSON.stringify(modelValue.value));
+            ret[idx] = data;
+            modelValue.value = ret;
+          }
+        });
+      }
+    }
+    function handleEdit(e, index) {
+      const key = typeof e === "string" ? e : (e == null ? void 0 : e.key) || "resource";
+      const maxcount = modelValue.value.reduce(
+        (pre, cur) => cur.url ? pre : pre + 1,
+        0
+      );
+      if (key === "local") {
+        handleUpload(index);
+      } else {
+        handleShowResource({ maxcount }, (data) => {
+          let p = 0;
+          const result = JSON.parse(JSON.stringify(modelValue.value));
+          result.forEach((item, idx) => {
+            if (!item.url && data[p])
+              result[idx] = data[p++];
+          });
+          modelValue.value = result;
+        });
+      }
+    }
+    function handlePreview() {
+      emits("preview", {});
+    }
+    function handleRemove(idx) {
+      const result = JSON.parse(JSON.stringify(modelValue.value));
+      result[idx] = { url: "", thumb: "" };
+      modelValue.value = result;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u5C01\u9762\u56FE\u7C7B\u578B\u9009\u62E9\u5668\uFF08PC \u5C01\u9762\u56FE\u4E0D\u663E\u793A\uFF09 "),
+        isThumbType.value && vue.unref(thumbOptions).length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RadioGroup), {
+          key: 0,
+          "model-value": vue.unref(selectThumb),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectThumb) ? selectThumb.value = $event : null)
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(thumbOptions), (thumb) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(webVue.Radio), {
+                key: thumb.value,
+                value: thumb.value
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(thumb.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u72EC\u7ACB\u8F6E\u64AD\u56FE "),
+        isBannerType.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.Switch), {
+            "model-value": vue.unref(bannerSwitch),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(bannerSwitch) ? bannerSwitch.value = $event : null)
+          }, null, 8, ["model-value"])
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u56FE\u7247\u9009\u62E9\u5668 "),
+        enableSelect.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(vue.unref(draggable__default["default"]), {
+              modelValue: modelValue.value,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event),
+              class: "thumb-list-wrap",
+              "item-key": (item) => item.id || item.url || item.sig_id || `thumb-${item}`,
+              sort: true,
+              animation: 150
+            }, {
+              item: vue.withCtx(({ element: item, index }) => [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createVNode(ThumbEditCard, {
+                    item,
+                    onEdit: (e) => handleEdit(e, index),
+                    onHandle: (e) => handleHandle(e, index)
+                  }, null, 8, ["item", "onEdit", "onHandle"]),
+                  item.url ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "thumb-remove-btn",
+                    onClick: ($event) => handleRemove(index)
+                  }, [
+                    vue.createVNode(vue.unref(icon.IconClose), { style: { "color": "white" } })
+                  ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "item-key"]),
+            vue.createCommentVNode(' \u65E0\u5C01\u9762\u63D0\u793A\uFF08\u53EA\u6709\u9009\u62E9"\u65E0\u5C01\u9762"\u65F6\u624D\u663E\u793A\uFF09 '),
+            isThumbType.value && vue.unref(selectThumb) === "4" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, "\u65E0\u5C01\u9762")) : vue.createCommentVNode("v-if", true),
+            isThumbType.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+              vue.createVNode(vue.unref(webVue.Link), { onClick: handlePreview }, {
+                default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
+                  vue.createTextVNode("\u9884\u89C8", -1)
+                ])]),
+                _: 1
+              })
+            ])) : vue.createCommentVNode("v-if", true),
+            vue.unref(showSync) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+              vue.createVNode(vue.unref(webVue.Link), { onClick: vue.unref(syncThumb) }, {
+                default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
+                  vue.createTextVNode("\u4ECE\u5C01\u9762\u56FE\u540C\u6B65", -1)
+                ])]),
+                _: 1
+              }, 8, ["onClick"])
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.unref(ratioStr) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "\u5EFA\u8BAE\u6BD4\u4F8B\uFF1A" + vue.toDisplayString(vue.unref(ratioStr)), 1)) : vue.createCommentVNode("v-if", true)
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u53D6\u8272\u5668 "),
+        shouldShowColorPlate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          vue.createVNode(vue.unref(webVue.RadioGroup), {
+            "model-value": vue.unref(currentColor),
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(currentColor) ? currentColor.value = $event : null),
+            class: "color-radio-group",
+            type: "button"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(colorListShow), (colr, index) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(webVue.Radio), {
+                  key: index,
+                  style: vue.normalizeStyle({ background: `${colr} !important` }),
+                  value: `${colr}`
+                }, null, 8, ["style", "value"]);
+              }), 128)),
+              vue.createVNode(colorPicker, {
+                modelValue: vue.unref(currentColor),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(currentColor) ? currentColor.value = $event : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["model-value"])
+        ])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var FThumb = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-4f91c880"]]);
+module.exports = FThumb;

package/lib/editDocMeta/components/fields/FThumb.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -0,0 +1,3 @@
+"use strict";
+var FThumb_vue_vue_type_style_index_0_scoped_true_lang = "";
+module.exports = FThumb_vue_vue_type_style_index_0_scoped_true_lang;

package/lib/editDocMeta/components/fields/options/useCustom.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+function useMorn(modelValue, meta) {
+  if (meta.value.type !== "morn")
+    return { mornSwitch: vue.ref(false), radioOptions: [] };
+  const mornSwitch = vue.computed({
+    get: () => modelValue.value !== "0",
+    set: (value) => {
+      modelValue.value = value ? "1" : "0";
+    }
+  });
+  const radioOptions = [
+    { label: "\u9ED8\u54C0\u6A21\u5F0F", value: "1" },
+    { label: "\u975E\u9ED8\u54C0\u6A21\u5F0F", value: "2" }
+  ];
+  vue.watch(
+    () => mornSwitch.value,
+    (value) => {
+      modelValue.value = value ? "1" : "0";
+    }
+  );
+  return {
+    mornSwitch,
+    radioOptions
+  };
+}
+exports.useMorn = useMorn;

package/lib/editDocMeta/components/options/useThumbs.js

@@ -0,0 +1,283 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var index = require("../../../utils/index.js");
+var useUpload = require("../../../hooks/useUpload.js");
+const DOC_THUMB_OPTIONS_MAP = {
+  imagetext: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" }
+  ],
+  video: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" },
+    { label: "\u6A2A\u5C4F", value: "5" }
+  ],
+  special_v3: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" }
+  ]
+};
+const docThumbObjMap = {
+  "1": { maxLength: 1, ratioStr: "16:9" },
+  "2": { maxLength: 3, ratioStr: "4:3" },
+  "3": { maxLength: 1, ratioStr: "4:3" },
+  "4": { maxLength: 0, ratioStr: "" },
+  "5": { maxLength: 1, ratioStr: "16:9" }
+};
+function getThumbLen(thumbs) {
+  return thumbs.filter((item) => item.url || item.sig_id).length;
+}
+function checkThumbIsEmpty(thumbs) {
+  return getThumbLen(thumbs) === 0;
+}
+function checkoutThumbIsOrigin(url) {
+  var _a;
+  if (!url)
+    return false;
+  try {
+    const { BASE_HOST, BASE_STATIC_FILE_API } = ((_a = window.situoyun) == null ? void 0 : _a.env) || {};
+    if (!BASE_HOST && !BASE_STATIC_FILE_API)
+      return true;
+    const ossURL = (BASE_STATIC_FILE_API == null ? void 0 : BASE_STATIC_FILE_API.replace("/maple/v1", "")) || "";
+    return url.includes(ossURL) || url.includes(BASE_HOST || "");
+  } catch (e) {
+    return true;
+  }
+}
+function getPayloadImg(payload, series) {
+  if (!payload)
+    return [];
+  if (series === "atlas") {
+    try {
+      const images = JSON.parse(payload);
+      return images.map((item) => item.url).filter(Boolean);
+    } catch (e) {
+    }
+    return [];
+  }
+  return (payload.match(/<img.*?src="(.*?)".*?>/gi) || []).filter((item) => item.indexOf("no-edit") === -1).map((item) => {
+    var _a;
+    return (_a = item.match(/src="(.*?)"/)) == null ? void 0 : _a[1];
+  }).filter((url) => url && checkoutThumbIsOrigin(url)).filter((url) => url && !url.startsWith("base64:image"));
+}
+function useThumb(modelValue, meta, series, currentModel) {
+  var _a, _b;
+  if (((_a = meta.value) == null ? void 0 : _a.key) === "pcBanner") {
+    return { thumbOptions: [], selectThumb: vue.ref("3"), ratioStr: "" };
+  }
+  if (((_b = meta.value) == null ? void 0 : _b.type) !== "thumb") {
+    return { thumbOptions: [], selectThumb: vue.ref("3"), ratioStr: "" };
+  }
+  const thumbOptions = DOC_THUMB_OPTIONS_MAP[series || "imagetext"] || DOC_THUMB_OPTIONS_MAP.imagetext;
+  const selectThumb = vue.computed({
+    get: () => {
+      if (currentModel == null ? void 0 : currentModel.value) {
+        return `${currentModel.value}`;
+      }
+      return "3";
+    },
+    set: (value) => {
+      if (currentModel) {
+        currentModel.value = parseInt(value, 10);
+      }
+    }
+  });
+  const ratioStr = vue.computed(
+    () => {
+      var _a2;
+      return ((_a2 = docThumbObjMap[selectThumb.value]) == null ? void 0 : _a2.ratioStr) || "";
+    }
+  );
+  const maxThumbCount = vue.computed(
+    () => {
+      var _a2;
+      return ((_a2 = docThumbObjMap[selectThumb.value]) == null ? void 0 : _a2.maxLength) || 1;
+    }
+  );
+  function handleChangeThumbType() {
+    const len = maxThumbCount.value;
+    if (checkThumbIsEmpty(modelValue.value)) {
+      modelValue.value = new Array(len).fill({});
+    } else if (len < modelValue.value.length) {
+      modelValue.value = modelValue.value.slice(0, len);
+    } else if (len > modelValue.value.length) {
+      for (let i = 0; i <= len - modelValue.value.length; i++) {
+        modelValue.value.push({});
+      }
+    }
+  }
+  vue.watch(() => selectThumb.value, handleChangeThumbType, { immediate: true });
+  return {
+    ratioStr,
+    selectThumb,
+    thumbOptions
+  };
+}
+function useBanner(modelValue, meta, bannerValue) {
+  var _a;
+  if (((_a = meta.value) == null ? void 0 : _a.type) !== "banner") {
+    return {
+      bannerSwitch: vue.ref(false),
+      showSync: vue.ref(false),
+      syncThumb: () => {
+      }
+    };
+  }
+  const bannerSwitch = vue.computed({
+    get: () => {
+      var _a2;
+      return (_a2 = bannerValue == null ? void 0 : bannerValue.value) != null ? _a2 : false;
+    },
+    set: (value) => {
+      if (bannerValue) {
+        bannerValue.value = value;
+        if (value) {
+          if (checkThumbIsEmpty(modelValue.value)) {
+            modelValue.value = [{}];
+          }
+        } else {
+          modelValue.value = [];
+        }
+      }
+    }
+  });
+  return {
+    bannerSwitch,
+    showSync: vue.ref(false),
+    syncThumb: () => {
+    }
+  };
+}
+function useColor(modelValue, meta, BASE_API, colorListValue) {
+  var _a;
+  if (!((_a = meta.value) == null ? void 0 : _a.color)) {
+    return { colorListShow: vue.ref([]), currentColor: vue.ref("rgb(0,0,0)") };
+  }
+  const image = vue.computed(() => {
+    var _a2;
+    return (_a2 = modelValue.value[0]) == null ? void 0 : _a2.url;
+  });
+  const currentColor = vue.computed({
+    get: () => {
+      var _a2;
+      if ((_a2 = modelValue.value[0]) == null ? void 0 : _a2.top_theme_color) {
+        const themeColor = modelValue.value[0].top_theme_color;
+        if (themeColor.startsWith("#")) {
+          const hex = themeColor.replace("#", "");
+          const r = parseInt(hex.substring(0, 2), 16);
+          const g = parseInt(hex.substring(2, 4), 16);
+          const b = parseInt(hex.substring(4, 6), 16);
+          return `rgb(${r},${g},${b})`;
+        }
+        if (themeColor.startsWith("rgb")) {
+          return themeColor;
+        }
+      }
+      return "rgb(0,0,0)";
+    },
+    set: (value) => {
+      if (modelValue.value[0]) {
+        const rgbMatch = value.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+        if (rgbMatch) {
+          const r = parseInt(rgbMatch[1], 10);
+          const g = parseInt(rgbMatch[2], 10);
+          const b = parseInt(rgbMatch[3], 10);
+          const hex = `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+          modelValue.value[0].top_theme_color = hex;
+          modelValue.value = [...modelValue.value];
+        }
+      }
+    }
+  });
+  const colorList = vue.computed({
+    get: () => {
+      var _a2;
+      const imgColorList = (_a2 = modelValue.value[0]) == null ? void 0 : _a2.top_colorList;
+      if (imgColorList && Array.isArray(imgColorList) && imgColorList.length > 0) {
+        return imgColorList;
+      }
+      return (colorListValue == null ? void 0 : colorListValue.value) || [];
+    },
+    set: (value) => {
+      if (modelValue.value[0]) {
+        modelValue.value[0].top_colorList = value;
+        modelValue.value = [...modelValue.value];
+      }
+    }
+  });
+  const colorListShow = vue.computed(
+    () => colorList.value.map((item) => `rgb(${item})`)
+  );
+  async function handleImageChange() {
+    if (!image.value) {
+      colorList.value = [];
+      currentColor.value = "rgb(0,0,0)";
+      return;
+    }
+    if (colorList.value && colorList.value.length > 0) {
+      return;
+    }
+    try {
+      const themeColors = await index.getThemeColor(
+        BASE_API,
+        image.value
+      );
+      if (themeColors && themeColors.length > 0) {
+        colorList.value = themeColors;
+        currentColor.value = `rgb(${themeColors[1]})`;
+      }
+    } catch (error) {
+    }
+  }
+  vue.watch(() => image.value, handleImageChange, { immediate: true });
+  return {
+    currentColor,
+    colorListShow
+  };
+}
+function useLocalUpload(modelValue, BASE_API, domainId) {
+  const { uploadFile } = useUpload["default"]();
+  const loadingList = vue.ref([]);
+  function handleUpload(index$1) {
+    loadingList.value[index$1] = true;
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/*";
+    input.onchange = (e) => {
+      var _a;
+      const file = (_a = e.target.files) == null ? void 0 : _a[0];
+      if (!file) {
+        loadingList.value[index$1] = false;
+        return;
+      }
+      file.sig_id = index.generateUUID();
+      uploadFile(BASE_API || "", file, 0, domainId || 0, (res) => {
+        const result = JSON.parse(JSON.stringify(modelValue.value));
+        result[index$1] = res;
+        setTimeout(() => {
+          modelValue.value = result;
+        }, 200);
+        loadingList.value[index$1] = false;
+      });
+    };
+    input.click();
+  }
+  return {
+    handleUpload
+  };
+}
+exports.checkThumbIsEmpty = checkThumbIsEmpty;
+exports.checkoutThumbIsOrigin = checkoutThumbIsOrigin;
+exports.getPayloadImg = getPayloadImg;
+exports.getThumbLen = getThumbLen;
+exports.useBanner = useBanner;
+exports.useColor = useColor;
+exports.useLocalUpload = useLocalUpload;
+exports.useThumb = useThumb;