@haluo/biz 2.0.13 → 2.0.14-beta.2

package/dist/haluo-biz.js

@@ -1,4 +1,4 @@
-import { ElTooltip, ElDivider, ElPopover, ElDialog, ElButton, ElRadio, ElInput, ElInfiniteScroll, ElMessage, ElIcon, ElFormItem, ElForm, ElMessageBox } from "element-plus";
+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";
@@ -300,6 +300,15 @@ 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) => {
@@ -313,7 +322,8 @@ const _sfc_main$7 = {
   components: {
     ElTooltip,
     ElDivider,
-    ElPopover
+    ElPopover,
+    colorPicker: De.colorPicker
   },
   props: ["editor", "isOss", "hiddenTools"],
   data() {
@@ -517,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"];
@@ -649,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",
@@ -657,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
@@ -672,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",
@@ -691,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
@@ -699,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" : ""]),
@@ -710,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]
@@ -730,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",
@@ -738,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
@@ -751,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
@@ -771,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",
@@ -789,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
@@ -803,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(() => {
@@ -830,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
@@ -850,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
@@ -871,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
@@ -896,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
       }),
@@ -916,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",
@@ -1095,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-dd9e6bac"]]);
+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 }) {
@@ -1142,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
             }),
@@ -1172,7 +1184,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               onClick: confirm
             }, {
               default: withCtx(() => [
-                _hoisted_5$4
+                _hoisted_6$2
               ]),
               _: 1
             })
@@ -1182,7 +1194,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["modelValue", "width"]);
+      }, 8, ["modelValue", "width", "class"]);
     };
   }
 });
@@ -1332,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" }
 };
@@ -1503,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",
@@ -1523,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)
                         ]))
@@ -1548,7 +1560,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }, 1032, ["modelValue", "label", "onChange"])
                 ]);
               }), 128))
-            ], 8, _hoisted_9)), [
+            ], 8, _hoisted_9$1)), [
               [unref(vInfiniteScroll), getArticleList]
             ])
           ])
@@ -1598,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 }) {
@@ -1661,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"])
-                  ]))
-                ]),
-                footer: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "upload-icon pointer",
-                    onClick: emitEvent
-                  }, [
-                    createVNode(unref(ElIcon), { class: "icon pointer" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Plus))
-                      ]),
-                      _: 1
-                    })
-                  ])
+              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))
                 ]),
-                _: 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"]);
@@ -2004,7 +2442,9 @@ const _sfc_main = {
     "getEassyDetail",
     "getArticleList",
     "importEssay",
-    "uploadImageByOther"
+    "uploadImageByOther",
+    "chartGallery",
+    "request"
   ],
   data() {
     return {
@@ -2019,6 +2459,7 @@ const _sfc_main = {
       setAlignFlag: true,
       article: {},
       imgList: [],
+      imgNum: 20,
       videoList: [],
       visibleVideo: false,
       visibleCollectArticle: false,
@@ -2066,7 +2507,9 @@ const _sfc_main = {
       },
       countList: [],
       replaceSeamless: 0,
-      seamlessCount: 0
+      seamlessCount: 0,
+      overLine: "",
+      currentVideo: null
     };
   },
   computed: {
@@ -2216,6 +2659,12 @@ const _sfc_main = {
         this.imgUploadHandler(type, src);
       });
     },
