@haluo/biz 2.0.13 → 2.0.14-beta.2

package/dist/haluo-biz.umd.cjs

@@ -302,6 +302,15 @@
     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) => {
@@ -315,7 +324,8 @@
     components: {
       ElTooltip: elementPlus.ElTooltip,
       ElDivider: elementPlus.ElDivider,
-      ElPopover: elementPlus.ElPopover
+      ElPopover: elementPlus.ElPopover,
+      colorPicker: De.colorPicker
     },
     props: ["editor", "isOss", "hiddenTools"],
     data() {
@@ -519,49 +529,49 @@
   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"];
@@ -651,7 +661,7 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_6$2, [
+            vue.createElementVNode("div", _hoisted_6$3, [
               vue.createElementVNode("img", {
                 src: $options.getImageUrl("tools_refresh@3x.png"),
                 width: "40",
@@ -659,7 +669,7 @@
                 alt: "",
                 onClick: _cache[3] || (_cache[3] = (...args) => $options.copyFormat && $options.copyFormat(...args))
               }, null, 8, _hoisted_7$2),
-              $props.editor.cursorStyle !== "auto" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1)) : vue.createCommentVNode("", true)
+              $props.editor.cursorStyle !== "auto" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -674,7 +684,7 @@
           width: "152"
         }, {
           reference: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_9$1, [
+            vue.createElementVNode("div", _hoisted_9$2, [
               vue.createVNode(_component_el_tooltip, {
                 class: "item",
                 effect: "dark",
@@ -693,7 +703,7 @@
                       width: "16",
                       height: "40",
                       alt: ""
-                    }, null, 8, _hoisted_10$1)
+                    }, null, 8, _hoisted_10$2)
                   ], 2)
                 ]),
                 _: 1
@@ -701,7 +711,7 @@
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_11$1, [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_11$2, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.fontsizes, (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("li", {
                   class: vue.normalizeClass([$data.activeFontsize + "px" === item.value ? "active" : ""]),
@@ -712,8 +722,8 @@
                   vue.createElementVNode("span", {
                     style: vue.normalizeStyle({ fontSize: item.value })
                   }, vue.toDisplayString(item.name), 5),
-                  vue.createElementVNode("span", _hoisted_13$1, vue.toDisplayString(item.desc), 1)
-                ], 10, _hoisted_12$1);
+                  vue.createElementVNode("span", _hoisted_13$2, vue.toDisplayString(item.desc), 1)
+                ], 10, _hoisted_12$2);
               }), 128))
             ])), [
               [_directive_click_outside, $options.handlePopover]
@@ -732,7 +742,7 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_14$1, [
+            vue.createElementVNode("div", _hoisted_14$2, [
               vue.createElementVNode("img", {
                 src: $options.getImageUrl("tools_title@3x.png"),
                 "data-editor-id": "makeHeader",
@@ -740,8 +750,8 @@
                 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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_15$2),
+              $data.statusInfo && $data.statusInfo.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$2)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -753,15 +763,15 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_17, [
+            vue.createElementVNode("div", _hoisted_17$1, [
               vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_18$1),
+              $data.statusInfo && $data.statusInfo.bold ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$1)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -773,7 +783,7 @@
             width: "152"
           }, {
             reference: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_20, [
+              vue.createElementVNode("div", _hoisted_20$1, [
                 vue.createVNode(_component_el_tooltip, {
                   class: "item",
                   effect: "dark",
@@ -791,13 +801,13 @@
                         width: "24",
                         height: "40",
                         alt: ""
-                      }, null, 8, _hoisted_21),
+                      }, null, 8, _hoisted_21$1),
                       vue.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
@@ -805,7 +815,7 @@
               ])
             ]),
             default: vue.withCtx(() => [
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_23, [
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_23$1, [
                 vue.createElementVNode("li", {
                   "data-editor-id": "makeHeader",
                   onClick: _cache[8] || (_cache[8] = ($event) => $options.updatePosition(() => {
@@ -832,15 +842,15 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_24, [
+            vue.createElementVNode("div", _hoisted_24$1, [
               vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_25$1),
+              $data.statusInfo && $data.statusInfo.italic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$1)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -852,15 +862,15 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_27, [
+            vue.createElementVNode("div", _hoisted_27$1, [
               vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_28$1),
+              $data.statusInfo && $data.statusInfo.underline ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$1)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -873,14 +883,14 @@
           placement: "top"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_30, [
+            vue.createElementVNode("div", _hoisted_30$1, [
               vue.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
@@ -898,7 +908,7 @@
               height: "40",
               alt: "",
               onClick: _cache[13] || (_cache[13] = ($event) => $options.setStyle("setIndent"))
-            }, null, 8, _hoisted_32)
+            }, null, 8, _hoisted_32$1)
           ]),
           _: 1
         }),
@@ -918,7 +928,7 @@
                 width: "24",
                 height: "40",
                 alt: ""
-              }, null, 8, _hoisted_33),
+              }, null, 8, _hoisted_33$1),
               vue.createElementVNode("img", {
                 src: $options.getImageUrl("tools_arrow@3x.png"),
                 width: "16",
@@ -1097,23 +1107,25 @@
       ])
     ])) : vue.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__ */ vue.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__ */ vue.createElementVNode("span", { class: "basic-dialog_divider" }, null, -1);
+  const _hoisted_4$5 = {
     key: 0,
     class: "dialog-footer"
   };
-  const _hoisted_4$5 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
-  const _hoisted_5$4 = /* @__PURE__ */ vue.createTextVNode("\u786E\u8BA4");
+  const _hoisted_5$4 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
+  const _hoisted_6$2 = /* @__PURE__ */ vue.createTextVNode("\u786E\u8BA4");
   const _sfc_main$6 = /* @__PURE__ */ vue.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 }) {
@@ -1144,26 +1156,26 @@
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dialogVisible) ? dialogVisible.value = $event : null),
           "before-close": handleClose,
           width: __props.width,
