@haluo/biz 2.0.13-beta.1 → 2.0.13

package/dist/haluo-biz.js

@@ -1,5 +1,5 @@
 import { ElTooltip, ElDivider, ElPopover, ElDialog, ElButton, ElRadio, ElInput, ElInfiniteScroll, ElMessage, ElIcon, ElFormItem, ElForm, ElMessageBox } from "element-plus";
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, withDirectives, Fragment, renderList, createBlock, defineComponent, inject, computed, unref, isRef, renderSlot, createTextVNode, provide, toRefs, reactive, watch, onMounted, withKeys, ref, h, render, vShow } from "vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, Fragment, renderList, withDirectives, isRef, vModelText, pushScopeId, popScopeId, watch, getCurrentScope, onScopeDispose, resolveComponent, resolveDirective, createVNode, withCtx, toDisplayString, createBlock, inject, renderSlot, createTextVNode, provide, toRefs, reactive, onMounted, withKeys, h, render, vShow } from "vue";
 import { Picture, CircleCloseFilled, Plus } from "@element-plus/icons-vue";
 import util from "@haluo/util";
 import draggable from "vuedraggable";
@@ -38,6 +38,268 @@ const ToolsEnum = {
   INSERT_ARTICLE: "insertArticle",
   COLLECT_ARTICLE: "collectArticle"
 };
