@haluo/biz 2.0.13-beta → 2.0.13

package/dist/haluo-biz.umd.cjs

@@ -1,5 +1,5 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("element-plus"), require("vue"), require("@element-plus/icons-vue"), require("@haluo/util"), require("vuedraggable")) : typeof define === "function" && define.amd ? define(["exports", "element-plus", "vue", "@element-plus/icons-vue", "@haluo/util", "vuedraggable"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["haluo-biz"] = {}, global["element-plus"], global.Vue, global["@element-plus/icons-vue"], global.hUtil, global.vuedraggable));
+(function(global2, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("element-plus"), require("vue"), require("@element-plus/icons-vue"), require("@haluo/util"), require("vuedraggable")) : typeof define === "function" && define.amd ? define(["exports", "element-plus", "vue", "@element-plus/icons-vue", "@haluo/util", "vuedraggable"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["haluo-biz"] = {}, global2["element-plus"], global2.Vue, global2["@element-plus/icons-vue"], global2.hUtil, global2.vuedraggable));
 })(this, function(exports2, elementPlus, vue, iconsVue, util, draggable) {
   "use strict";
   const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
@@ -40,6 +40,268 @@
     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() : vue.unref(e);
+  }
+  function me(e) {
+    return e;
+  }
+  function Ce(e) {
+    return vue.getCurrentScope() ? (vue.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 = vue.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) => (vue.pushScopeId("data-v-b46fc003"), e = e(), vue.popScopeId(), e), we = { class: "hd" }, Oe = { class: "bd" }, Ie = /* @__PURE__ */ J(() => /* @__PURE__ */ vue.createElementVNode("h3", null, "\u4E3B\u9898\u989C\u8272", -1)), Ee = { class: "tColor" }, Pe = ["onMouseover", "onClick"], Me = { class: "bColor" }, Ae = ["onMouseover", "onClick"], $e = /* @__PURE__ */ J(() => /* @__PURE__ */ vue.createElementVNode("h3", null, "\u6807\u51C6\u989C\u8272", -1)), Te = { class: "tColor" }, Be = ["onMouseover", "onClick"], Ve = {
+    name: "colorPicker"
+  }, Ne = /* @__PURE__ */ vue.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 = vue.ref(false), p = () => {
+        s.value = !o.disabled;
+      }, _ = vue.ref(null);
+      _e(_, () => {
+        s.value = false;
+      });
+      const C = vue.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 = vue.computed(() => C.value ? C : a), a = vue.computed(() => o.modelValue ? o.modelValue : o.defaultColor), b = vue.computed(() => {
+        let n = [];
+        for (let r of v)
+          n.push(oe(r[1], r[0], 5));
+        return n;
+      }), x = vue.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) => (vue.openBlock(), vue.createElementBlock("div", {
+        class: "m-colorPicker",
+        ref_key: "colorPicker",
+        ref: _,
+        onClick: r[7] || (r[7] = (l) => {
+          l.stopPropagation();
+        })
+      }, [
+        vue.createCommentVNode(" \u989C\u8272\u663E\u793A\u5C0F\u65B9\u5757 "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["colorBtn", { disabled: e.disabled }]),
+          style: vue.normalizeStyle(`background-color: ${vue.unref(a)}`),
+          onClick: p
+        }, null, 6),
+        vue.createCommentVNode(" \u989C\u8272\u8272\u76D8 "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["box", { open: s.value }])
+        }, [
+          vue.createElementVNode("div", we, [
+            vue.createElementVNode("div", {
+              class: "colorView",
+              style: vue.normalizeStyle({ "background-color": vue.unref(u).value })
+            }, null, 4),
+            vue.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)
+          ]),
+          vue.createElementVNode("div", Oe, [
+            Ie,
+            vue.createElementVNode("ul", Ee, [
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(y, (l, c) => vue.createElementVNode("li", {
+                key: c,
+                style: vue.normalizeStyle({ backgroundColor: l }),
+                onMouseover: (f) => d(l),
+                onMouseout: r[2] || (r[2] = (f) => d("")),
+                onClick: (f) => E(l)
+              }, null, 44, Pe)), 64))
+            ]),
+            vue.createElementVNode("ul", Me, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(b), (l, c) => (vue.openBlock(), vue.createElementBlock("li", { key: c }, [
+                vue.createElementVNode("ul", null, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(l, (f, S) => (vue.openBlock(), vue.createElementBlock("li", {
+                    key: S,
+                    style: vue.normalizeStyle({ backgroundColor: f }),
+                    onMouseover: (T) => d(f),
+                    onMouseout: r[3] || (r[3] = (T) => d("")),
+                    onClick: (T) => E(f)
+                  }, null, 44, Ae))), 128))
+                ])
+              ]))), 128))
+            ]),
+            $e,
+            vue.createElementVNode("ul", Te, [
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(g, (l, c) => vue.createElementVNode("li", {
+                key: c,
+                style: vue.normalizeStyle({ backgroundColor: l }),
+                onMouseover: (f) => d(l),
+                onMouseout: r[4] || (r[4] = (f) => d("")),
+                onClick: (f) => E(l)
+              }, null, 44, Be)), 64))
+            ]),
+            vue.createElementVNode("h3", { onClick: X }, "\u66F4\u591A\u989C\u8272..."),
+            vue.createCommentVNode(" \u7528\u4EE5\u6FC0\u6D3BHTML5\u989C\u8272\u9762\u677F "),
+            vue.withDirectives(vue.createElementVNode("input", {
+              type: "color",
+              ref_key: "html5ColorEl",
+              ref: x,
+              "onUpdate:modelValue": r[5] || (r[5] = (l) => vue.isRef(m) ? m.value = l : null),
+              onChange: r[6] || (r[6] = (l) => E(vue.unref(m)))
+            }, null, 544), [
+              [vue.vModelText, vue.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) => {
@@ -835,7 +1097,7 @@
       ])
     ])) : vue.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" };