-          class: "basic-dialog"
+          class: vue.normalizeClass(["basic-dialog", { "hide-title": !__props.showTitle }])
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", null, [
-              vue.createElementVNode("div", _hoisted_1$6, [
-                _hoisted_2$6,
+            __props.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+              vue.createElementVNode("div", _hoisted_2$6, [
+                _hoisted_3$6,
                 vue.renderSlot(_ctx.$slots, "title")
               ])
-            ])
+            ])) : vue.createCommentVNode("", true)
           ]),
           footer: vue.withCtx(() => [
-            __props.showBtn ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$6, [
+            __props.showBtn ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, [
               vue.createVNode(vue.unref(elementPlus.ElButton), {
-                style: { "width": "120px", "border-color": "#CCCCCC", "color": "#333333" },
+                style: { "width": "120px", "border-color": "#cccccc", "color": "#333333" },
                 plain: "",
                 round: "",
                 onClick: handleClose
               }, {
                 default: vue.withCtx(() => [
-                  _hoisted_4$5
+                  _hoisted_5$4
                 ]),
                 _: 1
               }),
@@ -1174,7 +1186,7 @@
                 onClick: confirm
               }, {
                 default: vue.withCtx(() => [
-                  _hoisted_5$4
+                  _hoisted_6$2
                 ]),
                 _: 1
               })
@@ -1184,7 +1196,7 @@
             vue.renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 8, ["modelValue", "width"]);
+        }, 8, ["modelValue", "width", "class"]);
       };
     }
   });
@@ -1334,21 +1346,21 @@
   const _hoisted_5$3 = /* @__PURE__ */ vue.createTextVNode("\u4ECE\u6211\u7684\u89C6\u9891\u4E2D\u9009\u62E9");
   const _hoisted_6$1 = /* @__PURE__ */ vue.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" }
   };
@@ -1505,7 +1517,7 @@
                   _: 1
                 }, 8, ["modelValue", "placeholder"])
               ]),
