@haluo/biz 2.0.13-beta.1 → 2.0.14-beta.2

package/dist/haluo-biz.js

@@ -1,5 +1,5 @@
-import { ElTooltip, ElDivider, ElPopover, ElDialog, ElButton, ElRadio, ElInput, ElInfiniteScroll, ElMessage, ElIcon, ElFormItem, ElForm, ElMessageBox } from "element-plus";
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, withDirectives, Fragment, renderList, createBlock, defineComponent, inject, computed, unref, isRef, renderSlot, createTextVNode, provide, toRefs, reactive, watch, onMounted, withKeys, ref, h, render, vShow } from "vue";
+import { ElTooltip, ElDivider, ElPopover, ElDialog, ElButton, ElRadio, ElInput, ElInfiniteScroll, ElMessage, ElIcon, ElSelect, ElOption, ElFormItem, ElForm, ElMessageBox } from "element-plus";
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, Fragment, renderList, withDirectives, isRef, vModelText, pushScopeId, popScopeId, watch, getCurrentScope, onScopeDispose, resolveComponent, resolveDirective, createVNode, withCtx, toDisplayString, createBlock, inject, renderSlot, createTextVNode, provide, toRefs, reactive, onMounted, withKeys, h, render, vShow } from "vue";
 import { Picture, CircleCloseFilled, Plus } from "@element-plus/icons-vue";
 import util from "@haluo/util";
 import draggable from "vuedraggable";
@@ -38,6 +38,277 @@ const ToolsEnum = {
   INSERT_ARTICLE: "insertArticle",
   COLLECT_ARTICLE: "collectArticle"
 };