+    replacePoster(e) {
+      this.$emit("insertImgs", e.target.files, "replace-poster", (type, src) => {
+        this.visibleImg = false;
+        this.imgUploadHandler(type, src);
+      });
+    },
     againImg(e) {
       this.$emit("insertImgs", e.target.files, "uploadAgainImages", (type, src) => {
         this.visibleImg = false;
@@ -2405,7 +2854,9 @@ const _sfc_main = {
       node.onclick = function() {
         me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
       };
+      const replaceBtn = me2.insertVideoBtns(this, video);
       node.appendChild(delBtn);
+      node.appendChild(replaceBtn);
     },
     async parseArticle(node) {
       const data = JSON.parse(node.dataset.article);
@@ -2506,20 +2957,95 @@ 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 me2 = this;
@@ -2537,6 +3063,20 @@ const _sfc_main = {
               seamlessFlag: me2.replaceSeamless,
               type: "2"
             }, this.range);
+          } else if (type === "replace-poster") {
+            if (this.currentVideo) {
+              this.currentVideo.poster = imgSrc;
+              try {
+                const videoData = JSON.parse(this.currentVideo.getAttribute("data") || "{}");
+                this.currentVideo.setAttribute("data", JSON.stringify({ ...videoData, img: imgSrc }));
+                const contentNode = this.currentVideo.parentNode;
+                const contentData = JSON.parse(contentNode.dataset.video || "{}");
+                contentNode.dataset.video = JSON.stringify({ ...contentData, img: imgSrc });
+              } catch (error) {
+                console.log(error);
+              }
+              this.currentVideo = null;
+            }
           } else {
             this.seamlessCount++;
             const isLast = this.seamlessCount === this.imgList.length;
@@ -2555,6 +3095,21 @@ const _sfc_main = {
         this.setToast(rst.origin.name + "\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
       }
     },
+    insertVideoBtns(editor, node) {
+      const me2 = this;
+      var replaceBtn = editor.createElement("div", {
+        "class": "video-cover-replace pointer",
+        "contenteditable": "false"
+      });
+      replaceBtn.onclick = function(e) {
+        const posterBtn = document.querySelector(".replace-poster");
+        posterBtn.click();
+        me2.currentVideo = node;
+        e.stopPropagation();
+      };
+      replaceBtn.innerText = "\u66F4\u6362\u5C01\u9762";
+      return replaceBtn;
+    },
     insertImgOperateBtns(editor, data) {
       const me2 = this;
       var replaceBtn = editor.createElement("div", {
@@ -2667,7 +3222,7 @@ const _sfc_main = {
     },
     initSquire() {
       const me2 = this;
-      me2.editorDom;
+      const editorDom = me2.editorDom;
       me2.editor = new window.Squire(me2.editorDom, {
         blockTag: "p",
         blockAttributes: {
@@ -2786,7 +3341,8 @@ const _sfc_main = {
           "data": JSON.stringify(data),
           "style": isSeameless ? "margin: 0" : "margin-top: 0",
           "data-content": data.content || "",
-          "contenteditable": "false"
+          "contenteditable": "false",
+          "draggable": "false"
         });
         const btns = me2.insertImgOperateBtns(this, data);
         var childList = [];
@@ -2797,8 +3353,15 @@ const _sfc_main = {
         !isHaloImage && childList.push(again);
         var p = this.createElement("div", {
           "class": "halo-img-content",
-          "contenteditable": "false"
+          "contenteditable": "false",
+          "draggable": "false"
         }, [...childList]);
+        p.onfocus = function() {
+          img.style["outline"] = "1px solid #1a74ff";
+        };
+        p.onblur = function() {
+          img.style["outline"] = "none";
+        };
         this.insertElement(p, range);
         if (isSeameless) {
           me2.removeDefault(p, "nextElementSibling");
@@ -2847,14 +3410,41 @@ const _sfc_main = {
           }
         });
         console.log(delBtn);
+        const posterBtn = me2.insertVideoBtns(this, video);
         var p = this.createElement("DIV", {
           "class": "halo-video-content",
-          "contenteditable": "true",
-          "data-video": JSON.stringify(data)
-        }, [video, delBtn]);
+          "contenteditable": "false",
+          "data-video": JSON.stringify(data),
+          "draggable": "true"
+        }, [video, delBtn, posterBtn]);
         p.onclick = function() {
           me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
         };
+        let targetMove = "";
+        p.ondragstart = function(e) {
+          if (!(e.target.className.indexOf("halo-video-content") < 0)) {
+            e.dataTransfer.setData("text/html", e.target);
+            e.dataTransfer.effectAllowed = "move";
+            e.dataTransfer.dropEffect = "move";
+            targetMove = e.target;
+          }
+        };
+        editorDom.ondragover = function(e) {
+          if (targetMove && !(targetMove.className.indexOf("halo-video-content") < 0)) {
+            e.preventDefault();
+          }
+        };
+        editorDom.ondrop = function(e) {
+          if (targetMove && !(targetMove.className.indexOf("halo-video-content") < 0)) {
+            if (e.target === editorDom) {
+              e.target.appendChild(targetMove);
+            } else {
+              e.target.after(targetMove);
+            }
+            targetMove = "";
+            e.preventDefault();
+          }
+        };
         this.insertElement(p);
         setTimeout(() => {
           document.documentElement.scrollTop = scrollTop;
@@ -3078,11 +3668,16 @@ const _sfc_main = {
     getSticker(type, handler) {
       this.setSticker(type.fragment.children);
     },
-    setSticker(data) {
+    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;
@@ -3246,7 +3841,7 @@ 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;
-          me2.setSticker(importContent.children);
+          me2.setSticker(importContent.children, true);
           me2.closeDialog();
           me2.linkContent = "";
           return;
@@ -3394,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),
@@ -3422,6 +4020,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "replace-input hide",
       accept: "image/*",
       onChange: _cache[12] || (_cache[12] = (...args) => $options.replaceImg && $options.replaceImg(...args))
+    }, null, 32),
+    createElementVNode("input", {
+      type: "file",
+      name: "file",
+      class: "replace-poster hide",
+      accept: "image/*",
+      onChange: _cache[13] || (_cache[13] = (...args) => $options.replacePoster && $options.replacePoster(...args))
     }, null, 32)
   ]);
 }