-              data.data.length === 0 && !data.busy ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, vue.toDisplayString(`\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684${vue.unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\u54E6\uFF0C\u4F60\u53EF\u4EE5\u8BD5\u8BD5\u641C\u7D22\u5176\u4ED6${vue.unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\uFF5E`), 1)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              data.data.length === 0 && !data.busy ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, vue.toDisplayString(`\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684${vue.unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\u54E6\uFF0C\u4F60\u53EF\u4EE5\u8BD5\u8BD5\u641C\u7D22\u5176\u4ED6${vue.unref(isVideo) ? "\u89C6\u9891" : "\u6587\u7AE0"}\uFF5E`), 1)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 "infinite-scroll-immediate": false,
                 class: "insert-article_list",
@@ -1525,22 +1537,22 @@
                       default: vue.withCtx(() => {
                         var _a;
                         return [
-                          vue.unref(isVideo) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                            vue.createElementVNode("div", _hoisted_11, [
+                          vue.unref(isVideo) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+                            vue.createElementVNode("div", _hoisted_11$1, [
                               vue.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),
                               vue.createElementVNode("img", {
                                 class: "play",
                                 src: getImageUrl("play.png")
-                              }, null, 8, _hoisted_13)
+                              }, null, 8, _hoisted_13$1)
                             ]),
-                            vue.createElementVNode("div", _hoisted_14, [
-                              vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(item.content || "[\u65E0\u6807\u9898]"), 1),
+                            vue.createElementVNode("div", _hoisted_14$1, [
+                              vue.createElementVNode("span", _hoisted_15$1, vue.toDisplayString(item.content || "[\u65E0\u6807\u9898]"), 1),
                               vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(date).format(item.createTime * 1e3, "YYYY-MM-DD hh-mm")), 1)
                             ])
-                          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+                          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, [
                             vue.createElementVNode("span", null, vue.toDisplayString(item.title || "[\u65E0\u6807\u9898]"), 1),
                             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(date).format(item.createTime * 1e3, "YYYY-MM-DD")), 1)
                           ]))
@@ -1550,7 +1562,7 @@
                     }, 1032, ["modelValue", "label", "onChange"])
                   ]);
                 }), 128))
-              ], 8, _hoisted_9)), [
+              ], 8, _hoisted_9$1)), [
                 [vue.unref(vInfiniteScroll), getArticleList]
               ])
             ])
@@ -1600,24 +1612,94 @@
     return unsafeStringify(rnds);
   }
   const index_vue_vue_type_style_index_0_lang$2 = "";