@@ -1806,9 +2068,7 @@
         },
         countList: [],
         replaceSeamless: 0,
-        seamlessCount: 0,
-        overLine: "",
-        currentVideo: null
+        seamlessCount: 0
       };
     },
     computed: {
@@ -1845,23 +2105,23 @@
       }
     },
     created() {
-      const me = this;
-      me.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
-      me.guid = me.user.uid + "|" + util__default.default.tools.guid();
+      const me2 = this;
+      me2.user = JSON.parse(window.localStorage.getItem("user") || window.localStorage.getItem("userInfo") || "{}");
+      me2.guid = me2.user.uid + "|" + util__default.default.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) {
         Promise.resolve().then(() => squireRaw).then(function() {
-          me.initSquire();
+          me2.initSquire();
         });
       } else {
-        me.initSquire();
+        me2.initSquire();
       }
     },
     methods: {
@@ -1920,36 +2180,36 @@
         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) {
@@ -1958,12 +2218,6 @@
           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;
@@ -2128,7 +2382,7 @@
         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;
@@ -2146,16 +2400,14 @@
           "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);
@@ -2272,7 +2524,7 @@
         });
       },
       imgUploadHandler(type, imgSrc) {
-        const me = this;
+        const me2 = this;
         if (type && imgSrc) {
           if (type === "uploadAgainImages") {
             this.updateImage(imgSrc, this.currentImg);
@@ -2284,14 +2536,9 @@
                 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;
-                this.currentVideo = null;
-              }
             } else {
               this.seamlessCount++;
               const isLast = this.seamlessCount === this.imgList.length;
@@ -2310,23 +2557,8 @@
           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"
@@ -2335,11 +2567,11 @@
           "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;
@@ -2352,13 +2584,13 @@
           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 || "";
@@ -2368,22 +2600,22 @@
           "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") {
@@ -2401,15 +2633,15 @@
               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") {
@@ -2436,9 +2668,9 @@
         });
       },
       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"
@@ -2453,7 +2685,7 @@
           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");
@@ -2464,7 +2696,7 @@
           }
           validateDom();
           if (type.defaultPrevented) {
-            me.getSticker(type, handler);
+            me2.getSticker(type, handler);
           }
         });
         window.Squire.prototype.makeParagraph = function(content, position, textAlign) {
@@ -2524,7 +2756,7 @@
           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", {
@@ -2556,10 +2788,9 @@
             "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);
@@ -2568,19 +2799,12 @@
           !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;
@@ -2616,41 +2840,22 @@
             "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 = null;
-          p.ondragstart = function(e) {
-            e.dataTransfer.setData("text/html", e.target);
-            e.dataTransfer.effectAllowed = "move";
-            e.dataTransfer.dropEffect = "move";
-            targetMove = e.target;
-            console.log(e, "drag");
-          };
-          editorDom.ondragover = function(e) {
-            console.log(e, "over", me);
-            e.preventDefault();
-          };
-          editorDom.ondrop = function(e) {
-            console.log(e, "ondrop");
-            e.target.after(targetMove);
-            e.preventDefault();
+            me2.setToast("\u4E0D\u652F\u6301\u64AD\u653E");
           };
           this.insertElement(p);
           setTimeout(() => {
@@ -2661,7 +2866,7 @@
           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"
@@ -2673,10 +2878,10 @@
             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;
@@ -2684,30 +2889,30 @@
         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;
@@ -2723,7 +2928,7 @@
           } 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) {
@@ -2766,43 +2971,43 @@
         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);
@@ -2823,7 +3028,7 @@
           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();
             };
@@ -2836,13 +3041,13 @@
         }).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) => {
@@ -2876,7 +3081,7 @@
         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)");
@@ -2886,28 +3091,28 @@
             }
             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((_ = {}) => {
@@ -2934,8 +3139,8 @@
         });
       },
       sticky() {
-        const me = this;
-        me.$nextTick(function() {
+        const me2 = this;
+        me2.$nextTick(function() {
           const sticky = document.querySelector(".tool-box");
           if (!sticky) {
             return;
@@ -2953,12 +3158,12 @@
         });
       },
       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() {
@@ -2994,47 +3199,47 @@
         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 elementPlus.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 elementPlus.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);
@@ -3043,26 +3248,26 @@
             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;
@@ -3219,13 +3424,6 @@
         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)
     ]);
   }