+var j;
+const $ = typeof window < "u", fe = (e) => typeof e == "string", pe = () => {
+};
+$ && ((j = window == null ? void 0 : window.navigator) == null ? void 0 : j.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function ve(e) {
+  return typeof e == "function" ? e() : unref(e);
+}
+function me(e) {
+  return e;
+}
+function Ce(e) {
+  return getCurrentScope() ? (onScopeDispose(e), true) : false;
+}
+function A(e) {
+  var t;
+  const o = ve(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+const K = $ ? window : void 0;
+function Q(...e) {
+  let t, o, s, p;
+  if (fe(e[0]) || Array.isArray(e[0]) ? ([o, s, p] = e, t = K) : [t, o, s, p] = e, !t)
+    return pe;
+  Array.isArray(o) || (o = [o]), Array.isArray(s) || (s = [s]);
+  const _ = [], I = () => {
+    _.forEach((v) => v()), _.length = 0;
+  }, C = (v, g, m) => (v.addEventListener(g, m, p), () => v.removeEventListener(g, m, p)), d = watch(() => A(t), (v) => {
+    I(), v && _.push(...o.flatMap((g) => s.map((m) => C(v, g, m))));
+  }, { immediate: true, flush: "post" }), y = () => {
+    d(), I();
+  };
+  return Ce(y), y;
+}
+function _e(e, t, o = {}) {
+  const { window: s = K, ignore: p, capture: _ = true, detectIframe: I = false } = o;
+  if (!s)
+    return;
+  let C = true, d;
+  const y = (u) => {
+    s.clearTimeout(d);
+    const a = A(e);
+    if (!(!a || a === u.target || u.composedPath().includes(a))) {
+      if (!C) {
+        C = true;
+        return;
+      }
+      t(u);
+    }
+  }, v = (u) => p && p.some((a) => {
+    const b = A(a);
+    return b && (u.target === b || u.composedPath().includes(b));
+  }), g = [
+    Q(s, "click", y, { passive: true, capture: _ }),
+    Q(s, "pointerdown", (u) => {
+      const a = A(e);
+      a && (C = !u.composedPath().includes(a) && !v(u));
+    }, { passive: true }),
+    Q(s, "pointerup", (u) => {
+      if (u.button === 0) {
+        const a = u.composedPath();
+        u.composedPath = () => a, d = s.setTimeout(() => y(u), 50);
+      }
+    }, { passive: true }),
+    I && Q(s, "blur", (u) => {
+      var a;
+      const b = A(e);
+      ((a = s.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(b != null && b.contains(s.document.activeElement)) && t(u);
+    })
+  ].filter(Boolean);
+  return () => g.forEach((u) => u());
+}
+const D = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, R = "__vueuse_ssr_handlers__";
+D[R] = D[R] || {};
+D[R];
+var q;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(q || (q = {}));
+var ge = Object.defineProperty, z = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable, G = (e, t, o) => t in e ? ge(e, t, { enumerable: true, configurable: true, writable: true, value: o }) : e[t] = o, ke = (e, t) => {
+  for (var o in t || (t = {}))
+    be.call(t, o) && G(e, o, t[o]);
+  if (z)
+    for (var o of z(t))
+      ye.call(t, o) && G(e, o, t[o]);
+  return e;
+};
+const he = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+ke({
+  linear: me
+}, he);
+const J = (e) => (pushScopeId("data-v-b46fc003"), e = e(), popScopeId(), e), we = { class: "hd" }, Oe = { class: "bd" }, Ie = /* @__PURE__ */ J(() => /* @__PURE__ */ createElementVNode("h3", null, "\u4E3B\u9898\u989C\u8272", -1)), Ee = { class: "tColor" }, Pe = ["onMouseover", "onClick"], Me = { class: "bColor" }, Ae = ["onMouseover", "onClick"], $e = /* @__PURE__ */ J(() => /* @__PURE__ */ createElementVNode("h3", null, "\u6807\u51C6\u989C\u8272", -1)), Te = { class: "tColor" }, Be = ["onMouseover", "onClick"], Ve = {
+  name: "colorPicker"
+}, Ne = /* @__PURE__ */ defineComponent({
+  ...Ve,
+  props: {
+    modelValue: { type: String, required: true },
+    defaultColor: { type: String, required: false, default: "#000000" },
+    disabled: { type: Boolean, required: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const o = e, s = ref(false), p = () => {
+      s.value = !o.disabled;
+    }, _ = ref(null);
+    _e(_, () => {
+      s.value = false;
+    });
+    const C = ref(""), d = (n) => {
+      C.value = n;
+    }, y = ["#000000", "#ffffff", "#eeece1", "#1e497b", "#4e81bb", "#e2534d", "#9aba60", "#8165a0", "#47acc5", "#f9974c"], v = [
+      ["#7f7f7f", "#f2f2f2"],
+      ["#0d0d0d", "#808080"],
+      ["#1c1a10", "#ddd8c3"],
+      ["#0e243d", "#c6d9f0"],
+      ["#233f5e", "#dae5f0"],
+      ["#632623", "#f2dbdb"],
+      ["#4d602c", "#eaf1de"],
+      ["#3f3150", "#e6e0ec"],
+      ["#1e5867", "#d9eef3"],
+      ["#99490f", "#fee9da"]
+    ], g = ["#c21401", "#ff1e02", "#ffc12a", "#ffff3a", "#90cf5b", "#00af57", "#00afee", "#0071be", "#00215f", "#72349d"], m = o.modelValue, u = computed(() => C.value ? C : a), a = computed(() => o.modelValue ? o.modelValue : o.defaultColor), b = computed(() => {
+      let n = [];
+      for (let r of v)
+        n.push(oe(r[1], r[0], 5));
+      return n;
+    }), x = ref(null), X = () => {
+      var n;
+      (n = x.value) == null || n.click();
+    }, E = (n) => {
+      t("update:modelValue", n), t("change", n), s.value = false;
+    }, Y = () => {
+      E(o.defaultColor);
+    }, Z = (n) => n.length === 4 ? n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] : n, ee = (n, r, l) => {
+      const c = (n << 16 | r << 8 | l).toString(16);
+      return "#" + new Array(Math.abs(c.length - 7)).join("0") + c;
+    }, H = (n) => {
+      n = Z(n);
+      let r = [];
+      for (let l = 1; l < 7; l += 2)
+        r.push(parseInt("0x" + n.slice(l, l + 2)));
+      return r;
+    }, oe = (n, r, l) => {
+      let c = H(n), f = H(r), S = (f[0] - c[0]) / l, T = (f[1] - c[1]) / l, te = (f[2] - c[2]) / l, U = [];
+      for (let P = 0; P < l; P++)
+        U.push(ee(S * P + c[0], T * P + c[1], te * P + c[2]));
+      return U;
+    };
+    return (n, r) => (openBlock(), createElementBlock("div", {
+      class: "m-colorPicker",
+      ref_key: "colorPicker",
+      ref: _,
+      onClick: r[7] || (r[7] = (l) => {
+        l.stopPropagation();
+      })
+    }, [
+      createCommentVNode(" \u989C\u8272\u663E\u793A\u5C0F\u65B9\u5757 "),
+      createElementVNode("div", {
+        class: normalizeClass(["colorBtn", { disabled: e.disabled }]),
+        style: normalizeStyle(`background-color: ${unref(a)}`),
+        onClick: p
+      }, null, 6),
+      createCommentVNode(" \u989C\u8272\u8272\u76D8 "),
+      createElementVNode("div", {
+        class: normalizeClass(["box", { open: s.value }])
+      }, [
+        createElementVNode("div", we, [
+          createElementVNode("div", {
+            class: "colorView",
+            style: normalizeStyle({ "background-color": unref(u).value })
+          }, null, 4),
+          createElementVNode("div", {
+            class: "defaultColor",
+            onClick: Y,
+            onMouseover: r[0] || (r[0] = (l) => d(e.defaultColor)),
+            onMouseout: r[1] || (r[1] = (l) => d(""))
+          }, "\u9ED8\u8BA4\u989C\u8272", 32)
+        ]),
+        createElementVNode("div", Oe, [
+          Ie,
+          createElementVNode("ul", Ee, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(y, (l, c) => createElementVNode("li", {
+              key: c,
+              style: normalizeStyle({ backgroundColor: l }),
+              onMouseover: (f) => d(l),
+              onMouseout: r[2] || (r[2] = (f) => d("")),
+              onClick: (f) => E(l)
+            }, null, 44, Pe)), 64))
+          ]),
+          createElementVNode("ul", Me, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(b), (l, c) => (openBlock(), createElementBlock("li", { key: c }, [
+              createElementVNode("ul", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(l, (f, S) => (openBlock(), createElementBlock("li", {
+                  key: S,
+                  style: normalizeStyle({ backgroundColor: f }),
+                  onMouseover: (T) => d(f),
+                  onMouseout: r[3] || (r[3] = (T) => d("")),
+                  onClick: (T) => E(f)
+                }, null, 44, Ae))), 128))
+              ])
+            ]))), 128))
+          ]),
+          $e,
+          createElementVNode("ul", Te, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(g, (l, c) => createElementVNode("li", {
+              key: c,
+              style: normalizeStyle({ backgroundColor: l }),
+              onMouseover: (f) => d(l),
+              onMouseout: r[4] || (r[4] = (f) => d("")),
+              onClick: (f) => E(l)
+            }, null, 44, Be)), 64))
+          ]),
+          createElementVNode("h3", { onClick: X }, "\u66F4\u591A\u989C\u8272..."),
+          createCommentVNode(" \u7528\u4EE5\u6FC0\u6D3BHTML5\u989C\u8272\u9762\u677F "),
+          withDirectives(createElementVNode("input", {
+            type: "color",
+            ref_key: "html5ColorEl",
+            ref: x,
+            "onUpdate:modelValue": r[5] || (r[5] = (l) => isRef(m) ? m.value = l : null),
+            onChange: r[6] || (r[6] = (l) => E(unref(m)))
+          }, null, 544), [
+            [vModelText, unref(m)]
+          ])
+        ])
+      ], 2)
+    ], 512));
+  }
+});
+const Qe = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, p] of t)
+    o[s] = p;
+  return o;
+}, O = /* @__PURE__ */ Qe(Ne, [["__scopeId", "data-v-b46fc003"], ["__file", "/Users/zhuleyi/WORK/github/vue-color-picker/packages/color-picker/src/index.vue"]]);
+O.install = function(e, t) {
+  e.component(O.name, O);
+};
+console.log("name", O.name);
 const ToolBar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const ToolBar_vue_vue_type_style_index_1_lang = "";
 const _export_sfc = (sfc, props) => {
@@ -833,7 +1095,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : createCommentVNode("", true);
 }