-  const _hoisted_1$4 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u672C\u5730\u4E0A\u4F20", -1);
-  const _hoisted_4$3 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u672C\u5730\u4E0A\u4F20", -1);
+  const _hoisted_15 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.createElementVNode("div", null, [
+    /* @__PURE__ */ vue.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__ */ vue.createElementVNode("div", null, [
+      /* @__PURE__ */ vue.createTextVNode(" \u8BF7\u9605\u8BFB"),
+      /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.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 }) {
@@ -1663,86 +1745,442 @@
         var ele = document.getElementsByClassName("imageFile");
         ele[0].dispatchEvent(event);
       };
+      const activeTitle = vue.ref(2);
+      const titleList = vue.ref([]);
+      vue.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 = vue.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 = vue.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 = vue.reactive({
+        brandId: "",
+        goodId: "",
+        carId: ""
+      });
+      const {
+        getCarTypeList,
+        getAllBrandList,
+        getGoodsImgsTypeData,
+        getCarGoodsList
+      } = props.request;
+      const brandList = vue.ref([]);
+      const getBrandList = () => {
+        brandList.value = [];
+        getAllBrandList({
+          brandEnergyType: 3,
+          brandVersion: 1598596364
+        }).then((res) => {
+          if (res.data.code === 0) {
+            brandList.value = res.data.data || [];
+          }
+        });
+      };
+      const goodList = vue.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 = vue.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 = vue.ref("1");
+      const tabList = vue.ref([]);
+      const search = () => {
+        if (!selectData.brandId) {
+          return elementPlus.ElMessage.error("\u8BF7\u9009\u62E9\u54C1\u724C");
+        }
+        if (!selectData.goodId) {
+          return elementPlus.ElMessage.error("\u8BF7\u9009\u62E9\u8F66\u578B");
+        }
+        if (!selectData.carId) {
+          return elementPlus.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 = vue.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 vue.openBlock(), vue.createBlock(_sfc_main$6, {
-          visible: props.visible
+          visible: props.visible,
+          showTitle: false
         }, {
-          title: vue.withCtx(() => [
-            _hoisted_1$4
-          ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(["insert-img", !props.imgList.length ? "no-img" : ""])
-            }, [
-              !props.imgList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
-                vue.createElementVNode("div", {
-                  class: "upload-wrap_box",
-                  onClick: emitEvent
-                }, [
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "icon pointer" }, {
+            vue.createElementVNode("div", _hoisted_1$4, [
+              vue.createElementVNode("div", _hoisted_2$4, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(titleList.value, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index,
+                    class: vue.normalizeClass(["title", { active: item.id === activeTitle.value }]),
+                    onClick: ($event) => changeTab(item)
+                  }, [
+                    vue.createTextVNode(vue.toDisplayString(item.value) + " ", 1),
+                    item.id === activeTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3)) : vue.createCommentVNode("", true)
+                  ], 10, _hoisted_3$4);
+                }), 128)),
+                [1, 3].includes(activeTitle.value) && props.imgList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, " \u6700\u591A\u53EF\u9009" + vue.toDisplayString(props.imgNum) + "\u5F20\u56FE\u7247\uFF0C\u5DF2\u9009" + vue.toDisplayString(props.imgList.length) + "\u5F20 ", 1)) : vue.createCommentVNode("", true),
+                activeTitle.value === 2 && props.imgList.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(props.imgList.length) + "\u5F20\u4E0A\u4F20\u6210\u529F \u62D6\u52A8\u53EF\u8C03\u6574\u987A\u5E8F ", 1)) : vue.createCommentVNode("", true)
+              ]),
+              activeTitle.value === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createElementVNode("div", _hoisted_8, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(contentImgList), (item, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index,
+                      class: "image-item",
+                      onClick: ($event) => selectImage(item, 1)
+                    }, [
+                      vue.createElementVNode("img", {
+                        src: item.imgOrgUrl,
+                        alt: "",
+                        class: "image"
+                      }, null, 8, _hoisted_10),
+                      item.num ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+                        vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(item.num), 1)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 8, _hoisted_9);
+                  }), 128))
+                ])
+              ])) : vue.createCommentVNode("", true),
+              activeTitle.value === 2 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass(["insert-img", !props.imgList.length ? "no-img" : ""])
+              }, [
+                !props.imgList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+                  vue.createElementVNode("div", {
+                    class: "upload-wrap_box",
+                    onClick: emitEvent
+                  }, [
+                    vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "icon pointer" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Picture))
+                      ]),
+                      _: 1
+                    }),
+                    _hoisted_14
+                  ]),
+                  _hoisted_15
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
+                  vue.createVNode(vue.unref(draggable__default.default), {
+                    modelValue: vue.unref(imgListTemp),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.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: vue.withCtx(({ element }) => [
+                      (vue.openBlock(), vue.createElementBlock("div", {
+                        key: element.id,
+                        class: "img-item"
+                      }, [
+                        vue.createElementVNode("img", {
+                          src: element.src,
+                          style: { "object-fit": "contain" },
+                          width: "120",
+                          height: "120"
+                        }, null, 8, _hoisted_17),
+                        vue.createVNode(vue.unref(iconsVue.CircleCloseFilled), {
+                          class: "icon pointer",
+                          onClick: ($event) => deleteImg(element)
+                        }, null, 8, ["onClick"])
+                      ]))
+                    ]),
+                    footer: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        class: "upload-icon pointer",
+                        onClick: emitEvent
+                      }, [
+                        vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "icon pointer" }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(iconsVue.Plus))
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])),
+                vue.createElementVNode("div", _hoisted_18, [
+                  vue.createElementVNode("input", {
+                    type: "file",
+                    name: "file",
+                    multiple: "",
+                    class: "imageFile",
+                    accept: "image/*",
+                    onChange: _cache[3] || (_cache[3] = ($event) => selectImgs($event))
+                  }, null, 32)
+                ])
+              ], 2)) : vue.createCommentVNode("", true),
+              activeTitle.value === 3 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
+                vue.createElementVNode("div", _hoisted_20, [
+                  vue.createElementVNode("div", null, [
+                    vue.createVNode(vue.unref(elementPlus.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: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(brandList.value, (item, index) => {
+                          return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                            key: index,
+                            label: item.brandName,
+                            value: item.brandId
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    vue.createVNode(vue.unref(elementPlus.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: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(goodList.value, (item, index) => {
+                          return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                            key: index,
+                            label: item.goodName,
+                            value: item.goodId
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    vue.createVNode(vue.unref(elementPlus.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: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(carList.value, (item, index) => {
+                          return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                            key: index,
+                            label: item.goodsCarName,
+                            value: item.carId
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    type: "primary",
+                    size: "large",
+                    style: { "width": "80px" },
+                    onClick: search
+                  }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.Picture))
+                      _hoisted_21
                     ]),
                     _: 1
-                  }),
-                  _hoisted_3$4
+                  })
                 ]),
-                _hoisted_4$3
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
-                vue.createVNode(vue.unref(draggable__default.default), {
-                  modelValue: vue.unref(imgListTemp),
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.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: vue.withCtx(({ element }) => [
-                    (vue.openBlock(), vue.createElementBlock("div", {
-                      key: element.id,
-                      class: "img-item"
-                    }, [
-                      vue.createElementVNode("img", {
-                        src: element.src,
-                        style: { "object-fit": "cover" },
-                        width: "120",
-                        height: "120"
-                      }, null, 8, _hoisted_6),
-                      vue.createVNode(vue.unref(iconsVue.CircleCloseFilled), {
-                        class: "icon pointer",
-                        onClick: ($event) => deleteImg(element)
-                      }, null, 8, ["onClick"])
-                    ]))
-                  ]),
-                  footer: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      class: "upload-icon pointer",
-                      onClick: emitEvent
-                    }, [
-                      vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "icon pointer" }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(iconsVue.Plus))
-                        ]),
-                        _: 1
-                      })
-                    ])
+                tabList.value && tabList.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+                  vue.createElementVNode("div", _hoisted_23, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabList.value, (item, index) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index,
+                        class: vue.normalizeClass(["tab", { active: item.type === activeTab.value }]),
+                        onClick: ($event) => activeTab.value = item.type
+                      }, [
+                        vue.createTextVNode(vue.toDisplayString(item.name) + " ", 1),
+                        item.type === activeTab.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25)) : vue.createCommentVNode("", true)
+                      ], 10, _hoisted_24);
+                    }), 128))
                   ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ])),