+var j;
+const $ = typeof window < "u", fe = (e) => typeof e == "string", pe = () => {
+};
+$ && ((j = window == null ? void 0 : window.navigator) == null ? void 0 : j.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function ve(e) {
+  return typeof e == "function" ? e() : unref(e);
+}
+function me(e) {
+  return e;
+}
+function Ce(e) {
+  return getCurrentScope() ? (onScopeDispose(e), true) : false;
+}
+function A(e) {
+  var t;
+  const o = ve(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+const K = $ ? window : void 0;
+function Q(...e) {
+  let t, o, s, p;
+  if (fe(e[0]) || Array.isArray(e[0]) ? ([o, s, p] = e, t = K) : [t, o, s, p] = e, !t)
+    return pe;
+  Array.isArray(o) || (o = [o]), Array.isArray(s) || (s = [s]);
+  const _ = [], I = () => {
+    _.forEach((v) => v()), _.length = 0;
+  }, C = (v, g, m) => (v.addEventListener(g, m, p), () => v.removeEventListener(g, m, p)), d = watch(() => A(t), (v) => {
+    I(), v && _.push(...o.flatMap((g) => s.map((m) => C(v, g, m))));
+  }, { immediate: true, flush: "post" }), y = () => {
+    d(), I();
+  };
+  return Ce(y), y;
+}
+function _e(e, t, o = {}) {
+  const { window: s = K, ignore: p, capture: _ = true, detectIframe: I = false } = o;
+  if (!s)
+    return;
+  let C = true, d;
+  const y = (u) => {
+    s.clearTimeout(d);
+    const a = A(e);
+    if (!(!a || a === u.target || u.composedPath().includes(a))) {
+      if (!C) {
+        C = true;
+        return;
+      }
+      t(u);
+    }
+  }, v = (u) => p && p.some((a) => {
+    const b = A(a);
+    return b && (u.target === b || u.composedPath().includes(b));
+  }), g = [
+    Q(s, "click", y, { passive: true, capture: _ }),
+    Q(s, "pointerdown", (u) => {
+      const a = A(e);
+      a && (C = !u.composedPath().includes(a) && !v(u));
+    }, { passive: true }),
+    Q(s, "pointerup", (u) => {
+      if (u.button === 0) {
+        const a = u.composedPath();
+        u.composedPath = () => a, d = s.setTimeout(() => y(u), 50);
+      }
+    }, { passive: true }),
+    I && Q(s, "blur", (u) => {
+      var a;
+      const b = A(e);
+      ((a = s.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(b != null && b.contains(s.document.activeElement)) && t(u);
+    })
+  ].filter(Boolean);
+  return () => g.forEach((u) => u());
+}
+const D = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, R = "__vueuse_ssr_handlers__";
+D[R] = D[R] || {};
+D[R];
+var q;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(q || (q = {}));
+var ge = Object.defineProperty, z = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable, G = (e, t, o) => t in e ? ge(e, t, { enumerable: true, configurable: true, writable: true, value: o }) : e[t] = o, ke = (e, t) => {
+  for (var o in t || (t = {}))
+    be.call(t, o) && G(e, o, t[o]);
+  if (z)
+    for (var o of z(t))
+      ye.call(t, o) && G(e, o, t[o]);
+  return e;
+};
+const he = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+ke({
+  linear: me
+}, he);
+const J = (e) => (pushScopeId("data-v-b46fc003"), e = e(), popScopeId(), e), we = { class: "hd" }, Oe = { class: "bd" }, Ie = /* @__PURE__ */ J(() => /* @__PURE__ */ createElementVNode("h3", null, "\u4E3B\u9898\u989C\u8272", -1)), Ee = { class: "tColor" }, Pe = ["onMouseover", "onClick"], Me = { class: "bColor" }, Ae = ["onMouseover", "onClick"], $e = /* @__PURE__ */ J(() => /* @__PURE__ */ createElementVNode("h3", null, "\u6807\u51C6\u989C\u8272", -1)), Te = { class: "tColor" }, Be = ["onMouseover", "onClick"], Ve = {
+  name: "colorPicker"
+}, Ne = /* @__PURE__ */ defineComponent({
+  ...Ve,
+  props: {
+    modelValue: { type: String, required: true },
+    defaultColor: { type: String, required: false, default: "#000000" },
+    disabled: { type: Boolean, required: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const o = e, s = ref(false), p = () => {
+      s.value = !o.disabled;
+    }, _ = ref(null);
+    _e(_, () => {
+      s.value = false;
+    });
+    const C = ref(""), d = (n) => {
+      C.value = n;
+    }, y = ["#000000", "#ffffff", "#eeece1", "#1e497b", "#4e81bb", "#e2534d", "#9aba60", "#8165a0", "#47acc5", "#f9974c"], v = [
+      ["#7f7f7f", "#f2f2f2"],
+      ["#0d0d0d", "#808080"],
+      ["#1c1a10", "#ddd8c3"],
+      ["#0e243d", "#c6d9f0"],
+      ["#233f5e", "#dae5f0"],
+      ["#632623", "#f2dbdb"],
+      ["#4d602c", "#eaf1de"],
+      ["#3f3150", "#e6e0ec"],
+      ["#1e5867", "#d9eef3"],
+      ["#99490f", "#fee9da"]
+    ], g = ["#c21401", "#ff1e02", "#ffc12a", "#ffff3a", "#90cf5b", "#00af57", "#00afee", "#0071be", "#00215f", "#72349d"], m = o.modelValue, u = computed(() => C.value ? C : a), a = computed(() => o.modelValue ? o.modelValue : o.defaultColor), b = computed(() => {
+      let n = [];
+      for (let r of v)
+        n.push(oe(r[1], r[0], 5));
+      return n;
+    }), x = ref(null), X = () => {
+      var n;
+      (n = x.value) == null || n.click();
+    }, E = (n) => {
+      t("update:modelValue", n), t("change", n), s.value = false;
+    }, Y = () => {
+      E(o.defaultColor);
+    }, Z = (n) => n.length === 4 ? n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] : n, ee = (n, r, l) => {
+      const c = (n << 16 | r << 8 | l).toString(16);
+      return "#" + new Array(Math.abs(c.length - 7)).join("0") + c;
+    }, H = (n) => {
+      n = Z(n);
+      let r = [];
+      for (let l = 1; l < 7; l += 2)
+        r.push(parseInt("0x" + n.slice(l, l + 2)));
+      return r;
+    }, oe = (n, r, l) => {
+      let c = H(n), f = H(r), S = (f[0] - c[0]) / l, T = (f[1] - c[1]) / l, te = (f[2] - c[2]) / l, U = [];
+      for (let P = 0; P < l; P++)
+        U.push(ee(S * P + c[0], T * P + c[1], te * P + c[2]));
+      return U;
+    };
+    return (n, r) => (openBlock(), createElementBlock("div", {
+      class: "m-colorPicker",
+      ref_key: "colorPicker",
+      ref: _,
+      onClick: r[7] || (r[7] = (l) => {
+        l.stopPropagation();
+      })
+    }, [
+      createCommentVNode(" \u989C\u8272\u663E\u793A\u5C0F\u65B9\u5757 "),
+      createElementVNode("div", {
+        class: normalizeClass(["colorBtn", { disabled: e.disabled }]),
+        style: normalizeStyle(`background-color: ${unref(a)}`),
+        onClick: p
+      }, null, 6),
+      createCommentVNode(" \u989C\u8272\u8272\u76D8 "),
+      createElementVNode("div", {
+        class: normalizeClass(["box", { open: s.value }])
+      }, [
+        createElementVNode("div", we, [
+          createElementVNode("div", {
+            class: "colorView",
+            style: normalizeStyle({ "background-color": unref(u).value })
+          }, null, 4),
+          createElementVNode("div", {
+            class: "defaultColor",
+            onClick: Y,
+            onMouseover: r[0] || (r[0] = (l) => d(e.defaultColor)),
+            onMouseout: r[1] || (r[1] = (l) => d(""))
+          }, "\u9ED8\u8BA4\u989C\u8272", 32)
+        ]),
+        createElementVNode("div", Oe, [
+          Ie,
+          createElementVNode("ul", Ee, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(y, (l, c) => createElementVNode("li", {
+              key: c,
+              style: normalizeStyle({ backgroundColor: l }),
+              onMouseover: (f) => d(l),
+              onMouseout: r[2] || (r[2] = (f) => d("")),
+              onClick: (f) => E(l)
+            }, null, 44, Pe)), 64))
+          ]),
+          createElementVNode("ul", Me, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(b), (l, c) => (openBlock(), createElementBlock("li", { key: c }, [
+              createElementVNode("ul", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(l, (f, S) => (openBlock(), createElementBlock("li", {
+                  key: S,
+                  style: normalizeStyle({ backgroundColor: f }),
+                  onMouseover: (T) => d(f),
+                  onMouseout: r[3] || (r[3] = (T) => d("")),
+                  onClick: (T) => E(f)
+                }, null, 44, Ae))), 128))
+              ])
+            ]))), 128))
+          ]),
+          $e,
+          createElementVNode("ul", Te, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(g, (l, c) => createElementVNode("li", {
+              key: c,
+              style: normalizeStyle({ backgroundColor: l }),
+              onMouseover: (f) => d(l),
+              onMouseout: r[4] || (r[4] = (f) => d("")),
+              onClick: (f) => E(l)
+            }, null, 44, Be)), 64))
+          ]),
+          createElementVNode("h3", { onClick: X }, "\u66F4\u591A\u989C\u8272..."),
+          createCommentVNode(" \u7528\u4EE5\u6FC0\u6D3BHTML5\u989C\u8272\u9762\u677F "),
+          withDirectives(createElementVNode("input", {
+            type: "color",
+            ref_key: "html5ColorEl",
+            ref: x,
+            "onUpdate:modelValue": r[5] || (r[5] = (l) => isRef(m) ? m.value = l : null),
+            onChange: r[6] || (r[6] = (l) => E(unref(m)))
+          }, null, 544), [
+            [vModelText, unref(m)]
+          ])
+        ])
+      ], 2)
+    ], 512));
+  }
+});
+const Qe = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, p] of t)
+    o[s] = p;
+  return o;
+}, O = /* @__PURE__ */ Qe(Ne, [["__scopeId", "data-v-b46fc003"], ["__file", "/Users/zhuleyi/WORK/github/vue-color-picker/packages/color-picker/src/index.vue"]]);
+O.install = function(e, t) {
+  e.component(O.name, O);
+};
+console.log("name", O.name);
+const Se = [
+  O
+], Fe = function(e) {
+  Se.map((t) => e.component(t.name, t));
+}, De = {
+  install: Fe,
+  colorPicker: O
+};
+const style = "";
 const ToolBar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const ToolBar_vue_vue_type_style_index_1_lang = "";
 const _export_sfc = (sfc, props) => {
@@ -51,7 +322,8 @@ const _sfc_main$7 = {
   components: {
     ElTooltip,
     ElDivider,
-    ElPopover
+    ElPopover,
+    colorPicker: De.colorPicker
   },
   props: ["editor", "isOss", "hiddenTools"],
   data() {
@@ -255,49 +527,49 @@ const _hoisted_2$7 = { class: "tools-content" };
 const _hoisted_3$7 = ["src"];
 const _hoisted_4$6 = ["src"];
 const _hoisted_5$5 = ["src"];
-const _hoisted_6$2 = { class: "box" };
+const _hoisted_6$3 = { class: "box" };
 const _hoisted_7$2 = ["src"];
-const _hoisted_8$1 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "box-mask"
 };
-const _hoisted_9$1 = { class: "tools-title" };
-const _hoisted_10$1 = ["src"];
-const _hoisted_11$1 = { class: "tools-font" };
-const _hoisted_12$1 = ["onClick"];
-const _hoisted_13$1 = { style: { "font-size": "10px" } };
-const _hoisted_14$1 = { class: "box" };
-const _hoisted_15$1 = ["src"];
-const _hoisted_16$1 = {
+const _hoisted_9$2 = { class: "tools-title" };
+const _hoisted_10$2 = ["src"];
+const _hoisted_11$2 = { class: "tools-font" };
+const _hoisted_12$2 = ["onClick"];
+const _hoisted_13$2 = { style: { "font-size": "10px" } };
+const _hoisted_14$2 = { class: "box" };
+const _hoisted_15$2 = ["src"];
+const _hoisted_16$2 = {
   key: 0,
   class: "box-mask"
 };
-const _hoisted_17 = { class: "box" };
-const _hoisted_18 = ["src"];
-const _hoisted_19 = {
+const _hoisted_17$1 = { class: "box" };
+const _hoisted_18$1 = ["src"];
+const _hoisted_19$1 = {
   key: 0,
   class: "box-mask"
 };
-const _hoisted_20 = { class: "tools-title" };
-const _hoisted_21 = ["src"];
-const _hoisted_22 = ["src"];
-const _hoisted_23 = { class: "tools-title_content" };
-const _hoisted_24 = { class: "box" };
-const _hoisted_25 = ["src"];
-const _hoisted_26 = {
+const _hoisted_20$1 = { class: "tools-title" };
+const _hoisted_21$1 = ["src"];
+const _hoisted_22$1 = ["src"];
+const _hoisted_23$1 = { class: "tools-title_content" };
+const _hoisted_24$1 = { class: "box" };
+const _hoisted_25$1 = ["src"];
+const _hoisted_26$1 = {
   key: 0,
   class: "box-mask"
 };
-const _hoisted_27 = { class: "box" };
-const _hoisted_28 = ["src"];
-const _hoisted_29 = {
+const _hoisted_27$1 = { class: "box" };
+const _hoisted_28$1 = ["src"];
+const _hoisted_29$1 = {
   key: 0,
   class: "box-mask"
 };
-const _hoisted_30 = { class: "box" };
-const _hoisted_31 = ["src"];
-const _hoisted_32 = ["src"];
-const _hoisted_33 = ["src"];
+const _hoisted_30$1 = { class: "box" };
+const _hoisted_31$1 = ["src"];
+const _hoisted_32$1 = ["src"];
+const _hoisted_33$1 = ["src"];
 const _hoisted_34 = ["src"];
 const _hoisted_35 = { class: "tools-title" };
 const _hoisted_36 = ["src"];
@@ -387,7 +659,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_6$2, [
+          createElementVNode("div", _hoisted_6$3, [
             createElementVNode("img", {
               src: $options.getImageUrl("tools_refresh@3x.png"),
               width: "40",
@@ -395,7 +667,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               alt: "",
               onClick: _cache[3] || (_cache[3] = (...args) => $options.copyFormat && $options.copyFormat(...args))
             }, null, 8, _hoisted_7$2),
-            $props.editor.cursorStyle !== "auto" ? (openBlock(), createElementBlock("div", _hoisted_8$1)) : createCommentVNode("", true)
+            $props.editor.cursorStyle !== "auto" ? (openBlock(), createElementBlock("div", _hoisted_8$2)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -410,7 +682,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         width: "152"
       }, {
         reference: withCtx(() => [
-          createElementVNode("div", _hoisted_9$1, [
+          createElementVNode("div", _hoisted_9$2, [
             createVNode(_component_el_tooltip, {
               class: "item",
               effect: "dark",
@@ -429,7 +701,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     width: "16",
                     height: "40",
                     alt: ""
-                  }, null, 8, _hoisted_10$1)
+                  }, null, 8, _hoisted_10$2)
                 ], 2)
               ]),
               _: 1
@@ -437,7 +709,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("ul", _hoisted_11$1, [
+          withDirectives((openBlock(), createElementBlock("ul", _hoisted_11$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.fontsizes, (item, index) => {
               return openBlock(), createElementBlock("li", {
                 class: normalizeClass([$data.activeFontsize + "px" === item.value ? "active" : ""]),
@@ -448,8 +720,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("span", {
                   style: normalizeStyle({ fontSize: item.value })
                 }, toDisplayString(item.name), 5),
-                createElementVNode("span", _hoisted_13$1, toDisplayString(item.desc), 1)
-              ], 10, _hoisted_12$1);
+                createElementVNode("span", _hoisted_13$2, toDisplayString(item.desc), 1)
+              ], 10, _hoisted_12$2);
             }), 128))
           ])), [
             [_directive_click_outside, $options.handlePopover]
@@ -468,7 +740,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_14$1, [
+          createElementVNode("div", _hoisted_14$2, [
             createElementVNode("img", {
               src: $options.getImageUrl("tools_title@3x.png"),
               "data-editor-id": "makeHeader",
@@ -476,8 +748,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               height: "40",
               alt: "",
               onClick: _cache[5] || (_cache[5] = ($event) => $options.setTitle($event, $data.statusInfo.title ? 0 : 1))
-            }, null, 8, _hoisted_15$1),
-            $data.statusInfo && $data.statusInfo.title ? (openBlock(), createElementBlock("div", _hoisted_16$1)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_15$2),
+            $data.statusInfo && $data.statusInfo.title ? (openBlock(), createElementBlock("div", _hoisted_16$2)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -489,15 +761,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_17, [
+          createElementVNode("div", _hoisted_17$1, [
             createElementVNode("img", {
               src: $options.getImageUrl("tools_bold@3x.png"),
               width: "40",
               height: "40",
               alt: "",
               onClick: _cache[6] || (_cache[6] = ($event) => $options.setStyle($data.statusInfo.bold ? "removeBold" : "bold", "bold", !$data.statusInfo.bold))
-            }, null, 8, _hoisted_18),
-            $data.statusInfo && $data.statusInfo.bold ? (openBlock(), createElementBlock("div", _hoisted_19)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_18$1),
+            $data.statusInfo && $data.statusInfo.bold ? (openBlock(), createElementBlock("div", _hoisted_19$1)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -509,7 +781,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           width: "152"
         }, {
           reference: withCtx(() => [
-            createElementVNode("div", _hoisted_20, [
+            createElementVNode("div", _hoisted_20$1, [
               createVNode(_component_el_tooltip, {
                 class: "item",
                 effect: "dark",
@@ -527,13 +799,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                       width: "24",
                       height: "40",
                       alt: ""
-                    }, null, 8, _hoisted_21),
+                    }, null, 8, _hoisted_21$1),
                     createElementVNode("img", {
                       src: $options.getImageUrl("tools_arrow@3x.png"),
                       width: "16",
                       height: "40",
                       alt: ""
-                    }, null, 8, _hoisted_22)
+                    }, null, 8, _hoisted_22$1)
                   ], 2)
                 ]),
                 _: 1
@@ -541,7 +813,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           default: withCtx(() => [
-            withDirectives((openBlock(), createElementBlock("ul", _hoisted_23, [
+            withDirectives((openBlock(), createElementBlock("ul", _hoisted_23$1, [
               createElementVNode("li", {
                 "data-editor-id": "makeHeader",
                 onClick: _cache[8] || (_cache[8] = ($event) => $options.updatePosition(() => {
@@ -568,15 +840,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_24, [
+          createElementVNode("div", _hoisted_24$1, [
             createElementVNode("img", {
               src: $options.getImageUrl("tools_xie@3x.png"),
               width: "40",
               height: "40",
               alt: "",
               onClick: _cache[10] || (_cache[10] = ($event) => $options.setStyle($data.statusInfo.italic ? "removeItalic" : "italic", "italic", !$data.statusInfo.italic))
-            }, null, 8, _hoisted_25),
-            $data.statusInfo && $data.statusInfo.italic ? (openBlock(), createElementBlock("div", _hoisted_26)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_25$1),
+            $data.statusInfo && $data.statusInfo.italic ? (openBlock(), createElementBlock("div", _hoisted_26$1)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -588,15 +860,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_27, [
+          createElementVNode("div", _hoisted_27$1, [
             createElementVNode("img", {
               src: $options.getImageUrl("tools_line@3x.png"),
               width: "40",
               height: "40",
               alt: "",
               onClick: _cache[11] || (_cache[11] = ($event) => $options.setStyle($data.statusInfo.underline ? "removeUnderline" : "underline", "underline", !$data.statusInfo.underline))
-            }, null, 8, _hoisted_28),
-            $data.statusInfo && $data.statusInfo.underline ? (openBlock(), createElementBlock("div", _hoisted_29)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_28$1),
+            $data.statusInfo && $data.statusInfo.underline ? (openBlock(), createElementBlock("div", _hoisted_29$1)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -609,14 +881,14 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_30, [
+          createElementVNode("div", _hoisted_30$1, [
             createElementVNode("img", {
               src: $options.getImageUrl("icon_web_link@2x.png"),
               width: "40",
               height: "40",
               alt: "",
               onClick: _cache[12] || (_cache[12] = (...args) => $options.insertLink && $options.insertLink(...args))
-            }, null, 8, _hoisted_31)
+            }, null, 8, _hoisted_31$1)
           ])
         ]),
         _: 1
@@ -634,7 +906,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             height: "40",
             alt: "",
             onClick: _cache[13] || (_cache[13] = ($event) => $options.setStyle("setIndent"))
-          }, null, 8, _hoisted_32)
+          }, null, 8, _hoisted_32$1)
         ]),
         _: 1
       }),
@@ -654,7 +926,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               width: "24",
               height: "40",
               alt: ""
-            }, null, 8, _hoisted_33),
+            }, null, 8, _hoisted_33$1),
             createElementVNode("img", {
               src: $options.getImageUrl("tools_arrow@3x.png"),
               width: "16",
@@ -833,23 +1105,25 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : createCommentVNode("", true);
 }
-const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-0fe1bef8"]]);
+const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-719229ac"]]);
 const __vite_glob_0_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAA0UlEQVR42uWYwQnDMAxFfckAXkFDmGzgS1foDpnFS3gTb+IFtIDyA4UeBKUtNR8qwTvlkAdyfmSletySmRUwgIIJOijXs9VcLxegwNVDRFYLdHtdCg6wrRKY9l4NUFYIqH1WDeTfCXxXE9w5Ar4tQhBwh7SBjSDg2lJJAj47SAI+OwgC7pDuJAGfHQQBnx0kAZ8dBAF3SOtTgCchybjV2QLKFpihW6BAQn6GA0i4KG4g037H4QaSDiTWUMocyweQcFezBjLrer5TFxR/uaKhL6lOdeUQ8G6X1pQAAAAASUVORK5CYII=";
 const index_vue_vue_type_style_index_0_lang$4 = "";
-const _hoisted_1$6 = { class: "basic-dialog_title" };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("span", { class: "basic-dialog_divider" }, null, -1);
-const _hoisted_3$6 = {
+const _hoisted_1$6 = { key: 0 };
+const _hoisted_2$6 = { class: "basic-dialog_title" };
+const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "basic-dialog_divider" }, null, -1);
+const _hoisted_4$5 = {
   key: 0,
   class: "dialog-footer"
 };
-const _hoisted_4$5 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_5$4 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
+const _hoisted_5$4 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_6$2 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   name: "index",
   props: {
     visible: { type: Boolean, default: false },
     showBtn: { type: Boolean, default: true },
-    width: { default: "840px" }
+    width: { default: "840px" },
+    showTitle: { type: Boolean, default: true }
   },
   emits: ["submit", "cancel"],
   setup(__props, { emit: emits }) {
@@ -880,26 +1154,26 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
         "before-close": handleClose,
         width: __props.width,
-        class: "basic-dialog"
+        class: normalizeClass(["basic-dialog", { "hide-title": !__props.showTitle }])
       }, {
         header: withCtx(() => [
-          createElementVNode("div", null, [
-            createElementVNode("div", _hoisted_1$6, [
-              _hoisted_2$6,
+          __props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+            createElementVNode("div", _hoisted_2$6, [
+              _hoisted_3$6,
               renderSlot(_ctx.$slots, "title")
             ])
-          ])
+          ])) : createCommentVNode("", true)
         ]),
         footer: withCtx(() => [
-          __props.showBtn ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
+          __props.showBtn ? (openBlock(), createElementBlock("span", _hoisted_4$5, [
             createVNode(unref(ElButton), {
-              style: { "width": "120px", "border-color": "#CCCCCC", "color": "#333333" },
+              style: { "width": "120px", "border-color": "#cccccc", "color": "#333333" },
               plain: "",
               round: "",
               onClick: handleClose
             }, {
               default: withCtx(() => [
-                _hoisted_4$5
+                _hoisted_5$4
               ]),
               _: 1
             }),
@@ -910,7 +1184,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               onClick: confirm
             }, {
               default: withCtx(() => [
-                _hoisted_5$4
+                _hoisted_6$2
               ]),
               _: 1
             })
@@ -920,7 +1194,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["modelValue", "width"]);
+      }, 8, ["modelValue", "width", "class"]);
     };
   }
 });
@@ -1070,21 +1344,21 @@ const _hoisted_4$4 = /* @__PURE__ */ createTextVNode("\u4ECE\u6211\u7684\u6587\u
 const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("\u4ECE\u6211\u7684\u89C6\u9891\u4E2D\u9009\u62E9");
 const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u4ECE\u6240\u6709\u6587\u7AE0\u4E2D\u9009\u62E9");
 const _hoisted_7$1 = { class: "insert-article_input" };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
   key: 0,
   class: "nodata"
 };
-const _hoisted_9 = ["infinite-scroll-disabled"];
-const _hoisted_10 = {
+const _hoisted_9$1 = ["infinite-scroll-disabled"];
+const _hoisted_10$1 = {
   key: 0,
   class: "video-item"
 };
-const _hoisted_11 = { class: "video-pic" };
-const _hoisted_12 = ["src"];
-const _hoisted_13 = ["src"];
-const _hoisted_14 = { class: "video-text" };
-const _hoisted_15 = { class: "dotdotdot2" };
-const _hoisted_16 = {
+const _hoisted_11$1 = { class: "video-pic" };
+const _hoisted_12$1 = ["src"];
+const _hoisted_13$1 = ["src"];
+const _hoisted_14$1 = { class: "video-text" };
+const _hoisted_15$1 = { class: "dotdotdot2" };
+const _hoisted_16$1 = {
   key: 1,
   style: { "display": "inline-flex", "flex-direction": "column" }
 };
@@ -1241,7 +1515,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["modelValue", "placeholder"])
             ]),
-            data.data.length === 0 && !data.busy ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(`\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684${unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\u54E6\uFF0C\u4F60\u53EF\u4EE5\u8BD5\u8BD5\u641C\u7D22\u5176\u4ED6${unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\uFF5E`), 1)) : withDirectives((openBlock(), createElementBlock("div", {
+            data.data.length === 0 && !data.busy ? (openBlock(), createElementBlock("div", _hoisted_8$1, toDisplayString(`\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684${unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\u54E6\uFF0C\u4F60\u53EF\u4EE5\u8BD5\u8BD5\u641C\u7D22\u5176\u4ED6${unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\uFF5E`), 1)) : withDirectives((openBlock(), createElementBlock("div", {
               key: 1,
               "infinite-scroll-immediate": false,
               class: "insert-article_list",
@@ -1261,22 +1535,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => {
                       var _a;
                       return [
-                        unref(isVideo) ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                          createElementVNode("div", _hoisted_11, [
+                        unref(isVideo) ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                          createElementVNode("div", _hoisted_11$1, [
                             createElementVNode("img", {
                               class: "video-pic",
                               src: (_a = item == null ? void 0 : item.mediaInfo[0]) == null ? void 0 : _a.img
-                            }, null, 8, _hoisted_12),
+                            }, null, 8, _hoisted_12$1),
                             createElementVNode("img", {
                               class: "play",
                               src: getImageUrl("play.png")
-                            }, null, 8, _hoisted_13)
+                            }, null, 8, _hoisted_13$1)
                           ]),
-                          createElementVNode("div", _hoisted_14, [
-                            createElementVNode("span", _hoisted_15, toDisplayString(item.content || "[\u65E0\u6807\u9898]"), 1),
+                          createElementVNode("div", _hoisted_14$1, [
+                            createElementVNode("span", _hoisted_15$1, toDisplayString(item.content || "[\u65E0\u6807\u9898]"), 1),
                             createElementVNode("span", null, toDisplayString(unref(date).format(item.createTime * 1e3, "YYYY-MM-DD hh-mm")), 1)
                           ])
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_16$1, [
                           createElementVNode("span", null, toDisplayString(item.title || "[\u65E0\u6807\u9898]"), 1),
                           createElementVNode("span", null, toDisplayString(unref(date).format(item.createTime * 1e3, "YYYY-MM-DD")), 1)
                         ]))
@@ -1286,7 +1560,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }, 1032, ["modelValue", "label", "onChange"])
                 ]);
               }), 128))
-            ], 8, _hoisted_9)), [
+            ], 8, _hoisted_9$1)), [
               [unref(vInfiniteScroll), getArticleList]
             ])
           ])
@@ -1336,24 +1610,94 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 const index_vue_vue_type_style_index_0_lang$2 = "";
-const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", null, "\u63D2\u5165\u56FE\u7247", -1);
-const _hoisted_2$4 = {
+const _hoisted_1$4 = { class: "img-upload-content" };
+const _hoisted_2$4 = { class: "title-box" };
+const _hoisted_3$4 = ["onClick"];
+const _hoisted_4$3 = {
   key: 0,
-  class: "upload-wrap"
+  class: "line"
 };
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("span", null, "\u672C\u5730\u4E0A\u4F20", -1);
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "remark" }, "\u652F\u6301jpg\u3001jpeg\u3001png\u7B49\u591A\u79CD\u683C\u5F0F\uFF0C\u5355\u5F20\u56FE\u7247\u6700\u5927\u652F\u630120MB", -1);
 const _hoisted_5$2 = {
+  key: 0,
+  class: "prompt-restriction"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "prompt-restriction"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "text-picture"
+};
+const _hoisted_8 = { class: "image-list content-image" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["src"];
+const _hoisted_11 = {
+  key: 0,
+  class: "shade"
+};
+const _hoisted_12 = { class: "num" };
+const _hoisted_13 = {
+  key: 0,
+  class: "upload-wrap"
+};
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", null, "\u672C\u5730\u4E0A\u4F20", -1);
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", { class: "remark" }, "\u652F\u6301jpg\u3001jpeg\u3001png\u7B49\u591A\u79CD\u683C\u5F0F\uFF0C\u5355\u5F20\u56FE\u7247\u6700\u5927\u652F\u630120MB", -1);
+const _hoisted_16 = {
   key: 1,
   class: "img-list"
 };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "upload-btn" };
+const _hoisted_17 = ["src"];
+const _hoisted_18 = { class: "upload-btn" };
+const _hoisted_19 = {
+  key: 2,
+  class: "map-depot"
+};
+const _hoisted_20 = { class: "screen" };
+const _hoisted_21 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
+const _hoisted_22 = { key: 0 };
+const _hoisted_23 = { class: "tab-box" };
+const _hoisted_24 = ["onClick"];
+const _hoisted_25 = {
+  key: 0,
+  class: "line"
+};
+const _hoisted_26 = { class: "image-list depot-image" };
+const _hoisted_27 = ["onClick"];
+const _hoisted_28 = ["src"];
+const _hoisted_29 = {
+  key: 0,
+  class: "shade"
+};
+const _hoisted_30 = { class: "num" };
+const _hoisted_31 = {
+  key: 1,
+  class: "protocol-box"
+};
+const _hoisted_32 = /* @__PURE__ */ createElementVNode("div", null, [
+  /* @__PURE__ */ createElementVNode("div", null, " \u56FE\u5E93\u4E2D\u7684\u56FE\u7247\u4EC5\u9650\u4E0B\u8F7D\u6469\u6258\u8303\u4EE5\u7F16\u8F91\u53D1\u5E03\u6587\u7AE0\u4F7F\u7528,\u4E0D\u5F97\u7528\u4E8E\u5176\u4ED6\u4EFB\u4F55\u5E73\u53F0\u53CA\u7528\u9014 "),
+  /* @__PURE__ */ createElementVNode("div", null, [
+    /* @__PURE__ */ createTextVNode(" \u8BF7\u9605\u8BFB"),
+    /* @__PURE__ */ createElementVNode("a", {
+      href: "https://mp.58moto.com/about?type=imageLicenseAgreement",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      class: "link"
+    }, "\u300A\u6469\u6258\u8303\u56FE\u7247\u8BB8\u53EF\u4F7F\u7528\u534F\u8BAE\u300B"),
+    /* @__PURE__ */ createTextVNode(",\u60A8\u7684\u884C\u4E3A\u89C6\u4E3A\u60A8\u5DF2\u540C\u610F\u8BE5\u534F\u8BAE\u3002 ")
+  ])
+], -1);
+const _hoisted_33 = [
+  _hoisted_32
+];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   name: "index",
   props: {
     visible: { type: Boolean, default: false },
-    imgList: { default: [] }
+    imgList: { default: [] },
+    chartGallery: { type: Boolean, default: false },
+    request: { default: {} },
+    imgNum: { default: 20 }
   },
   emits: ["update:imgList", "update:visible", "submit"],
   setup(__props, { emit: emits }) {
@@ -1399,86 +1743,442 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       var ele = document.getElementsByClassName("imageFile");
       ele[0].dispatchEvent(event);
     };
+    const activeTitle = ref(2);
+    const titleList = ref([]);
+    watch(
+      () => props.visible,
+      (newValue) => {
+        if (newValue) {
+          const list = [
+            {
+              id: 2,
+              value: "\u4E0A\u4F20\u56FE\u7247"
+            }
+          ];
+          activeTitle.value = 2;
+          if (props.imgNum < 20) {
+            list.unshift({
+              id: 1,
+              value: "\u6B63\u6587\u56FE\u7247"
+            });
+            activeTitle.value = 1;
+            getContentImgList();
+          }
+          if (props.chartGallery) {
+            list.push({
+              id: 3,
+              value: "\u6469\u6258\u8303\u56FE\u5E93"
+            });
+          }
+          titleList.value = list;
+        }
+      }
+    );
+    const changeTab = (item) => {
+      if (activeTitle.value !== item.id) {
+        activeTitle.value = item.id;
+        emits("update:imgList", []);
+        if (item.id === 1) {
+          if (!contentImgList.value.length) {
+            getContentImgList();
+          }
+        }
+        if (item.id === 3) {
+          if (!brandList.value.length) {
+            getBrandList();
+          }
+        }
+      }
+    };
+    const contentImgListInit = ref([]);
+    const getContentImgList = () => {
+      contentImgListInit.value = [];
+      const node = document.getElementById("editor-content");
+      if (node) {
+        const imgList = node.querySelectorAll(".halo-picture-area");
+        if (imgList && imgList.length) {
+          const list = [];
+          imgList.forEach((img) => {
+            if (!list.includes(img.src)) {
+              list.push(img.src);
+            }
+          });
+          list.forEach((src, i) => {
+            contentImgListInit.value.push({
+              imgOrgUrl: src,
+              imgId: `content_${i}`
+            });
+          });
+        }
+      }
+    };
+    const contentImgList = computed(() => {
+      const list = [];
+      contentImgListInit.value.forEach((v) => {
+        const value = props.imgList.find((_) => _.id === v.imgId);
+        list.push({
+          imgOrgUrl: v.imgOrgUrl,
+          imgId: v.imgId,
+          num: value && value.num || 0
+        });
+      });
+      return list;
+    });
+    const selectData = reactive({
+      brandId: "",
+      goodId: "",
+      carId: ""
+    });
+    const {
+      getCarTypeList,
+      getAllBrandList,
+      getGoodsImgsTypeData,
+      getCarGoodsList
+    } = props.request;
+    const brandList = ref([]);
+    const getBrandList = () => {
+      brandList.value = [];
+      getAllBrandList({
+        brandEnergyType: 3,
+        brandVersion: 1598596364
+      }).then((res) => {
+        if (res.data.code === 0) {
+          brandList.value = res.data.data || [];
+        }
+      });
+    };
+    const goodList = ref([]);
+    const getGoodList = () => {
+      goodList.value = [];
+      getCarTypeList(selectData.brandId, {
+        platform: 11,
+        provinceName: "",
+        cityName: "",
+        onSale: 1,
+        page: 1,
+        rows: 200,
+        brandEnergyType: 3,
+        goodMinPrice: "",
+        goodMaxPrice: "",
+        goodType: "",
+        goodMinVolume: "",
+        goodMaxVolume: "",
+        sortType: 0
+      }).then((res) => {
+        if (res.data.code === 0) {
+          goodList.value = res.data.data || [];
+        }
+      });
+    };
+    const carList = ref([]);
+    const getCarList = () => {
+      carList.value = [];
+      getCarGoodsList({
+        goodId: selectData.goodId,
+        color: "",
+        isFromAskPrice: 0
+      }).then((res) => {
+        if (res.data.code === 0) {
+          const list = res.data.data || [];
+          list.forEach((v) => {
+            if (v.carInfoList && v.carInfoList.length) {
+              v.carInfoList.forEach((car) => {
+                carList.value.push(car);
+              });
+            }
+          });
+        }
+      });
+    };
+    const changeBrandId = () => {
+      selectData.goodId = "";
+      selectData.carId = "";
+      getGoodList();
+    };
+    const changeGoodId = () => {
+      selectData.carId = "";
+      getCarList();
+    };
+    const activeTab = ref("1");
+    const tabList = ref([]);
+    const search = () => {
+      if (!selectData.brandId) {
+        return ElMessage.error("\u8BF7\u9009\u62E9\u54C1\u724C");
+      }
+      if (!selectData.goodId) {
+        return ElMessage.error("\u8BF7\u9009\u62E9\u8F66\u578B");
+      }
+      if (!selectData.carId) {
+        return ElMessage.error("\u8BF7\u9009\u62E9\u6B3E\u578B");
+      }
+      tabList.value = [];
+      emits("update:imgList", []);
+      getGoodsImgsTypeData({
+        goodId: selectData.goodId,
+        carId: selectData.carId
+      }).then((res) => {
+        if (res.data.code === 0) {
+          tabList.value = res.data.data || [];
+          if (tabList.value.length) {
+            activeTab.value = tabList.value[0].type || "1";
+          }
+        }
+      });
+    };
+    const imageList = computed(() => {
+      const list = [];
+      const item = tabList.value.find((v) => v.type === activeTab.value);
+      if (item && item.imgList && item.imgList.length) {
+        item.imgList.forEach((v) => {
+          const value = props.imgList.find((_) => _.id === v.imgId);
+          list.push({
+            imgOrgUrl: v.imgOrgUrl,
+            imgId: v.imgId,
+            num: value && value.num || 0
+          });
+        });
+      }
+      return list;
+    });
+    const selectImage = (item, type) => {
+      const list = [...props.imgList];
+      const index = list.findIndex((v) => v.id === item.imgId);
+      if (index >= 0) {
+        list.splice(index, 1);
+      } else {
+        if (list.length >= props.imgNum)
+          return;
+        list.push({
+          id: item.imgId,
+          src: item.imgOrgUrl,
+          type
+        });
+      }
+      list.forEach((v, i) => {
+        v.num = i + 1;
+      });
+      emits("update:imgList", list);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$6, {
-        visible: props.visible
+        visible: props.visible,
+        showTitle: false
       }, {
-        title: withCtx(() => [
-          _hoisted_1$4
-        ]),
         default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["insert-img", !props.imgList.length ? "no-img" : ""])
-          }, [
-            !props.imgList.length ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
-              createElementVNode("div", {
-                class: "upload-wrap_box",
-                onClick: emitEvent
-              }, [
-                createVNode(unref(ElIcon), { class: "icon pointer" }, {
+          createElementVNode("div", _hoisted_1$4, [
+            createElementVNode("div", _hoisted_2$4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(titleList.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass(["title", { active: item.id === activeTitle.value }]),
+                  onClick: ($event) => changeTab(item)
+                }, [
+                  createTextVNode(toDisplayString(item.value) + " ", 1),
+                  item.id === activeTitle.value ? (openBlock(), createElementBlock("div", _hoisted_4$3)) : createCommentVNode("", true)
+                ], 10, _hoisted_3$4);
+              }), 128)),
+              [1, 3].includes(activeTitle.value) && props.imgList.length ? (openBlock(), createElementBlock("div", _hoisted_5$2, " \u6700\u591A\u53EF\u9009" + toDisplayString(props.imgNum) + "\u5F20\u56FE\u7247\uFF0C\u5DF2\u9009" + toDisplayString(props.imgList.length) + "\u5F20 ", 1)) : createCommentVNode("", true),
+              activeTitle.value === 2 && props.imgList.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(props.imgList.length) + "\u5F20\u4E0A\u4F20\u6210\u529F \u62D6\u52A8\u53EF\u8C03\u6574\u987A\u5E8F ", 1)) : createCommentVNode("", true)
+            ]),
+            activeTitle.value === 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(contentImgList), (item, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "image-item",
+                    onClick: ($event) => selectImage(item, 1)
+                  }, [
+                    createElementVNode("img", {
+                      src: item.imgOrgUrl,
+                      alt: "",
+                      class: "image"
+                    }, null, 8, _hoisted_10),
+                    item.num ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                      createElementVNode("div", _hoisted_12, toDisplayString(item.num), 1)
+                    ])) : createCommentVNode("", true)
+                  ], 8, _hoisted_9);
+                }), 128))
+              ])
+            ])) : createCommentVNode("", true),
+            activeTitle.value === 2 ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(["insert-img", !props.imgList.length ? "no-img" : ""])
+            }, [
+              !props.imgList.length ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                createElementVNode("div", {
+                  class: "upload-wrap_box",
+                  onClick: emitEvent
+                }, [
+                  createVNode(unref(ElIcon), { class: "icon pointer" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Picture))
+                    ]),
+                    _: 1
+                  }),
+                  _hoisted_14
+                ]),
+                _hoisted_15
+              ])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+                createVNode(unref(draggable), {
+                  modelValue: unref(imgListTemp),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(imgListTemp) ? imgListTemp.value = $event : null),
+                  handle: ".img-item",
+                  class: "img-wrap",
+                  group: "people",
+                  onStart: _cache[1] || (_cache[1] = ($event) => drag.value = true),
+                  "item-key": "id",
+                  onEnd: _cache[2] || (_cache[2] = ($event) => drag.value = false)
+                }, {
+                  item: withCtx(({ element }) => [
+                    (openBlock(), createElementBlock("div", {
+                      key: element.id,
+                      class: "img-item"
+                    }, [
+                      createElementVNode("img", {
+                        src: element.src,
+                        style: { "object-fit": "contain" },
+                        width: "120",
+                        height: "120"
+                      }, null, 8, _hoisted_17),
+                      createVNode(unref(CircleCloseFilled), {
+                        class: "icon pointer",
+                        onClick: ($event) => deleteImg(element)
+                      }, null, 8, ["onClick"])
+                    ]))
+                  ]),
+                  footer: withCtx(() => [
+                    createElementVNode("div", {
+                      class: "upload-icon pointer",
+                      onClick: emitEvent
+                    }, [
+                      createVNode(unref(ElIcon), { class: "icon pointer" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Plus))
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])),
+              createElementVNode("div", _hoisted_18, [
+                createElementVNode("input", {
+                  type: "file",
+                  name: "file",
+                  multiple: "",
+                  class: "imageFile",
+                  accept: "image/*",
+                  onChange: _cache[3] || (_cache[3] = ($event) => selectImgs($event))
+                }, null, 32)
+              ])
+            ], 2)) : createCommentVNode("", true),
+            activeTitle.value === 3 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("div", null, [
+                  createVNode(unref(ElSelect), {
+                    modelValue: selectData.brandId,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectData.brandId = $event),
+                    placeholder: "\u8BF7\u9009\u62E9\u54C1\u724C",
+                    size: "large",
+                    class: "select_1",
+                    onChange: changeBrandId
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(brandList.value, (item, index) => {
+                        return openBlock(), createBlock(unref(ElOption), {
+                          key: index,
+                          label: item.brandName,
+                          value: item.brandId
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  createVNode(unref(ElSelect), {
+                    modelValue: selectData.goodId,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectData.goodId = $event),
+                    placeholder: "\u8BF7\u9009\u62E9\u8F66\u578B",
+                    size: "large",
+                    class: "select_1",
+                    onChange: changeGoodId
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(goodList.value, (item, index) => {
+                        return openBlock(), createBlock(unref(ElOption), {
+                          key: index,
+                          label: item.goodName,
+                          value: item.goodId
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  createVNode(unref(ElSelect), {
+                    modelValue: selectData.carId,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => selectData.carId = $event),
+                    placeholder: "\u8BF7\u9009\u62E9\u6B3E\u578B",
+                    size: "large",
+                    class: "select_2"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(carList.value, (item, index) => {
+                        return openBlock(), createBlock(unref(ElOption), {
+                          key: index,
+                          label: item.goodsCarName,
+                          value: item.carId
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                createVNode(unref(ElButton), {
+                  type: "primary",
+                  size: "large",
+                  style: { "width": "80px" },
+                  onClick: search
+                }, {
                   default: withCtx(() => [
-                    createVNode(unref(Picture))
+                    _hoisted_21
                   ]),
                   _: 1
-                }),
-                _hoisted_3$4
+                })
               ]),
-              _hoisted_4$3
-            ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
-              createVNode(unref(draggable), {
-                modelValue: unref(imgListTemp),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(imgListTemp) ? imgListTemp.value = $event : null),
-                handle: ".img-item",
-                class: "img-wrap",
-                group: "people",
-                onStart: _cache[1] || (_cache[1] = ($event) => drag.value = true),
-                "item-key": "id",
-                onEnd: _cache[2] || (_cache[2] = ($event) => drag.value = false)
-              }, {
-                item: withCtx(({ element }) => [
-                  (openBlock(), createElementBlock("div", {
-                    key: element.id,
-                    class: "img-item"
-                  }, [
-                    createElementVNode("img", {
-                      src: element.src,
-                      style: { "object-fit": "cover" },
-                      width: "120",
-                      height: "120"
-                    }, null, 8, _hoisted_6),
-                    createVNode(unref(CircleCloseFilled), {
-                      class: "icon pointer",
-                      onClick: ($event) => deleteImg(element)
-                    }, null, 8, ["onClick"])
-                  ]))
+              tabList.value && tabList.value.length ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                createElementVNode("div", _hoisted_23, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(tabList.value, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: normalizeClass(["tab", { active: item.type === activeTab.value }]),
+                      onClick: ($event) => activeTab.value = item.type
+                    }, [
+                      createTextVNode(toDisplayString(item.name) + " ", 1),
+                      item.type === activeTab.value ? (openBlock(), createElementBlock("div", _hoisted_25)) : createCommentVNode("", true)
+                    ], 10, _hoisted_24);
+                  }), 128))
                 ]),
-                footer: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "upload-icon pointer",
-                    onClick: emitEvent
-                  }, [
-                    createVNode(unref(ElIcon), { class: "icon pointer" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Plus))
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])),
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("input", {
-                type: "file",
-                name: "file",
-                multiple: "",
-                class: "imageFile",
-                accept: "image/*",
-                onChange: _cache[3] || (_cache[3] = ($event) => selectImgs($event))
-              }, null, 32)
-            ])
-          ], 2)
+                createElementVNode("div", _hoisted_26, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(imageList), (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: "image-item",
+                      onClick: ($event) => selectImage(item, 3)
+                    }, [
+                      createElementVNode("img", {
+                        src: item.imgOrgUrl,
+                        alt: "",
+                        class: "image"
+                      }, null, 8, _hoisted_28),
+                      item.num ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                        createElementVNode("div", _hoisted_30, toDisplayString(item.num), 1)
+                      ])) : createCommentVNode("", true)
+                    ], 8, _hoisted_27);
+                  }), 128))
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_31, _hoisted_33))
+            ])) : createCommentVNode("", true)
+          ])
         ]),
         _: 1
       }, 8, ["visible"]);