-const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-0fe1bef8"]]);
+const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-dd9e6bac"]]);
 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" };
@@ -1804,9 +2066,7 @@ const _sfc_main = {
       },
       countList: [],
       replaceSeamless: 0,
-      seamlessCount: 0,
-      overLine: "",
-      currentVideo: null
+      seamlessCount: 0
     };
   },
   computed: {
@@ -1843,23 +2103,23 @@ const _sfc_main = {
     }
   },
   created() {
-    const me = this;
-    me.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
-    me.guid = me.user.uid + "|" + util.tools.guid();
+    const me2 = this;
+    me2.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
+    me2.guid = me2.user.uid + "|" + util.tools.guid();
   },
   beforeDestroy() {
     this.editorDom && this.editorDom.removeEventListener("blur", this.canSetAlign);
   },
   mounted() {
-    const me = this;
-    me.editorDom = document.getElementById("editor-content");
-    me.editorDom.addEventListener("blur", this.canSetAlign);
+    const me2 = this;
+    me2.editorDom = document.getElementById("editor-content");
+    me2.editorDom.addEventListener("blur", this.canSetAlign);
     if (!window.Squire) {
       import("./squire-raw.7e84068d.js").then(function() {
-        me.initSquire();
+        me2.initSquire();
       });
     } else {
-      me.initSquire();
+      me2.initSquire();
     }
   },
   methods: {
@@ -1918,36 +2178,36 @@ const _sfc_main = {
       this.visibleVideo = false;
       const fileName = (files[0] && files[0].name || "").toLowerCase();
       if (files[0].size > 1 * 1024 * 1024 * 1024) {
-        return me.setToast("\u89C6\u9891\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71GB");
+        return me2.setToast("\u89C6\u9891\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71GB");
       }
       if (fileName.indexOf(".mp4") === -1 && fileName.indexOf(".mov") === -1) {
-        return me.setToast("\u89C6\u9891\u683C\u5F0F\u4E0D\u662Fmp4\u6216mov");
+        return me2.setToast("\u89C6\u9891\u683C\u5F0F\u4E0D\u662Fmp4\u6216mov");
       }
-      const me = this;
-      if (me.loading)
+      const me2 = this;
+      if (me2.loading)
         return;
-      me.closeDialog();
-      me.loading = true;
+      me2.closeDialog();
+      me2.loading = true;
       this.editor["insertVideoProgress"]();
       this.$emit("insertVideo", this, files, (result) => {
         const video = {
           duration: result.duration || "",
           link: result.videoUrl || "",
-          img: me.coverUrl || result.coverUrl || result.customCover || "",
+          img: me2.coverUrl || result.coverUrl || result.customCover || "",
           id: result.videoId,
           desc: "",
           vodSize: result.vodSize || "",
           vodType: result.vodType || ""
         };
-        me.$emit("updateAddVideo", true);
-        me.editor["insertVideo"](result.videoUrl, video);
-        me.updateData(true);
+        me2.$emit("updateAddVideo", true);
+        me2.editor["insertVideo"](result.videoUrl, video);
+        me2.updateData(true);
       }, (_) => {
-        me.setMessageBoxNoCancel(_);
+        me2.setMessageBoxNoCancel(_);
       }, () => {
-        me.loading = false;
-        me.loadingText = "";
-        me.removeProgress();
+        me2.loading = false;
+        me2.loadingText = "";
+        me2.removeProgress();
       });
     },
     replaceImg(e) {
@@ -1956,12 +2216,6 @@ 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;
@@ -2126,7 +2380,7 @@ const _sfc_main = {
       node.appendChild(del);
     },
     parseVideo(node, essayPicRelVOList) {
-      const me = this;
+      const me2 = this;
       const videoData = JSON.parse(node.dataset.video);
       const video = node.querySelector(".halo-video-area");
       const videoId = video.src;
@@ -2144,16 +2398,14 @@ const _sfc_main = {
         "class": "pointer video-delete  icon",
         "contenteditable": "false",
         onClick(e) {
-          me.removeParentByClass(e.target, "halo-video-content");
+          me2.removeParentByClass(e.target, "halo-video-content");
           e.stopPropagation();
         }
       });
       node.onclick = function() {
-        me.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
+        me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
       };
-      const replaceBtn = me.insertVideoBtns(this, video);
       node.appendChild(delBtn);
-      node.appendChild(replaceBtn);
     },
     async parseArticle(node) {
       const data = JSON.parse(node.dataset.article);
@@ -2270,7 +2522,7 @@ const _sfc_main = {
       });
     },
     imgUploadHandler(type, imgSrc) {
-      const me = this;
+      const me2 = this;
       if (type && imgSrc) {
         if (type === "uploadAgainImages") {
           this.updateImage(imgSrc, this.currentImg);
@@ -2282,23 +2534,9 @@ const _sfc_main = {
               src: imgSrc,
               img: imgSrc,
               selected: false,
-              seamlessFlag: me.replaceSeamless,
+              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;
@@ -2317,23 +2555,8 @@ const _sfc_main = {
         this.setToast(rst.origin.name + "\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
       }
     },
-    insertVideoBtns(editor, node) {
-      const me = 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();
-        me.currentVideo = node;
-        e.stopPropagation();
-      };
-      replaceBtn.innerText = "\u66F4\u6362\u5C01\u9762";
-      return replaceBtn;
-    },
     insertImgOperateBtns(editor, data) {
-      const me = this;
+      const me2 = this;
       var replaceBtn = editor.createElement("div", {
         "class": "img-replace pointer",
         "contenteditable": "false"
@@ -2342,11 +2565,11 @@ const _sfc_main = {
         "class": "img-delete pointer icon",
         "contenteditable": "false",
         onClick(e) {
-          if (me.disabled)
+          if (me2.disabled)
             return;
-          me.removeSeamlessLaster(e);
-          me.removeParentByClass(e.target, "halo-img-content");
-          me.updateData(true);
+          me2.removeSeamlessLaster(e);
+          me2.removeParentByClass(e.target, "halo-img-content");
+          me2.updateData(true);
         }
       });
       var descInputWrap;
@@ -2359,13 +2582,13 @@ const _sfc_main = {
         placeholder: "\u8BF7\u8F93\u5165\u56FE\u7247\u63CF\u8FF0(\u6700\u591A50\u5B57)",
         "contenteditable": "false"
       });
-      descInput.disabled = me.disabled;
+      descInput.disabled = me2.disabled;
       descInput.oninput = function(e) {
-        const parent = me.findParentByClass(e.target, "halo-img-content");
+        const parent = me2.findParentByClass(e.target, "halo-img-content");
         const img = parent.querySelector(".halo-picture-area");
         img.dataset.desc = e.target.value;
         if (e.target.value.length > 49) {
-          return me.setToast("\u9650\u523650\u4E2A\u5B57\u7B26");
+          return me2.setToast("\u9650\u523650\u4E2A\u5B57\u7B26");
         }
       };
       descInput.value = data.content || "";
@@ -2375,22 +2598,22 @@ const _sfc_main = {
         "style": `${data.seamlessFlag === "1" && "display: none"}`
       }, [descInput]);
       replaceBtn.onclick = function(e) {
-        if (me.disabled)
+        if (me2.disabled)
           return;
-        const current = me.findParentByClass(e.target, "halo-img-content");
+        const current = me2.findParentByClass(e.target, "halo-img-content");
         const range = document.createRange();
         range.setEnd(current.previousElementSibling, 1);
         range.collapse(false);
-        me.range = range;
-        me.replaceSeamless = data.seamlessFlag || "0";
+        me2.range = range;
+        me2.replaceSeamless = data.seamlessFlag || "0";
         const replaceInput = document.querySelector(".replace-input");
-        me.removePreviousImg = () => me.removeParentByClass(e.target, "halo-img-content");
+        me2.removePreviousImg = () => me2.removeParentByClass(e.target, "halo-img-content");
         replaceInput.click();
       };
       delBtn.onclick = function(e) {
-        if (me.disabled)
+        if (me2.disabled)
           return;
-        const cur = me.findParentByClass(e.target, "halo-img-content");
+        const cur = me2.findParentByClass(e.target, "halo-img-content");
         const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
         const currentData = JSON.parse(currentImg.getAttribute("data"));
         if (currentData.seamlessFlag === "0") {
@@ -2408,15 +2631,15 @@ const _sfc_main = {
             console.log(e2);
           }
         }
-        me.removeParentByClass(e.target, "halo-img-content");
-        me.updateData(true);
+        me2.removeParentByClass(e.target, "halo-img-content");
+        me2.updateData(true);
       };
       replaceBtn.innerHTML = "\u66FF\u6362";
       return [replaceBtn, delBtn, descInputWrap];
     },
     removeSeamlessLaster(e) {
-      const me = this;
-      const cur = me.findParentByClass(e.target, "halo-img-content");
+      const me2 = this;
+      const cur = me2.findParentByClass(e.target, "halo-img-content");
       const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
       const currentData = JSON.parse(currentImg.getAttribute("data"));
       if (currentData.seamlessFlag === "0") {
@@ -2443,9 +2666,9 @@ const _sfc_main = {
       });
     },
     initSquire() {
-      const me = this;
-      const editorDom = me.editorDom;
-      me.editor = new window.Squire(me.editorDom, {
+      const me2 = this;
+      me2.editorDom;
+      me2.editor = new window.Squire(me2.editorDom, {
         blockTag: "p",
         blockAttributes: {
           "class": "halo-paragraph"
@@ -2460,7 +2683,7 @@ const _sfc_main = {
         this.styleStatus.size = parseInt(this.fontInfo.size) === 100 ? 17 : this.fontInfo.size;
         this.styleStatus.color = this.fontInfo.color;
       });
-      me.editor.addEventListener("willPaste", function(type, handler) {
+      me2.editor.addEventListener("willPaste", function(type, handler) {
         function validateDom() {
           const fragment = type && type.fragment || {};
           let tmpNode = document.createElement("div");
@@ -2471,7 +2694,7 @@ const _sfc_main = {
         }
         validateDom();
         if (type.defaultPrevented) {
-          me.getSticker(type, handler);
+          me2.getSticker(type, handler);
         }
       });
       window.Squire.prototype.makeParagraph = function(content, position, textAlign) {
@@ -2531,7 +2754,7 @@ const _sfc_main = {
         selection.addRange(range);
       };
       window.Squire.prototype.insertImages = function(src, data = {}, range) {
-        var isHaloImage = me.isHaloImage(src);
+        var isHaloImage = me2.isHaloImage(src);
         var scrollTop = document.documentElement.scrollTop;
         const isSeameless = data.seamlessFlag === "1";
         var loading = this.createElement("div", {
@@ -2563,10 +2786,9 @@ const _sfc_main = {
           "data": JSON.stringify(data),
           "style": isSeameless ? "margin: 0" : "margin-top: 0",
           "data-content": data.content || "",
-          "contenteditable": "false",
-          "draggable": "false"
+          "contenteditable": "false"
         });
-        const btns = me.insertImgOperateBtns(this, data);
+        const btns = me2.insertImgOperateBtns(this, data);
         var childList = [];
         childList.push(img);
         childList.push(...btns);
@@ -2575,19 +2797,12 @@ const _sfc_main = {
         !isHaloImage && childList.push(again);
         var p = this.createElement("div", {
           "class": "halo-img-content",
-          "contenteditable": "false",
-          "draggable": "false"
+          "contenteditable": "false"
         }, [...childList]);
-        p.onfocus = function() {
-          img.style["outline"] = "1px solid #1a74ff";
-        };
-        p.onblur = function() {
-          img.style["outline"] = "none";
-        };
         this.insertElement(p, range);
         if (isSeameless) {
-          me.removeDefault(p, "nextElementSibling");
-          me.removeDefault(p, "previousElementSibling");
+          me2.removeDefault(p, "nextElementSibling");
+          me2.removeDefault(p, "previousElementSibling");
         }
         setTimeout(() => {
           document.documentElement.scrollTop = scrollTop;
@@ -2623,49 +2838,22 @@ const _sfc_main = {
           "data-content": data.content || "",
           "poster": data.img || ""
         });
-        var delBtn = me.genIconDom({
+        var delBtn = me2.genIconDom({
           "class": "pointer video-delete icon",
           "contenteditable": "false",
           onClick(e) {
-            me.removeParentByClass(e.target, "halo-video-content");
+            me2.removeParentByClass(e.target, "halo-video-content");
             e.stopPropagation();
           }
         });
         console.log(delBtn);
-        const posterBtn = me.insertVideoBtns(this, video);
         var p = this.createElement("DIV", {
           "class": "halo-video-content",
-          "contenteditable": "false",
-          "data-video": JSON.stringify(data),
-          "draggable": "true"
-        }, [video, delBtn, posterBtn]);
+          "contenteditable": "true",
+          "data-video": JSON.stringify(data)
+        }, [video, delBtn]);
         p.onclick = function() {
-          me.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();
-          }
+          me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
         };
         this.insertElement(p);
         setTimeout(() => {
@@ -2676,7 +2864,7 @@ const _sfc_main = {
         var scrollTop = document.documentElement.scrollTop;
         var img = `<img class="link-img" src='/static/img/icon_link@3x.png'></img>`;
         var a = `<a class="halo-link-mes"  data-url="${link}" target="_blank">${text}</a>`;
-        const del = me.generateDelLinkIcon();
+        const del = me2.generateDelLinkIcon();
         var p = this.createElement("DIV", {
           "class": "halo-link",
           "contenteditable": "false"
@@ -2688,10 +2876,10 @@ const _sfc_main = {
           document.documentElement.scrollTop = scrollTop;
         }, 50);
       };
-      me.sticky();
+      me2.sticky();
     },
     removeDefault(next, key) {
-      const me = this;
+      const me2 = this;
       const cur = next[key];
       if (!cur || cur.innerText !== "\n")
         return;
@@ -2699,30 +2887,30 @@ const _sfc_main = {
       const isLasterBlock = next.classList.contains("halo-paragraph") || false;
       if (blockDefault && isLasterBlock) {
         cur.remove();
-        me.removeDefault(cur, key);
+        me2.removeDefault(cur, key);
       } else {
         if (blockDefault) {
           cur.style.display = "none";
-          me.removeDefault(cur, key);
+          me2.removeDefault(cur, key);
         }
       }
     },
     generateDelLinkIcon() {
-      const me = this;
+      const me2 = this;
       const del = this.editor.createElement("img", {
         "class": "img-delete",
         "contenteditable": "false",
         "src": car_ciose
       });
       del.onclick = function(e) {
-        const parent = me.findParentByClass(e.target, "halo-link");
+        const parent = me2.findParentByClass(e.target, "halo-link");
         parent.remove();
       };
       return del;
     },
     getEditorData() {
-      const me = this;
-      const children = Array.from(me.editorDom.children);
+      const me2 = this;
+      const children = Array.from(me2.editorDom.children);
       let isNotParagraph = true;
       let count = 0;
       let imgCount = 0;
@@ -2738,7 +2926,7 @@ const _sfc_main = {
         } else if (value.className.includes("article-wrap")) {
           const article = JSON.parse(value.dataset.article);
           cardEassyFlagStatus = !!article.cardEassyFlag;
-          me.hasArticleCard = true;
+          me2.hasArticleCard = true;
         } else if (value.className.includes("halo-paragraph") || value.tagName === "OL" || value.tagName === "UL") {
           const text = value.innerText && value.innerText.trim();
           if (text.length < 1) {
@@ -2781,43 +2969,43 @@ const _sfc_main = {
       return url.indexOf("jddmoto.com") > -1 || url.indexOf("58moto.com") > -1;
     },
     updateUploads() {
-      const me = this;
+      const me2 = this;
       setTimeout(() => {
         const uploads = document.querySelectorAll(".no-upload") || [];
-        me.uploadStore = {};
-        me.currentIndex = 0;
+        me2.uploadStore = {};
+        me2.currentIndex = 0;
         Array.from(uploads).map((_, index) => {
           const id = _.getAttribute("id");
           const key = index + "|" + id;
-          me.uploadStore[key] = _;
+          me2.uploadStore[key] = _;
         });
-        me.uploadImageHandler();
+        me2.uploadImageHandler();
       }, 500);
     },
     uploadImageHandler(key = "") {
-      const me = this;
-      const list = Object.keys(me.uploadStore);
-      if (!list.length || me.currentIndex > list.length)
+      const me2 = this;
+      const list = Object.keys(me2.uploadStore);
+      if (!list.length || me2.currentIndex > list.length)
         return;
       const one = 1;
       const two = 2;
       const three = 3;
       const moreImage = list.length > three;
-      if (me.currentIndex) {
+      if (me2.currentIndex) {
         if (moreImage) {
-          me.uploadImage(key).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
+          me2.uploadImage(key).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
         }
       } else {
-        me.uploadImage(list[0]).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
-        list.length > one && me.uploadImage(list[one]).then((_) => me.uploadImageHandler(list[me.currentIndex++]));
-        list.length > two && me.uploadImage(list[two]).then((_) => moreImage && me.uploadImageHandler(list[me.currentIndex++]));
-        me.currentIndex = three;
+        me2.uploadImage(list[0]).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
+        list.length > one && me2.uploadImage(list[one]).then((_) => me2.uploadImageHandler(list[me2.currentIndex++]));
+        list.length > two && me2.uploadImage(list[two]).then((_) => moreImage && me2.uploadImageHandler(list[me2.currentIndex++]));
+        me2.currentIndex = three;
       }
     },
     uploadImage(key = "") {
-      const me = this;
-      const itemId = me.guid || "";
-      const currentImg = me.uploadStore[key];
+      const me2 = this;
+      const itemId = me2.guid || "";
+      const currentImg = me2.uploadStore[key];
       const imageUrl = key.split("|")[1] || "";
       if (!currentImg) {
         console.log("\u56FE\u7247\u4E0D\u5B58\u5728", key);
@@ -2838,7 +3026,7 @@ const _sfc_main = {
         if (imgAgain) {
           imgAgain.className = "img-again";
           imgAgain.onclick = function(e) {
-            me.currentImg = currentImg2;
+            me2.currentImg = currentImg2;
             const upload = document.querySelector(".upload-again-input");
             upload && upload.click();
           };
@@ -2851,13 +3039,13 @@ const _sfc_main = {
       }).then((_) => {
         if (_.data.code === 0 && _.data.data) {
           const img = _.data.data.thirdPartyImageUrl;
-          me.updateImage(img, currentImg);
+          me2.updateImage(img, currentImg);
         } else {
           parent && uploadFailHandler(currentImg);
         }
-        if (Object.keys(me.uploadStore).length === Number(key.split("|")[0] || "") + 1) {
+        if (Object.keys(me2.uploadStore).length === Number(key.split("|")[0] || "") + 1) {
           setTimeout(() => {
-            me.updateData(true);
+            me2.updateData(true);
           }, 100);
         }
       }).catch((e) => {
@@ -2891,7 +3079,7 @@ const _sfc_main = {
       this.setSticker(type.fragment.children);
     },
     setSticker(data) {
-      const me = this;
+      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)");
@@ -2901,28 +3089,28 @@ const _sfc_main = {
           }
           if (nValue.indexOf("[img") > -1) {
             const src = nValue.replace(/\[img src=(.*?)\]/g, "$1").replace(/amp;/g, "");
-            me.editor.insertImages(src, {
+            me2.editor.insertImages(src, {
               src,
               img: src,
               selected: false,
               type: "2"
             });
           } else {
-            me.editor.makeParagraph(nValue);
+            me2.editor.makeParagraph(nValue);
           }
         });
       });
-      me.updateUploads();
+      me2.updateUploads();
       this.updateData(true);
     },
     mouseLeave() {
-      const me = this;
-      me.updateData();
+      const me2 = this;
+      me2.updateData();
     },
     setBack(e, type) {
-      const me = this;
-      me.refreshImg();
-      me.updateData(true);
+      const me2 = this;
+      me2.refreshImg();
+      me2.updateData(true);
     },
     refreshImg() {
       Array.from(document.querySelectorAll(".halo-img-content")).map((_ = {}) => {
@@ -2949,8 +3137,8 @@ const _sfc_main = {
       });
     },
     sticky() {
-      const me = this;
-      me.$nextTick(function() {
+      const me2 = this;
+      me2.$nextTick(function() {
         const sticky = document.querySelector(".tool-box");
         if (!sticky) {
           return;
@@ -2968,12 +3156,12 @@ const _sfc_main = {
       });
     },
     setContent(e, obj) {
-      const me = this;
+      const me2 = this;
       const id = e.target.id || e.target.dataset.editorId;
       const value = "";
-      if (id && me.editor && me.editor[id]) {
-        me.editor[id](value, obj);
-        me.updateData(true);
+      if (id && me2.editor && me2.editor[id]) {
+        me2.editor[id](value, obj);
+        me2.updateData(true);
       }
     },
     canSetAlign() {
@@ -3009,47 +3197,47 @@ const _sfc_main = {
       this.updateData(true);
     },
     addLink(type) {
-      const me = this;
-      me.linkTitleName = type === "link" ? "\u6DFB\u52A0\u94FE\u63A5" : "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740";
-      me.linkPlaceholder = type === "link" ? "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740" : "\u4EC5\u652F\u6301\u8F93\u5165\u5FAE\u4FE1\u94FE\u63A5";
-      me.viewStatus = true;
-      me.linkStatus = true;
+      const me2 = this;
+      me2.linkTitleName = type === "link" ? "\u6DFB\u52A0\u94FE\u63A5" : "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740";
+      me2.linkPlaceholder = type === "link" ? "\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740" : "\u4EC5\u652F\u6301\u8F93\u5165\u5FAE\u4FE1\u94FE\u63A5";
+      me2.viewStatus = true;
+      me2.linkStatus = true;
     },
     validUrl(url) {
       const objExp = /^(((ht|f)tp(s?)):\/\/)?(www.|[a-zA-Z].)[a-zA-Z0-9-.]+.(com|edu|gov|mil|net|org|biz|info|name|museum|us|ca|uk|cn|im)(:[0-9]+)*(\/($|[a-zA-Z0-9.,;?'&%$#=~_-]+))*$/;
       return objExp.test(url);
     },
     confirmLink() {
-      const me = this;
-      if (!me.linkContent) {
+      const me2 = this;
+      if (!me2.linkContent) {
         return ElMessage.error("\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740\uFF01");
       }
-      if (me.linkTitleName === "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740" || this.visibleCollectArticle) {
+      if (me2.linkTitleName === "\u6DFB\u52A0\u5BFC\u5165\u94FE\u63A5\u5730\u5740" || this.visibleCollectArticle) {
         this.visibleCollectArticle = false;
-        return me.importLinkData();
+        return me2.importLinkData();
       }
-      if (!this.validUrl(me.linkContent)) {
-        return me.setToast("URL\u65E0\u6548");
+      if (!this.validUrl(me2.linkContent)) {
+        return me2.setToast("URL\u65E0\u6548");
       }
-      if (me.linkContent.indexOf("jddmoto.com") === -1 && me.linkContent.indexOf("58moto.com") === -1) {
-        return me.setToast("\u8BF7\u8F93\u5165\u54C8\u7F57\u6469\u6258\u5185\u90E8\u7F51\u5740");
+      if (me2.linkContent.indexOf("jddmoto.com") === -1 && me2.linkContent.indexOf("58moto.com") === -1) {
+        return me2.setToast("\u8BF7\u8F93\u5165\u54C8\u7F57\u6469\u6258\u5185\u90E8\u7F51\u5740");
       }
-      me.editor["insertLink"](me.linkContent);
-      me.linkContent = "";
-      me.closeDialog();
+      me2.editor["insertLink"](me2.linkContent);
+      me2.linkContent = "";
+      me2.closeDialog();
     },
     importLinkData() {
-      const me = this;
-      if (me.loading) {
+      const me2 = this;
+      if (me2.loading) {
         return ElMessage("\u6B63\u5728\u83B7\u53D6\u4FE1\u606F\uFF0C\u8BF7\u7A0D\u540E...");
       }
-      me.loading = true;
+      me2.loading = true;
       const params = {
-        action: me.isOss ? "30008OSS" : 30008,
-        url: me.linkContent
+        action: me2.isOss ? "30008OSS" : 30008,
+        url: me2.linkContent
       };
-      if (!me.isOss) {
-        params.autherid = me.user.uid;
+      if (!me2.isOss) {
+        params.autherid = me2.user.uid;
       }
       this.importEssay(params).then((response) => {
         console.log(response);
@@ -3058,26 +3246,26 @@ const _sfc_main = {
           data.data.content = data.data.content.replace(/<a href="(.*?)"(.*?)>/g, "").replace(/<\/a>/g, "").replace(/<iframe([^<>]*)>([^<>]*)<\/iframe>/g, "").replace(/<video([^<>]*)>([^<>]*)<\/video>/g, "");
           const importContent = document.createElement("div");
           importContent.innerHTML = data.data.content;
-          me.setSticker(importContent.children);
-          me.closeDialog();
-          me.linkContent = "";
+          me2.setSticker(importContent.children);
+          me2.closeDialog();
+          me2.linkContent = "";
           return;
         } else {
-          me.setToast("\u5BFC\u5165\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+          me2.setToast("\u5BFC\u5165\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
         }
       }).catch((err) => {
         console.log(err.message);
-        me.setToast("\u5BFC\u5165\u5F02\u5E38\uFF0C\u8BF7\u91CD\u8BD5");
+        me2.setToast("\u5BFC\u5165\u5F02\u5E38\uFF0C\u8BF7\u91CD\u8BD5");
       }).finally((_) => {
-        me.loading = false;
+        me2.loading = false;
       });
     },
     openDialog(name) {
-      const me = this;
-      me.viewName = name === "img" ? "\u6DFB\u52A0\u56FE\u7247" : "\u6DFB\u52A0\u89C6\u9891";
-      me.viewButton = name === "img" ? "\u9009\u62E9\u56FE\u7247" : "\u9009\u62E9\u89C6\u9891";
-      me.viewTip = name === "img" ? "" : "\u4E3A\u4E86\u83B7\u5F97\u66F4\u9AD8\u7684\u63A8\u8350\u548C\u70B9\u51FB\u91CF\uFF0C\u5EFA\u8BAE\u4E0A\u4F20720p(1280*720)\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7500MB(\u89C6\u9891\u4E0A\u4F20\u9700\u8981\u65F6\u95F4\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85)";
-      me.viewStatus = true;
+      const me2 = this;
+      me2.viewName = name === "img" ? "\u6DFB\u52A0\u56FE\u7247" : "\u6DFB\u52A0\u89C6\u9891";
+      me2.viewButton = name === "img" ? "\u9009\u62E9\u56FE\u7247" : "\u9009\u62E9\u89C6\u9891";
+      me2.viewTip = name === "img" ? "" : "\u4E3A\u4E86\u83B7\u5F97\u66F4\u9AD8\u7684\u63A8\u8350\u548C\u70B9\u51FB\u91CF\uFF0C\u5EFA\u8BAE\u4E0A\u4F20720p(1280*720)\uFF0C\u5927\u5C0F\u4E0D\u8D85\u8FC7500MB(\u89C6\u9891\u4E0A\u4F20\u9700\u8981\u65F6\u95F4\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85)";
+      me2.viewStatus = true;
     },
     closeDialog() {
       this.viewStatus = false;
@@ -3234,13 +3422,6 @@ 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)
   ]);
 }