-              vue.createElementVNode("div", _hoisted_7, [
-                vue.createElementVNode("input", {
-                  type: "file",
-                  name: "file",
-                  multiple: "",
-                  class: "imageFile",
-                  accept: "image/*",
-                  onChange: _cache[3] || (_cache[3] = ($event) => selectImgs($event))
-                }, null, 32)
-              ])
-            ], 2)
+                  vue.createElementVNode("div", _hoisted_26, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(imageList), (item, index) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index,
+                        class: "image-item",
+                        onClick: ($event) => selectImage(item, 3)
+                      }, [
+                        vue.createElementVNode("img", {
+                          src: item.imgOrgUrl,
+                          alt: "",
+                          class: "image"
+                        }, null, 8, _hoisted_28),
+                        item.num ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
+                          vue.createElementVNode("div", _hoisted_30, vue.toDisplayString(item.num), 1)
+                        ])) : vue.createCommentVNode("", true)
+                      ], 8, _hoisted_27);
+                    }), 128))
+                  ])
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, _hoisted_33))
+              ])) : vue.createCommentVNode("", true)
+            ])
           ]),
           _: 1
         }, 8, ["visible"]);
@@ -2006,7 +2444,9 @@
       "getEassyDetail",
       "getArticleList",
       "importEssay",