@@ -1742,7 +2442,9 @@ const _sfc_main = {
     "getEassyDetail",
     "getArticleList",
     "importEssay",
-    "uploadImageByOther"
+    "uploadImageByOther",
+    "chartGallery",
+    "request"
   ],
   data() {
     return {
@@ -1757,6 +2459,7 @@ const _sfc_main = {
       setAlignFlag: true,
       article: {},
       imgList: [],
+      imgNum: 20,
       videoList: [],
       visibleVideo: false,
       visibleCollectArticle: false,
@@ -1843,23 +2546,23 @@ const _sfc_main = {
     }
   },
   created() {
-    const me = this;
-    me.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
-    me.guid = me.user.uid + "|" + util.tools.guid();
+    const me2 = this;
+    me2.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
+    me2.guid = me2.user.uid + "|" + util.tools.guid();
   },
   beforeDestroy() {
     this.editorDom && this.editorDom.removeEventListener("blur", this.canSetAlign);
   },
   mounted() {
-    const me = this;
-    me.editorDom = document.getElementById("editor-content");
-    me.editorDom.addEventListener("blur", this.canSetAlign);
+    const me2 = this;
+    me2.editorDom = document.getElementById("editor-content");
+    me2.editorDom.addEventListener("blur", this.canSetAlign);
     if (!window.Squire) {
       import("./squire-raw.7e84068d.js").then(function() {
-        me.initSquire();
+        me2.initSquire();
       });
     } else {
-      me.initSquire();
+      me2.initSquire();
     }
   },
   methods: {
@@ -1918,36 +2621,36 @@ const _sfc_main = {
       this.visibleVideo = false;
       const fileName = (files[0] && files[0].name || "").toLowerCase();
       if (files[0].size > 1 * 1024 * 1024 * 1024) {
-        return me.setToast("\u89C6\u9891\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71GB");
+        return me2.setToast("\u89C6\u9891\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71GB");
       }
       if (fileName.indexOf(".mp4") === -1 && fileName.indexOf(".mov") === -1) {
-        return me.setToast("\u89C6\u9891\u683C\u5F0F\u4E0D\u662Fmp4\u6216mov");
+        return me2.setToast("\u89C6\u9891\u683C\u5F0F\u4E0D\u662Fmp4\u6216mov");
       }
-      const me = this;
-      if (me.loading)
+      const me2 = this;
+      if (me2.loading)
         return;
-      me.closeDialog();
-      me.loading = true;
+      me2.closeDialog();
+      me2.loading = true;
       this.editor["insertVideoProgress"]();
       this.$emit("insertVideo", this, files, (result) => {
         const video = {
           duration: result.duration || "",
           link: result.videoUrl || "",
-          img: me.coverUrl || result.coverUrl || result.customCover || "",
+          img: me2.coverUrl || result.coverUrl || result.customCover || "",
           id: result.videoId,
           desc: "",
           vodSize: result.vodSize || "",
           vodType: result.vodType || ""
         };
-        me.$emit("updateAddVideo", true);
-        me.editor["insertVideo"](result.videoUrl, video);
-        me.updateData(true);
+        me2.$emit("updateAddVideo", true);
+        me2.editor["insertVideo"](result.videoUrl, video);
+        me2.updateData(true);
       }, (_) => {
-        me.setMessageBoxNoCancel(_);
+        me2.setMessageBoxNoCancel(_);
       }, () => {
-        me.loading = false;
-        me.loadingText = "";
-        me.removeProgress();
+        me2.loading = false;
+        me2.loadingText = "";
+        me2.removeProgress();
       });
     },
     replaceImg(e) {
@@ -2126,7 +2829,7 @@ const _sfc_main = {
       node.appendChild(del);
     },
     parseVideo(node, essayPicRelVOList) {
-      const me = this;
+      const me2 = this;
       const videoData = JSON.parse(node.dataset.video);
       const video = node.querySelector(".halo-video-area");
       const videoId = video.src;
@@ -2144,14 +2847,14 @@ const _sfc_main = {
         "class": "pointer video-delete  icon",
         "contenteditable": "false",
         onClick(e) {
-          me.removeParentByClass(e.target, "halo-video-content");
+          me2.removeParentByClass(e.target, "halo-video-content");
           e.stopPropagation();
         }
       });
       node.onclick = function() {
-        me.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
+        me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
       };
-      const replaceBtn = me.insertVideoBtns(this, video);
+      const replaceBtn = me2.insertVideoBtns(this, video);
       node.appendChild(delBtn);
       node.appendChild(replaceBtn);
     },
@@ -2254,23 +2957,98 @@ const _sfc_main = {
     uploadArticle() {
       this.visibleArticle = true;
     },
-    uploadImg(type) {
+    uploadImg(type, num) {
       this.visibleImg = true;
       this.imgType = type;
       this.imgList = [];
+      this.imgNum = num || 20;
     },
-    submitImg() {
-      const files = this.imgList.map((item) => item.file);
+    async submitImg() {
       this.count = 0;
       this.countList = [];
       this.seamlessCount = 0;
-      this.$emit("insertImgs", files, "img", (type, src) => {
+      if (this.imgList.length) {
+        const idList = [];
+        const list_1 = [];
+        const list_2 = [];
+        const list_3 = [];
+        this.imgList.forEach((v) => {
+          idList.push(v.id);
+          if (v.type === 1) {
+            list_1.push(v);
+          } else if (v.type === 3) {
+            list_3.push(v);
+          } else {
+            list_2.push(v);
+          }
+        });
+        const list_2_new = await this.reviseFilesImg(list_2);
+        const list_3_new = await this.reviseSrcImg(list_3);
+        const list_all = [...list_1, ...list_2_new, ...list_3_new];
+        const imgList_new = [];
+        idList.forEach((id) => {
+          const item = list_all.find((value) => value.id === id);
+          if (item && item.src) {
+            imgList_new.push(item);
+          }
+        });
+        if (this.imgType === "coverImg") {
+          this.$emit("insertImgs", imgList_new, this.imgType);
+        } else {
+          imgList_new.forEach((img) => {
+            this.imgUploadHandler("img", img.src);
+          });
+        }
         this.visibleImg = false;
-        this.imgUploadHandler(type, src);
-      });
+      } else {
+        this.visibleImg = false;
+      }
+    },
+    async reviseFilesImg(list) {
+      if (list.length) {
+        const p_l = [];
+        list.forEach((v) => {
+          const p = new Promise((resolve, reject) => {
+            try {
+              this.$emit("insertImgs", [v.file], "img", (type, src) => {
+                resolve({ ...v, src });
+              });
+            } catch (error) {
+              reject(error);
+            }
+          });
+          p_l.push(p);
+        });
+        const res = await Promise.all(p_l);
+        return res;
+      } else {
+        return [];
+      }
+    },
+    async reviseSrcImg(list) {
+      const copyToEssayImg = this.request.copyToEssayImg;
+      if (copyToEssayImg && list.length) {
+        const arr = [];
+        list.forEach((v) => {
+          arr.push(v.src);
+        });
+        const res = await copyToEssayImg({ imgUrls: arr.join(",") });
+        if (res.data.code === 0) {
+          const data = res.data.data || "";
+          const list_new = data ? data.split(",") : [];
+          list.forEach((v, i) => {
+            v.src = list_new[i] || "";
+          });
+          return list;
+        } else {
+          return [];
+        }
+      } else {
+        return [];
+      }
     },
     imgUploadHandler(type, imgSrc) {
-      const me = this;
+      const me2 = this;
       if (type && imgSrc) {
         if (type === "uploadAgainImages") {
           this.updateImage(imgSrc, this.currentImg);
@@ -2282,7 +3060,7 @@ const _sfc_main = {
               src: imgSrc,
               img: imgSrc,
               selected: false,
-              seamlessFlag: me.replaceSeamless,
+              seamlessFlag: me2.replaceSeamless,
               type: "2"
             }, this.range);
           } else if (type === "replace-poster") {
@@ -2318,7 +3096,7 @@ const _sfc_main = {
       }
     },
     insertVideoBtns(editor, node) {
-      const me = this;
+      const me2 = this;
       var replaceBtn = editor.createElement("div", {
         "class": "video-cover-replace pointer",
         "contenteditable": "false"
@@ -2326,14 +3104,14 @@ const _sfc_main = {
       replaceBtn.onclick = function(e) {
         const posterBtn = document.querySelector(".replace-poster");
         posterBtn.click();
-        me.currentVideo = node;
+        me2.currentVideo = node;
         e.stopPropagation();
       };
       replaceBtn.innerText = "\u66F4\u6362\u5C01\u9762";
       return replaceBtn;
     },
     insertImgOperateBtns(editor, data) {
-      const me = this;
+      const me2 = this;
       var replaceBtn = editor.createElement("div", {
         "class": "img-replace pointer",
         "contenteditable": "false"
@@ -2342,11 +3120,11 @@ const _sfc_main = {
         "class": "img-delete pointer icon",
         "contenteditable": "false",
         onClick(e) {
-          if (me.disabled)
+          if (me2.disabled)
             return;
-          me.removeSeamlessLaster(e);
-          me.removeParentByClass(e.target, "halo-img-content");
-          me.updateData(true);
+          me2.removeSeamlessLaster(e);
+          me2.removeParentByClass(e.target, "halo-img-content");
+          me2.updateData(true);
         }
       });
       var descInputWrap;
@@ -2359,13 +3137,13 @@ const _sfc_main = {
         placeholder: "\u8BF7\u8F93\u5165\u56FE\u7247\u63CF\u8FF0(\u6700\u591A50\u5B57)",
         "contenteditable": "false"
       });
-      descInput.disabled = me.disabled;
+      descInput.disabled = me2.disabled;
       descInput.oninput = function(e) {
-        const parent = me.findParentByClass(e.target, "halo-img-content");
+        const parent = me2.findParentByClass(e.target, "halo-img-content");
         const img = parent.querySelector(".halo-picture-area");
         img.dataset.desc = e.target.value;
         if (e.target.value.length > 49) {
-          return me.setToast("\u9650\u523650\u4E2A\u5B57\u7B26");
+          return me2.setToast("\u9650\u523650\u4E2A\u5B57\u7B26");
         }
       };
       descInput.value = data.content || "";
@@ -2375,22 +3153,22 @@ const _sfc_main = {
         "style": `${data.seamlessFlag === "1" && "display: none"}`
       }, [descInput]);
       replaceBtn.onclick = function(e) {
-        if (me.disabled)
+        if (me2.disabled)
           return;
-        const current = me.findParentByClass(e.target, "halo-img-content");
+        const current = me2.findParentByClass(e.target, "halo-img-content");
         const range = document.createRange();
         range.setEnd(current.previousElementSibling, 1);
         range.collapse(false);
-        me.range = range;
-        me.replaceSeamless = data.seamlessFlag || "0";
+        me2.range = range;
+        me2.replaceSeamless = data.seamlessFlag || "0";
         const replaceInput = document.querySelector(".replace-input");
-        me.removePreviousImg = () => me.removeParentByClass(e.target, "halo-img-content");
+        me2.removePreviousImg = () => me2.removeParentByClass(e.target, "halo-img-content");
         replaceInput.click();
       };
       delBtn.onclick = function(e) {
-        if (me.disabled)
+        if (me2.disabled)
           return;
-        const cur = me.findParentByClass(e.target, "halo-img-content");
+        const cur = me2.findParentByClass(e.target, "halo-img-content");
         const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
         const currentData = JSON.parse(currentImg.getAttribute("data"));
         if (currentData.seamlessFlag === "0") {
@@ -2408,15 +3186,15 @@ const _sfc_main = {
             console.log(e2);
           }
         }
-        me.removeParentByClass(e.target, "halo-img-content");
-        me.updateData(true);
+        me2.removeParentByClass(e.target, "halo-img-content");
+        me2.updateData(true);
       };
       replaceBtn.innerHTML = "\u66FF\u6362";
       return [replaceBtn, delBtn, descInputWrap];
     },
     removeSeamlessLaster(e) {
-      const me = this;
-      const cur = me.findParentByClass(e.target, "halo-img-content");
+      const me2 = this;
+      const cur = me2.findParentByClass(e.target, "halo-img-content");
       const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
       const currentData = JSON.parse(currentImg.getAttribute("data"));
       if (currentData.seamlessFlag === "0") {
@@ -2443,9 +3221,9 @@ const _sfc_main = {
       });
     },
     initSquire() {
-      const me = this;
-      const editorDom = me.editorDom;
-      me.editor = new window.Squire(me.editorDom, {
+      const me2 = this;
+      const editorDom = me2.editorDom;
+      me2.editor = new window.Squire(me2.editorDom, {
         blockTag: "p",
         blockAttributes: {
           "class": "halo-paragraph"
@@ -2460,7 +3238,7 @@ const _sfc_main = {
         this.styleStatus.size = parseInt(this.fontInfo.size) === 100 ? 17 : this.fontInfo.size;
         this.styleStatus.color = this.fontInfo.color;
       });
-      me.editor.addEventListener("willPaste", function(type, handler) {
+      me2.editor.addEventListener("willPaste", function(type, handler) {
         function validateDom() {
           const fragment = type && type.fragment || {};
           let tmpNode = document.createElement("div");
@@ -2471,7 +3249,7 @@ const _sfc_main = {
         }
         validateDom();
         if (type.defaultPrevented) {
-          me.getSticker(type, handler);
+          me2.getSticker(type, handler);
         }
       });
       window.Squire.prototype.makeParagraph = function(content, position, textAlign) {
@@ -2531,7 +3309,7 @@ const _sfc_main = {
         selection.addRange(range);
       };
       window.Squire.prototype.insertImages = function(src, data = {}, range) {
-        var isHaloImage = me.isHaloImage(src);
+        var isHaloImage = me2.isHaloImage(src);
         var scrollTop = document.documentElement.scrollTop;
         const isSeameless = data.seamlessFlag === "1";
         var loading = this.createElement("div", {
@@ -2566,7 +3344,7 @@ const _sfc_main = {
           "contenteditable": "false",
           "draggable": "false"
         });
-        const btns = me.insertImgOperateBtns(this, data);
+        const btns = me2.insertImgOperateBtns(this, data);
         var childList = [];
         childList.push(img);
         childList.push(...btns);
@@ -2586,8 +3364,8 @@ const _sfc_main = {
         };
         this.insertElement(p, range);
         if (isSeameless) {
-          me.removeDefault(p, "nextElementSibling");
-          me.removeDefault(p, "previousElementSibling");
+          me2.removeDefault(p, "nextElementSibling");
+          me2.removeDefault(p, "previousElementSibling");
         }
         setTimeout(() => {
           document.documentElement.scrollTop = scrollTop;
@@ -2623,16 +3401,16 @@ const _sfc_main = {
           "data-content": data.content || "",
           "poster": data.img || ""
         });
-        var delBtn = me.genIconDom({
+        var delBtn = me2.genIconDom({
           "class": "pointer video-delete icon",
           "contenteditable": "false",
           onClick(e) {
-            me.removeParentByClass(e.target, "halo-video-content");
+            me2.removeParentByClass(e.target, "halo-video-content");
             e.stopPropagation();
           }
         });
         console.log(delBtn);
-        const posterBtn = me.insertVideoBtns(this, video);
+        const posterBtn = me2.insertVideoBtns(this, video);
         var p = this.createElement("DIV", {
           "class": "halo-video-content",
           "contenteditable": "false",
@@ -2640,7 +3418,7 @@ const _sfc_main = {
           "draggable": "true"
         }, [video, delBtn, posterBtn]);
         p.onclick = function() {
-          me.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
+          me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
         };
         let targetMove = "";
         p.ondragstart = function(e) {
@@ -2676,7 +3454,7 @@ const _sfc_main = {
         var scrollTop = document.documentElement.scrollTop;
         var img = `<img class="link-img" src='/static/img/icon_link@3x.png'></img>`;
         var a = `<a class="halo-link-mes"  data-url="${link}" target="_blank">${text}</a>`;
-        const del = me.generateDelLinkIcon();
+        const del = me2.generateDelLinkIcon();
         var p = this.createElement("DIV", {
           "class": "halo-link",
           "contenteditable": "false"
@@ -2688,10 +3466,10 @@ const _sfc_main = {
           document.documentElement.scrollTop = scrollTop;
         }, 50);
       };
-      me.sticky();
+      me2.sticky();
     },
     removeDefault(next, key) {
-      const me = this;
+      const me2 = this;
       const cur = next[key];
       if (!cur || cur.innerText !== "\n")
         return;
@@ -2699,30 +3477,30 @@ const _sfc_main = {
       const isLasterBlock = next.classList.contains("halo-paragraph") || false;
       if (blockDefault && isLasterBlock) {
         cur.remove();
-        me.removeDefault(cur, key);
+        me2.removeDefault(cur, key);
       } else {
         if (blockDefault) {
           cur.style.display = "none";
-          me.removeDefault(cur, key);
+          me2.removeDefault(cur, key);
         }
       }
     },
     generateDelLinkIcon() {
-      const me = this;
+      const me2 = this;
       const del = this.editor.createElement("img", {
         "class": "img-delete",
         "contenteditable": "false",
         "src": car_ciose
       });
       del.onclick = function(e) {
-        const parent = me.findParentByClass(e.target, "halo-link");
+        const parent = me2.findParentByClass(e.target, "halo-link");
         parent.remove();
       };
       return del;
     },
     getEditorData() {
-      const me = this;
-      const children = Array.from(me.editorDom.children);
+      const me2 = this;
+      const children = Array.from(me2.editorDom.children);
       let isNotParagraph = true;
       let count = 0;
       let imgCount = 0;
@@ -2738,7 +3516,7 @@ const _sfc_main = {
         } else if (value.className.includes("article-wrap")) {
           const article = JSON.parse(value.dataset.article);
           cardEassyFlagStatus = !!article.cardEassyFlag;
-          me.hasArticleCard = true;
+          me2.hasArticleCard = true;
         } else if (value.className.includes("halo-paragraph") || value.tagName === "OL" || value.tagName === "UL") {
           const text = value.innerText && value.innerText.trim();
           if (text.length < 1) {
@@ -2781,43 +3559,43 @@ const _sfc_main = {
       return url.indexOf("jddmoto.com") > -1 || url.indexOf("58moto.com") > -1;
     },
     updateUploads() {
-      const me = this;
+      const me2 = this;
       setTimeout(() => {
         const uploads = document.querySelectorAll(".no-upload") || [];
-        me.uploadStore = {};
-        me.currentIndex = 0;
+        me2.uploadStore = {};
+        me2.currentIndex = 0;
         Array.from(uploads).map((_, index) => {
           const id = _.getAttribute("id");
           const key = index + "|" + id;
-          me.uploadStore[key] = _;
+          me2.uploadStore[key] = _;
         });
-        me.uploadImageHandler();
+        me2.uploadImageHandler();
       }, 500);
     },
     uploadImageHandler(key = "") {
-      const me = this;
-      const list = Object.keys(me.uploadStore);
-      if (!list.length || me.currentIndex > list.length)
+      const me2 = this;
+      const list = Object.keys(me2.uploadStore);
+      if (!list.length || me2.currentIndex > list.length)
         return;
       const one = 1;
       const two = 2;
       const three = 3;
       const moreImage = list.length > three;
-      if (me.currentIndex) {
+      if (me2.currentIndex) {
         if (moreImage) {
-          me.uploadImage(key).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
+          me2.uploadImage(key).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
         }
       } else {
-        me.uploadImage(list[0]).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
-        list.length > one && me.uploadImage(list[one]).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
-        list.length > two && me.uploadImage(list[two]).then((_) => moreImage && me.uploadImageHandler(list[me.currentIndex++]));
-        me.currentIndex = three;
+        me2.uploadImage(list[0]).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
+        list.length > one && me2.uploadImage(list[one]).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
+        list.length > two && me2.uploadImage(list[two]).then((_) => moreImage && me2.uploadImageHandler(list[me2.currentIndex++]));
+        me2.currentIndex = three;
       }
     },
     uploadImage(key = "") {
-      const me = this;
-      const itemId = me.guid || "";
-      const currentImg = me.uploadStore[key];
+      const me2 = this;
+      const itemId = me2.guid || "";
+      const currentImg = me2.uploadStore[key];
       const imageUrl = key.split("|")[1] || "";
       if (!currentImg) {
         console.log("\u56FE\u7247\u4E0D\u5B58\u5728", key);
@@ -2838,7 +3616,7 @@ const _sfc_main = {
         if (imgAgain) {
           imgAgain.className = "img-again";
           imgAgain.onclick = function(e) {
-            me.currentImg = currentImg2;
+            me2.currentImg = currentImg2;
             const upload = document.querySelector(".upload-again-input");
             upload && upload.click();
           };
@@ -2851,13 +3629,13 @@ const _sfc_main = {
       }).then((_) => {
         if (_.data.code === 0 && _.data.data) {
           const img = _.data.data.thirdPartyImageUrl;
-          me.updateImage(img, currentImg);
+          me2.updateImage(img, currentImg);
         } else {
           parent && uploadFailHandler(currentImg);
         }
-        if (Object.keys(me.uploadStore).length === Number(key.split("|")[0] || "") + 1) {
+        if (Object.keys(me2.uploadStore).length === Number(key.split("|")[0] || "") + 1) {
           setTimeout(() => {
-            me.updateData(true);
+            me2.updateData(true);
           }, 100);
         }
       }).catch((e) => {
@@ -2890,39 +3668,44 @@ const _sfc_main = {
     getSticker(type, handler) {
       this.setSticker(type.fragment.children);
     },
-    setSticker(data) {
-      const me = this;
+    setSticker(data, isImport) {
+      const me2 = this;
       data = Array.from(data);
       data.map(function(value, index) {
-        const htmlArr = (value.innerHTML || value.outerHTML).replace(/<img(.*?)src="(.*?)"(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<img(.*?)src='(.*?)'(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<a href="(.*?)"(.*?)>(.*?)<\/a>/g, "(delimiter)$3(delimiter)").replace(/<p (.*?)>(.*?)<\/p>/g, "(delimiter)$2(delimiter)").replace(/<\/?.+?>/g, "").split("(delimiter)");
+        let htmlArr = [];
+        if (isImport) {
+          htmlArr = value.outerHTML.replace(/<img(.*?)src="(.*?)"(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<img(.*?)src='(.*?)'(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<a href="(.*?)"(.*?)>(.*?)<\/a>/g, "(delimiter)$3(delimiter)").replace(/<p (.*?)>(.*?)<\/p>/g, '(delimiter)<p class="halo-paragraph" $1>$2</p>(delimiter)').split("(delimiter)");
+        } else {
+          htmlArr = (value.innerHTML || value.outerHTML).replace(/<img(.*?)src="(.*?)"(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<img(.*?)src='(.*?)'(.*?)>/g, "(delimiter)[img src=$2](delimiter)").replace(/<a href="(.*?)"(.*?)>(.*?)<\/a>/g, "(delimiter)$3(delimiter)").replace(/<p (.*?)>(.*?)<\/p>/g, "(delimiter)$2(delimiter)").replace(/<\/?.+?>/g, "").split("(delimiter)");
+        }
         htmlArr.map(function(nValue) {
           if (!nValue || nValue === "&nbsp;") {
             return;
           }
           if (nValue.indexOf("[img") > -1) {
             const src = nValue.replace(/\[img src=(.*?)\]/g, "$1").replace(/amp;/g, "");
-            me.editor.insertImages(src, {
+            me2.editor.insertImages(src, {
               src,
               img: src,
               selected: false,
               type: "2"
             });
           } else {
-            me.editor.makeParagraph(nValue);
+            me2.editor.makeParagraph(nValue);
           }
         });
       });
-      me.updateUploads();
+      me2.updateUploads();
       this.updateData(true);
     },
     mouseLeave() {
-      const me = this;
-      me.updateData();
+      const me2 = this;
+      me2.updateData();
     },
     setBack(e, type) {
-      const me = this;
-      me.refreshImg();
-      me.updateData(true);
+      const me2 = this;
+      me2.refreshImg();
+      me2.updateData(true);
     },
     refreshImg() {
       Array.from(document.querySelectorAll(".halo-img-content")).map((_ = {}) => {
@@ -2949,8 +3732,8 @@ const _sfc_main = {
       });
     },
     sticky() {
-      const me = this;
-      me.$nextTick(function() {
+      const me2 = this;
+      me2.$nextTick(function() {
         const sticky = document.querySelector(".tool-box");
         if (!sticky) {
           return;
@@ -2968,12 +3751,12 @@ const _sfc_main = {
       });
     },
     setContent(e, obj) {
-      const me = this;
+      const me2 = this;
       const id = e.target.id || e.target.dataset.editorId;
       const value = "";
-      if (id && me.editor && me.editor[id]) {
-        me.editor[id](value, obj);
-        me.updateData(true);
+      if (id && me2.editor && me2.editor[id]) {
+        me2.editor[id](value, obj);
+        me2.updateData(true);
       }
     },
     canSetAlign() {
@@ -3009,47 +3792,47 @@ const _sfc_main = {
       this.updateData(true);
     },
     addLink(type) {
-      const me = this;
-      me.linkTitleName = type === "link" ? "\u6DFB\u52A0\u94FE\u63A5" : "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740";
-      me.linkPlaceholder = type === "link" ? "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740" : "\u4EC5\u652F\u6301\u8F93\u5165\u5FAE\u4FE1\u94FE\u63A5";
-      me.viewStatus = true;
-      me.linkStatus = true;
+      const me2 = this;
+      me2.linkTitleName = type === "link" ? "\u6DFB\u52A0\u94FE\u63A5" : "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740";
+      me2.linkPlaceholder = type === "link" ? "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740" : "\u4EC5\u652F\u6301\u8F93\u5165\u5FAE\u4FE1\u94FE\u63A5";
+      me2.viewStatus = true;
+      me2.linkStatus = true;
     },
     validUrl(url) {
       const objExp = /^(((ht|f)tp(s?)):\/\/)?(www.|[a-zA-Z].)[a-zA-Z0-9-.]+.(com|edu|gov|mil|net|org|biz|info|name|museum|us|ca|uk|cn|im)(:[0-9]+)*(\/($|[a-zA-Z0-9.,;?'&%$#=~_-]+))*$/;
       return objExp.test(url);
     },
     confirmLink() {
-      const me = this;
-      if (!me.linkContent) {
+      const me2 = this;
+      if (!me2.linkContent) {
         return ElMessage.error("\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740\uFF01");
       }
-      if (me.linkTitleName === "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740" || this.visibleCollectArticle) {
+      if (me2.linkTitleName === "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740" || this.visibleCollectArticle) {
         this.visibleCollectArticle = false;
-        return me.importLinkData();
+        return me2.importLinkData();
       }
-      if (!this.validUrl(me.linkContent)) {
-        return me.setToast("URL\u65E0\u6548");
+      if (!this.validUrl(me2.linkContent)) {
+        return me2.setToast("URL\u65E0\u6548");
       }
-      if (me.linkContent.indexOf("jddmoto.com") === -1 && me.linkContent.indexOf("58moto.com") === -1) {
-        return me.setToast("\u8BF7\u8F93\u5165\u54C8\u7F57\u6469\u6258\u5185\u90E8\u7F51\u5740");
+      if (me2.linkContent.indexOf("jddmoto.com") === -1 && me2.linkContent.indexOf("58moto.com") === -1) {
+        return me2.setToast("\u8BF7\u8F93\u5165\u54C8\u7F57\u6469\u6258\u5185\u90E8\u7F51\u5740");
       }
-      me.editor["insertLink"](me.linkContent);
-      me.linkContent = "";
-      me.closeDialog();
+      me2.editor["insertLink"](me2.linkContent);
+      me2.linkContent = "";
+      me2.closeDialog();
     },
     importLinkData() {
-      const me = this;
-      if (me.loading) {
+      const me2 = this;
+      if (me2.loading) {
         return ElMessage("\u6B63\u5728\u83B7\u53D6\u4FE1\u606F\uFF0C\u8BF7\u7A0D\u540E...");
       }
-      me.loading = true;
+      me2.loading = true;
       const params = {
-        action: me.isOss ? "30008OSS" : 30008,
-        url: me.linkContent
+        action: me2.isOss ? "30008OSS" : 30008,
+        url: me2.linkContent
       };
-      if (!me.isOss) {
-        params.autherid = me.user.uid;
+      if (!me2.isOss) {
+        params.autherid = me2.user.uid;
       }
       this.importEssay(params).then((response) => {
         console.log(response);
@@ -3058,26 +3841,26 @@ const _sfc_main = {
           data.data.content = data.data.content.replace(/<a href="(.*?)"(.*?)>/g, "").replace(/<\/a>/g, "").replace(/<iframe([^<>]*)>([^<>]*)<\/iframe>/g, "").replace(/<video([^<>]*)>([^<>]*)<\/video>/g, "");
           const importContent = document.createElement("div");
           importContent.innerHTML = data.data.content;
-          me.setSticker(importContent.children);
-          me.closeDialog();
-          me.linkContent = "";
+          me2.setSticker(importContent.children, true);
+          me2.closeDialog();
+          me2.linkContent = "";
           return;
         } else {
-          me.setToast("\u5BFC\u5165\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+          me2.setToast("\u5BFC\u5165\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
         }
       }).catch((err) => {
         console.log(err.message);
-        me.setToast("\u5BFC\u5165\u5F02\u5E38\uFF0C\u8BF7\u91CD\u8BD5");
+        me2.setToast("\u5BFC\u5165\u5F02\u5E38\uFF0C\u8BF7\u91CD\u8BD5");
       }).finally((_) => {
-        me.loading = false;
+        me2.loading = false;
       });
     },
     openDialog(name) {
-      const me = this;
-      me.viewName = name === "img" ? "\u6DFB\u52A0\u56FE\u7247" : "\u6DFB\u52A0\u89C6\u9891";
-      me.viewButton = name === "img" ? "\u9009\u62E9\u56FE\u7247" : "\u9009\u62E9\u89C6\u9891";
-      me.viewTip = name === "img" ? "" : "\u4E3A\u4E86\u83B7\u5F97\u66F4\u9AD8\u7684\u63A8\u8350\u548C\u70B9\u51FB\u91CF\uFF0C\u5EFA\u8BAE\u4E0A\u4F20720p(1280*720)\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7500MB(\u89C6\u9891\u4E0A\u4F20\u9700\u8981\u65F6\u95F4\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85)";
-      me.viewStatus = true;
+      const me2 = this;
+      me2.viewName = name === "img" ? "\u6DFB\u52A0\u56FE\u7247" : "\u6DFB\u52A0\u89C6\u9891";
+      me2.viewButton = name === "img" ? "\u9009\u62E9\u56FE\u7247" : "\u9009\u62E9\u89C6\u9891";
+      me2.viewTip = name === "img" ? "" : "\u4E3A\u4E86\u83B7\u5F97\u66F4\u9AD8\u7684\u63A8\u8350\u548C\u70B9\u51FB\u91CF\uFF0C\u5EFA\u8BAE\u4E0A\u4F20720p(1280*720)\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7500MB(\u89C6\u9891\u4E0A\u4F20\u9700\u8981\u65F6\u95F4\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85)";
+      me2.viewStatus = true;
     },
     closeDialog() {
       this.viewStatus = false;
@@ -3206,8 +3989,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:img-list": _cache[6] || (_cache[6] = ($event) => $data.imgList = $event),
       visible: $data.visibleImg,
       "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.visibleImg = $event),
+      chartGallery: $props.chartGallery,
+      request: $props.request,
+      imgNum: $data.imgNum,
       onSubmit: $options.submitImg
-    }, null, 8, ["img-list", "visible", "onSubmit"]),
+    }, null, 8, ["img-list", "visible", "chartGallery", "request", "imgNum", "onSubmit"]),
     createVNode(_component_VideoUpload, {
       visible: $data.visibleVideo,
       "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.visibleVideo = $event),