-      "uploadImageByOther"
+      "uploadImageByOther",
+      "chartGallery",
+      "request"
     ],
     data() {
       return {
@@ -2021,6 +2461,7 @@
         setAlignFlag: true,
         article: {},
         imgList: [],
+        imgNum: 20,
         videoList: [],
         visibleVideo: false,
         visibleCollectArticle: false,
@@ -2068,7 +2509,9 @@
         },
         countList: [],
         replaceSeamless: 0,
-        seamlessCount: 0
+        seamlessCount: 0,
+        overLine: "",
+        currentVideo: null
       };
     },
     computed: {
@@ -2218,6 +2661,12 @@
           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;
@@ -2407,7 +2856,9 @@
         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);
@@ -2508,20 +2959,95 @@
       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;
@@ -2539,6 +3065,20 @@
                 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;
@@ -2557,6 +3097,21 @@
           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", {
@@ -2669,7 +3224,7 @@
       },
       initSquire() {
         const me2 = this;
-        me2.editorDom;
+        const editorDom = me2.editorDom;
         me2.editor = new window.Squire(me2.editorDom, {
           blockTag: "p",
           blockAttributes: {
@@ -2788,7 +3343,8 @@
             "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 = [];
@@ -2799,8 +3355,15 @@
           !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");
@@ -2849,14 +3412,41 @@
             }
           });
           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;
@@ -3080,11 +3670,16 @@
       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;
@@ -3248,7 +3843,7 @@
             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;
@@ -3396,8 +3991,11 @@
         "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"]),
       vue.createVNode(_component_VideoUpload, {
         visible: $data.visibleVideo,
         "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.visibleVideo = $event),
@@ -3424,6 +4022,13 @@
         class: "replace-input hide",
         accept: "image/*",
         onChange: _cache[12] || (_cache[12] = (...args) => $options.replaceImg && $options.replaceImg(...args))
+      }, null, 32),
+      vue.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)
     ]);
   }
@@ -4860,12 +5465,12 @@
       };
     };
     var replaceStyles = function(node, parent) {
-      var style = node.style;
+      var style2 = node.style;
       var doc2 = node.ownerDocument;
       var attr, converter, css, newTreeBottom, newTreeTop, el;
       for (attr in styleToSemantic) {
         converter = styleToSemantic[attr];
-        css = style[attr];
+        css = style2[attr];
         if (css && converter.regexp.test(css)) {
           el = converter.replace(doc2, css);
           if (!newTreeTop) {
@@ -6027,7 +6632,7 @@
         size: undefined$1
       };
       var seenAttributes = 0;
-      var element, style, attr;
+      var element, style2, attr;
       if (!range && !(range = this.getSelection())) {
         return fontInfo;
       }
@@ -6037,20 +6642,20 @@
           element = element.parentNode;
         }
         while (seenAttributes < 4 && element) {
-          if (style = element.style) {
-            if (!fontInfo.color && (attr = style.color)) {
+          if (style2 = element.style) {
+            if (!fontInfo.color && (attr = style2.color)) {
               fontInfo.color = attr;
               seenAttributes += 1;
             }
-            if (!fontInfo.backgroundColor && (attr = style.backgroundColor)) {
+            if (!fontInfo.backgroundColor && (attr = style2.backgroundColor)) {
               fontInfo.backgroundColor = attr;
               seenAttributes += 1;
             }
-            if (!fontInfo.family && (attr = style.fontFamily)) {
+            if (!fontInfo.family && (attr = style2.fontFamily)) {
               fontInfo.family = attr;
               seenAttributes += 1;
             }
-            if (!fontInfo.size && (attr = style.fontSize)) {
+            if (!fontInfo.size && (attr = style2.fontSize)) {
               fontInfo.size = attr;
               seenAttributes += 1;
             }
@@ -6805,11 +7410,11 @@
     };
     proto.addStyles = function(styles) {
       if (styles) {
-        var head = this._doc.documentElement.firstChild, style = this.createElement("STYLE", {
+        var head = this._doc.documentElement.firstChild, style2 = this.createElement("STYLE", {
           type: "text/css"
         });
-        style.appendChild(this._doc.createTextNode(styles));
-        head.appendChild(style);
+        style2.appendChild(this._doc.createTextNode(styles));
+        head.appendChild(style2);
       }
       return this;
     };