codemirror-editor-vue3 - npm Package Compare versions

Comparing version 2.4.0-beta.0 to 2.4.0-beta.1

CHANGELOG.md

@@ -1,10 +0,5 @@
-# [2.4.0-beta.0](https://github.com/RennCheung/codemirror-editor-vue3/compare/v2.3.1...v2.4.0-beta.0) (2023-11-07)
+# [2.4.0-beta.1](https://github.com/RennCheung/codemirror-editor-vue3/compare/v2.3.1...v2.4.0-beta.1) (2023-11-07)
 
 
-### Bug Fixes
 
-* fixed script ([99e6639](https://github.com/RennCheung/codemirror-editor-vue3/commit/99e66393b34946c0f557d707a0ea3a51d43969ee))
-
-
-
 ## [2.3.1](https://github.com/RennCheung/codemirror-editor-vue3/compare/v2.3.0...v2.3.1) (2023-11-06)
@@ -11,0 +6,0 @@

dist/codemirror-editor-vue3.js

@@ -1,2 +0,2 @@
-import { defineComponent as M, ref as v, onMounted as j, markRaw as L, watch as x, unref as w, openBlock as b, createElementBlock as S, computed as T, nextTick as Z, shallowRef as q, getCurrentInstance as K, onBeforeUnmount as Q, normalizeClass as X, normalizeStyle as Y, createBlock as ee, resolveDynamicComponent as te, mergeProps as ne } from "vue";
+import { defineComponent as M, ref as y, onMounted as j, markRaw as L, watch as x, unref as v, openBlock as b, createElementBlock as S, computed as T, nextTick as G, shallowRef as Z, getCurrentInstance as q, onBeforeUnmount as K, normalizeClass as Q, normalizeStyle as X, createBlock as Y, resolveDynamicComponent as ee, mergeProps as te } from "vue";
 import "codemirror/lib/codemirror.css";
@@ -6,6 +6,6 @@ import H from "codemirror";
 import "codemirror/addon/merge/merge.js";
-import oe from "diff-match-patch";
+import ne from "diff-match-patch";
 import "codemirror/addon/mode/simple.js";
 !window.CodeMirror && (window.CodeMirror = H);
-const _ = window.CodeMirror || H, re = M({
+const _ = window.CodeMirror || H, oe = M({
   name: "DefaultMode",
@@ -15,3 +15,3 @@ props: {
       type: String,
-      default: `cm-textarea-${+/* @__PURE__ */ new Date()}`
+      default: `cm-textarea-${+new Date()}`
     },
@@ -43,10 +43,10 @@ value: {
   },
-  setup(e, { emit: n }) {
-    const r = v(), t = v(null), o = () => {
-      t.value = L(_.fromTextArea(r.value, e.options)), n("update:cminstance", t.value);
-      const a = x(
+  setup(e, { emit: o }) {
+    const r = y(), t = y(null), n = () => {
+      t.value = L(_.fromTextArea(r.value, e.options)), o("update:cminstance", t.value);
+      const i = x(
         () => e.cminstance,
-        (l) => {
-          var m;
-          l && ((m = e.cminstance) == null || m.setValue(e.value || e.content)), n("ready", w(t)), a == null || a();
+        (a) => {
+          var f;
+          a && ((f = e.cminstance) == null || f.setValue(e.value || e.content)), o("ready", v(t)), i == null || i();
         },
@@ -57,15 +57,15 @@ { deep: !0 }
     return j(() => {
-      o();
+      n();
     }), {
       textarea: r,
-      initialize: o
+      initialize: n
     };
   }
-}), I = (e, n) => {
+}), I = (e, o) => {
   const r = e.__vccOpts || e;
-  for (const [t, o] of n)
-    r[t] = o;
+  for (const [t, n] of o)
+    r[t] = n;
   return r;
-}, ae = ["name", "placeholder"];
-function se(e, n, r, t, o, a) {
+}, re = ["name", "placeholder"];
+function ae(e, o, r, t, n, i) {
   return b(), S("textarea", {
@@ -75,10 +75,10 @@ ref: "textarea",
     placeholder: e.$props.placeholder
-  }, null, 8, ae);
+  }, null, 8, re);
 }
-const V = /* @__PURE__ */ I(re, [["render", se]]);
-window.diff_match_patch = oe;
+const V = /* @__PURE__ */ I(oe, [["render", ae]]);
+window.diff_match_patch = ne;
 window.DIFF_DELETE = -1;
 window.DIFF_INSERT = 1;
 window.DIFF_EQUAL = 0;
-const le = M({
+const se = M({
   name: "MergeMode",
@@ -96,78 +96,78 @@ props: {
   emits: ["update:cminstance", "ready"],
-  setup(e, { emit: n }) {
-    const r = v(), t = v(), o = () => {
+  setup(e, { emit: o }) {
+    const r = y(), t = y(), n = () => {
       r.value = L(
         _.MergeView(t.value, e.options)
-      ), n("update:cminstance", r.value), n("ready", r);
+      ), o("update:cminstance", r.value), o("ready", r);
     };
     return j(() => {
-      o();
+      n();
     }), {
       mergeView: t,
-      initialize: o
+      initialize: n
     };
   }
-}), ce = { ref: "mergeView" };
-function ie(e, n, r, t, o, a) {
-  return b(), S("div", ce, null, 512);
+}), le = { ref: "mergeView" };
+function ce(e, o, r, t, n, i) {
+  return b(), S("div", le, null, 512);
 }
-const ue = /* @__PURE__ */ I(le, [["render", ie]]);
-var de = /* @__PURE__ */ ((e) => (e.info = "info", e.warning = "warning", e.error = "error", e))(de || {});
-function pe() {
-  const e = /* @__PURE__ */ new Date(), n = e.getHours() < 10 ? `0${e.getHours()}` : e.getHours(), r = e.getMinutes() < 10 ? `0${e.getMinutes()}` : e.getMinutes(), t = e.getSeconds() < 10 ? `0${e.getSeconds()}` : e.getSeconds();
-  return `${n}:${r}:${t}`;
+const ie = /* @__PURE__ */ I(se, [["render", ce]]);
+var ue = /* @__PURE__ */ ((e) => (e.info = "info", e.warning = "warning", e.error = "error", e))(ue || {});
+function de() {
+  const e = new Date(), o = e.getHours() < 10 ? `0${e.getHours()}` : e.getHours(), r = e.getMinutes() < 10 ? `0${e.getMinutes()}` : e.getMinutes(), t = e.getSeconds() < 10 ? `0${e.getSeconds()}` : e.getSeconds();
+  return `${o}:${r}:${t}`;
 }
-function Te(e) {
+function Le(e) {
   return `#link#${JSON.stringify(e)}#link#`;
 }
-function me(e) {
-  const n = /#link#(.+)#link#/g, r = [];
+function pe(e) {
+  const o = /#link#(.+)#link#/g, r = [];
   let t;
-  for (t = n.exec(e); t; ) {
-    const o = document.createElement("a"), a = JSON.parse(t[1]), l = Object.entries(a);
-    for (const [m, u] of l)
-      o.setAttribute(m, u);
-    o.className = "editor_custom_link", o.innerHTML = "logDownload", r.push({
+  for (t = o.exec(e); t; ) {
+    const n = document.createElement("a"), i = JSON.parse(t[1]), a = Object.entries(i);
+    for (const [f, u] of a)
+      n.setAttribute(f, u);
+    n.className = "editor_custom_link", n.innerHTML = "logDownload", r.push({
       start: t.index,
       end: t.index + t[0].length,
-      node: o
-    }), t = n.exec(e);
+      node: n
+    }), t = o.exec(e);
   }
   return r;
 }
-function Ie(e = "", n = "info") {
-  return `#log<${n}>log#${e}#log<${n}>log#`;
+function Te(e = "", o = "info") {
+  return `#log<${o}>log#${e}#log<${o}>log#`;
 }
 function ge(e) {
-  const n = [];
+  const o = [];
   function r() {
     const t = /#log<(\w*)>log#((.|\r\n|\n)*?)#log<(\w*)>log#/g;
-    let o;
-    for (o = t.exec(e); o; ) {
-      const l = o[0].replace(/\r\n/g, `
+    let n;
+    for (n = t.exec(e); n; ) {
+      const a = n[0].replace(/\r\n/g, `
 `).split(`
-`), u = o[2].replace(/\r\n/g, `
+`), u = n[2].replace(/\r\n/g, `
 `).split(`
-`), d = document.createElement("span"), i = o[1];
-      d.className = `c-editor--log__${i}`;
-      let p = 0;
-      for (let c = 0; c < l.length; c++) {
-        const f = l[c], k = u[c], y = d.cloneNode(!1);
-        y.innerText = k, n.push({
-          start: o.index + p,
-          end: o.index + p + f.length,
-          node: y
-        }), p = p + f.length + 1;
+`), m = document.createElement("span"), c = n[1];
+      m.className = `c-editor--log__${c}`;
+      let d = 0;
+      for (let l = 0; l < a.length; l++) {
+        const p = a[l], $ = u[l], w = m.cloneNode(!1);
+        w.innerText = $, o.push({
+          start: n.index + d,
+          end: n.index + d + p.length,
+          node: w
+        }), d = d + p.length + 1;
       }
-      o = t.exec(e);
+      n = t.exec(e);
     }
   }
-  return r(), n;
+  return r(), o;
 }
-function De(e, n) {
-  return `[${pe()}] <${n}> ${e}`;
+function Ie(e, o) {
+  return `[${de()}] <${o}> ${e}`;
 }
-function Ne(e, n, r) {
-  const o = new Array(Math.max(n || 15, 5)).join(r || "=");
-  return `${o}${e}${o}`;
+function De(e, o, r) {
+  const n = new Array(Math.max(o || 15, 5)).join(r || "=");
+  return `${n}${e}${n}`;
 }
@@ -248,3 +248,3 @@ const C = [
 });
-const fe = M({
+const me = M({
   name: "CodemirrorFclog",
@@ -258,3 +258,3 @@ props: {
       type: String,
-      default: `cm-textarea-${+/* @__PURE__ */ new Date()}`
+      default: `cm-textarea-${+new Date()}`
     },
@@ -275,34 +275,34 @@ options: {
   emits: ["update:cminstance", "ready"],
-  setup(e, { emit: n }) {
-    const r = v(), t = v(null), o = (l = e.cminstance) => {
-      l.getAllMarks().forEach((i) => i.clear());
-      const u = l.getValue(), d = [].concat(me(u)).concat(ge(u));
-      for (let i = 0; i < d.length; i++) {
-        const p = d[i];
-        l.markText(
-          l.posFromIndex(p.start),
-          l.posFromIndex(p.end),
-          { replacedWith: p.node }
+  setup(e, { emit: o }) {
+    const r = y(), t = y(null), n = (a = e.cminstance) => {
+      a.getAllMarks().forEach((c) => c.clear());
+      const u = a.getValue(), m = [].concat(pe(u)).concat(ge(u));
+      for (let c = 0; c < m.length; c++) {
+        const d = m[c];
+        a.markText(
+          a.posFromIndex(d.start),
+          a.posFromIndex(d.end),
+          { replacedWith: d.node }
         );
       }
-    }, a = () => {
-      var l;
-      t.value = L(_.fromTextArea(r.value, e.options)), n("update:cminstance", w(t)), (l = t.value) == null || l.on("change", o);
+    }, i = () => {
+      var a;
+      t.value = L(_.fromTextArea(r.value, e.options)), o("update:cminstance", v(t)), (a = t.value) == null || a.on("change", n);
     };
     return x(
       () => e.cminstance,
-      (l) => {
-        var m;
-        l && (o(e.cminstance), (m = e.cminstance) == null || m.setValue(e.value), n("ready", t));
+      (a) => {
+        var f;
+        a && (n(e.cminstance), (f = e.cminstance) == null || f.setValue(e.value), o("ready", t));
       },
       { deep: !0, immediate: !0 }
     ), j(() => {
-      a();
+      i();
     }), {
-      initialize: a,
+      initialize: i,
       textarea: r
     };
   }
-}), he = ["name", "placeholder"];
-function ve(e, n, r, t, o, a) {
+}), fe = ["name", "placeholder"];
+function he(e, o, r, t, n, i) {
   return b(), S("textarea", {
@@ -312,10 +312,10 @@ ref: "textarea",
     placeholder: e.$props.placeholder
-  }, null, 8, he);
+  }, null, 8, fe);
 }
-const ye = /* @__PURE__ */ I(fe, [["render", ve]]), R = {
+const ve = /* @__PURE__ */ I(me, [["render", he]]), R = {
   "update:value": () => !0,
-  change: (e, n) => ({ value: e, cm: n }),
+  change: (e, o) => ({ value: e, cm: o }),
   input: () => !0,
   ready: (e) => e
-}, we = [
+}, ye = [
   "changes",
@@ -339,8 +339,8 @@ "scroll",
   "update"
-], ke = () => {
+], we = () => {
   const e = {};
-  return we.forEach((n) => {
-    e[n] = (...r) => r;
+  return ye.forEach((o) => {
+    e[o] = (...r) => r;
   }), e;
-}, $e = { ...R, ...ke() }, O = {
+}, ke = { ...R, ...we() }, O = {
   mode: "text",
@@ -356,26 +356,26 @@ // Language mode
 };
-function xe(e) {
+function $e(e) {
   Promise.resolve().then(() => {
-    const n = e.getScrollInfo();
-    e.scrollTo(n.left, n.height);
+    const o = e.getScrollInfo();
+    e.scrollTo(o.left, o.height);
   });
 }
-const _e = ({
+const xe = ({
   props: e,
-  cminstance: n,
+  cminstance: o,
   emit: r,
   internalInstance: t,
-  content: o
+  content: n
 }) => {
-  const a = T(
+  const i = T(
     () => {
       var u;
-      return e.merge ? (u = w(n)) == null ? void 0 : u.editor() : w(n);
+      return e.merge ? (u = v(o)) == null ? void 0 : u.editor() : v(o);
     }
-  ), l = () => {
+  ), a = () => {
     const u = [];
-    return Object.keys(t == null ? void 0 : t.vnode.props).forEach((d) => {
-      if (d.startsWith("on")) {
-        const i = d.replace(d[2], d[2].toLowerCase()).slice(2);
-        !R[i] && u.push(i);
+    return Object.keys(t == null ? void 0 : t.vnode.props).forEach((m) => {
+      if (m.startsWith("on")) {
+        const c = m.replace(m[2], m[2].toLowerCase()).slice(2);
+        !R[c] && u.push(c);
       }
@@ -386,12 +386,12 @@ }), u;
     listenerEvents: () => {
-      a.value.on("change", (i) => {
-        const p = i.getValue();
-        p === o.value && p !== "" || (o.value = p, r("update:value", o.value || ""), r("input", o.value || " "), Promise.resolve().then(() => {
-          r("change", o.value, i);
-        }), e.keepCursorInEnd && xe(i));
+      i.value.on("change", (c) => {
+        const d = c.getValue();
+        d === n.value && d !== "" || (n.value = d, r("update:value", n.value || ""), r("input", n.value || " "), Promise.resolve().then(() => {
+          r("change", n.value, c);
+        }), e.keepCursorInEnd && $e(c));
       });
       const u = {};
-      l().filter((i) => !u[i] && (u[i] = !0)).forEach((i) => {
-        a.value.on(i, (...p) => {
-          r(i, ...p);
+      a().filter((c) => !u[c] && (u[c] = !0)).forEach((c) => {
+        i.value.on(c, (...d) => {
+          r(c, ...d);
         });
@@ -402,43 +402,43 @@ });
 };
-function be({ props: e, cminstance: n, presetRef: r }) {
-  const t = v(null), o = v(null), a = T(
+function _e({ props: e, cminstance: o, presetRef: r }) {
+  const t = y(null), n = y(null), i = T(
     () => {
-      var c;
-      return e.merge ? (c = w(n)) == null ? void 0 : c.editor() : w(n);
+      var l;
+      return e.merge ? (l = v(o)) == null ? void 0 : l.editor() : v(o);
     }
-  ), l = () => {
-    Z(() => {
-      var c;
-      (c = a.value) == null || c.refresh();
+  ), a = () => {
+    G(() => {
+      var l;
+      (l = i.value) == null || l.refresh();
     });
-  }, m = (c = e.width, f = e.height) => {
-    var y;
-    t.value = String(c).replace("px", ""), o.value = String(f).replace("px", "");
-    const k = o.value;
-    (y = a.value) == null || y.setSize(t.value, k);
+  }, f = (l = e.width, p = e.height) => {
+    var w;
+    t.value = String(l).replace("px", ""), n.value = String(p).replace("px", "");
+    const $ = n.value;
+    (w = i.value) == null || w.setSize(t.value, $);
   }, u = () => {
-    var f;
-    const c = (f = a.value) == null ? void 0 : f.getWrapperElement();
-    c == null || c.remove();
-  }, d = () => {
-    var f, k, y;
-    const c = (f = a.value) == null ? void 0 : f.getDoc().getHistory();
-    (k = r.value) == null || k.initialize(), u(), (y = a.value) == null || y.getDoc().setHistory(c);
-  }, i = () => {
-    const c = document.querySelector(".CodeMirror-gutters");
-    return (c == null ? void 0 : c.style.left.replace("px", "")) !== "0";
+    var p;
+    const l = (p = i.value) == null ? void 0 : p.getWrapperElement();
+    l == null || l.remove();
+  }, m = () => {
+    var p, $, w;
+    const l = (p = i.value) == null ? void 0 : p.getDoc().getHistory();
+    ($ = r.value) == null || $.initialize(), u(), (w = i.value) == null || w.getDoc().setHistory(l);
+  }, c = () => {
+    const l = document.querySelector(".CodeMirror-gutters");
+    return (l == null ? void 0 : l.style.left.replace("px", "")) !== "0";
   };
   return {
-    reload: d,
-    refresh: l,
-    resize: m,
+    reload: m,
+    refresh: a,
+    resize: f,
     destroy: u,
-    containerHeight: o,
+    containerHeight: n,
     reviseStyle: () => {
-      if (l(), !i())
+      if (a(), !c())
         return;
-      const c = setInterval(() => {
-        i() ? l() : clearInterval(c);
-      }, 60), f = setTimeout(() => {
-        clearInterval(c), clearTimeout(f);
+      const l = setInterval(() => {
+        c() ? a() : clearInterval(l);
+      }, 60), p = setTimeout(() => {
+        clearInterval(l), clearTimeout(p);
       }, 400);
@@ -504,5 +504,6 @@ }
   },
-  emits: $e,
-  setup(e, { expose: n, emit: r }) {
+  emits: ke,
+  setup(e, { expose: o, emit: r }) {
     var N, A;
+    const t = e;
     typeof Object.assign != "function" && Object.defineProperty(Object, "assign", {
@@ -514,6 +515,6 @@ value(s) {
         for (let h = 1; h < arguments.length; h++) {
-          const $ = arguments[h];
-          if ($ != null)
-            for (const E in $)
-              Object.prototype.hasOwnProperty.call($, E) && (g[E] = $[E]);
+          const k = arguments[h];
+          if (k != null)
+            for (const E in k)
+              Object.prototype.hasOwnProperty.call(k, E) && (g[E] = k[E]);
         }
@@ -525,26 +526,26 @@ return g;
     });
-    const t = e, o = r, a = v(null), l = v(""), m = q(V), u = v({
+    const n = y(null), i = y(""), a = Z(V), f = y({
       ...O,
       ...t.globalOptions,
       ...t.options
-    }), d = K(), i = t.name || ((A = (N = d == null ? void 0 : d.parent) == null ? void 0 : N.type) == null ? void 0 : A.name) || void 0, p = v(null), c = T(
+    }), u = q(), m = t.name || ((A = (N = u == null ? void 0 : u.parent) == null ? void 0 : N.type) == null ? void 0 : A.name) || void 0, c = y(null), d = T(
       () => {
         var s;
-        return t.merge ? (s = w(a)) == null ? void 0 : s.editor() : w(a);
+        return t.merge ? (s = v(n)) == null ? void 0 : s.editor() : v(n);
       }
-    ), { refresh: f, resize: k, destroy: y, containerHeight: B, reviseStyle: P } = be({
+    ), { refresh: l, resize: p, destroy: $, containerHeight: w, reviseStyle: B } = _e({
       props: t,
-      cminstance: a,
-      presetRef: p
-    }), { listenerEvents: U } = _e({
+      cminstance: n,
+      presetRef: c
+    }), { listenerEvents: P } = xe({
       props: t,
-      cminstance: a,
-      emit: o,
-      internalInstance: d,
-      content: l
+      cminstance: n,
+      emit: r,
+      internalInstance: u,
+      content: i
     }), D = () => {
       t.unseenLines !== void 0 && t.marker !== void 0 && t.unseenLines.forEach((s) => {
-        var h, $;
-        const g = (h = a.value) == null ? void 0 : h.lineInfo(s);
-        ($ = a.value) == null || $.setGutterMarker(
+        var h, k;
+        const g = (h = n.value) == null ? void 0 : h.lineInfo(s);
+        (k = n.value) == null || k.setGutterMarker(
           s,
@@ -555,24 +556,24 @@ "breakpoints",
       });
-    }, W = (s) => {
-      var h, $;
-      const g = (h = a.value) == null ? void 0 : h.getValue();
-      s !== g && (($ = a.value) == null || $.setValue(s), l.value = s, P()), D();
-    }, J = () => {
-      U(), D(), k(t.width, t.height), o("ready", a.value), x(
+    }, U = (s) => {
+      var h, k;
+      const g = (h = n.value) == null ? void 0 : h.getValue();
+      s !== g && ((k = n.value) == null || k.setValue(s), i.value = s, B()), D();
+    }, W = () => {
+      P(), D(), p(t.width, t.height), r("ready", n.value), x(
         [() => t.width, () => t.height],
         ([s, g]) => {
-          k(s, g);
+          p(s, g);
         },
         { deep: !0 }
       );
-    }, G = () => {
+    }, J = () => {
       if (t.options.mode === "fclog" || t.options.mode === "log") {
-        m.value = ye;
+        a.value = ve;
         return;
       }
       if (t.merge) {
-        m.value = ue;
+        a.value = ie;
         return;
       }
-      m.value = V;
+      a.value = V;
     };
@@ -584,5 +585,5 @@ return x(
         for (const h in t.options)
-          (g = c.value) == null || g.setOption(
+          (g = d.value) == null || g.setOption(
             h,
-            w(s[h])
+            v(s[h])
           );
@@ -594,13 +595,13 @@ },
       (s) => {
-        W(s);
+        U(s);
       }
-    ), x(() => t.merge, G, { immediate: !0 }), Q(() => {
-      y();
-    }), n({
-      cminstance: a,
-      resize: k,
-      refresh: f,
-      destroy: y
+    ), x(() => t.merge, J, { immediate: !0 }), K(() => {
+      $();
+    }), o({
+      cminstance: n,
+      resize: p,
+      refresh: l,
+      destroy: $
     }), (s, g) => (b(), S("div", {
-      class: X(["codemirror-container", {
+      class: Q(["codemirror-container", {
         merge: s.$props.merge,
@@ -612,11 +613,11 @@ bordered: s.$props.border || s.$props.merge && !t.originalStyle,
       }]),
-      style: Y({
-        height: w(B) + "px"
+      style: X({
+        height: v(w) + "px"
       })
     }, [
-      (b(), ee(te(m.value), ne({
+      (b(), Y(ee(v(a)), te({
         ref_key: "presetRef",
-        ref: p,
-        cminstance: a.value,
-        "onUpdate:cminstance": g[0] || (g[0] = (h) => a.value = h),
+        ref: c,
+        cminstance: n.value,
+        "onUpdate:cminstance": g[0] || (g[0] = (h) => n.value = h),
         style: { height: "100%" }
@@ -626,10 +627,10 @@ }, {
         ...s.$attrs,
-        options: u.value,
-        name: w(i),
-        content: l.value
-      }, { onReady: J }), null, 16, ["cminstance"]))
+        options: f.value,
+        name: v(m),
+        content: i.value
+      }, { onReady: W }), null, 16, ["cminstance"]))
     ], 6));
   }
 });
-const z = (e, n) => (n && n.options && (F.props.globalOptions.default = () => n.options), e.component((n == null ? void 0 : n.componentName) || "Codemirror", F), e), Ae = window.CodeMirror || _, Ve = z, Fe = z;
+const z = (e, o) => (o && o.options && (F.props.globalOptions.default = () => o.options), e.component((o == null ? void 0 : o.componentName) || "Codemirror", F), e), Ne = window.CodeMirror || _, Ae = z, Ve = z;
 function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.codemirror-container {
@@ -698,15 +699,15 @@ position: relative;
 export {
-  Ae as CodeMirror,
-  Ve as GlobalCmComponent,
-  Fe as InstallCodemirro,
+  Ne as CodeMirror,
+  Ae as GlobalCmComponent,
+  Ve as InstallCodemirro,
   F as VueCodemirror,
-  Te as createLinkMark,
-  De as createLog,
-  Ie as createLogMark,
-  Ne as createTitle,
+  Le as createLinkMark,
+  Ie as createLog,
+  Te as createLogMark,
+  De as createTitle,
   F as default,
-  me as getLinkMarks,
-  pe as getLocalTime,
+  pe as getLinkMarks,
+  de as getLocalTime,
   ge as getLogMark,
-  de as logErrorType
+  ue as logErrorType
 };

dist/packages/src/components/index.vue.d.ts

@@ -1,2 +0,2 @@
-import type { PropType } from "vue";
+import type { Ref, PropType } from "vue";
 import type { Editor, EditorConfiguration } from "codemirror";
@@ -68,3 +68,243 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    cminstance: Ref<{
+        hasFocus: () => boolean;
+        findPosH: (start: import("codemirror").Position, amount: number, unit: string, visually: boolean) => {
+            line: number;
+            ch: number;
+            hitSide?: boolean | undefined;
+        };
+        findPosV: (start: import("codemirror").Position, amount: number, unit: string) => {
+            line: number;
+            ch: number;
+            hitSide?: boolean | undefined;
+        };
+        findWordAt: (pos: import("codemirror").Position) => import("codemirror").Range;
+        setOption: <K extends keyof EditorConfiguration>(option: K, value: EditorConfiguration[K]) => void;
+        getOption: <K_1 extends keyof EditorConfiguration>(option: K_1) => EditorConfiguration[K_1];
+        addKeyMap: (map: string | import("codemirror").KeyMap, bottom?: boolean | undefined) => void;
+        removeKeyMap: (map: string | import("codemirror").KeyMap) => void;
+        addOverlay: (mode: any, options?: {
+            opaque?: boolean | undefined;
+            priority?: number | undefined;
+        } | undefined) => void;
+        removeOverlay: (mode: any) => void;
+        getDoc: () => import("codemirror").Doc;
+        swapDoc: (doc: import("codemirror").Doc) => import("codemirror").Doc;
+        getValue: (seperator?: string | undefined) => string;
+        setValue: (content: string) => void;
+        getCursor: (start?: string | undefined) => import("codemirror").Position;
+        setCursor: (pos: number | import("codemirror").Position, ch?: number | undefined, options?: {
+            bias?: number | undefined;
+            origin?: string | undefined;
+            scroll?: boolean | undefined;
+        } | undefined) => void;
+        setGutterMarker: (line: any, gutterID: string, value: HTMLElement | null) => import("codemirror").LineHandle;
+        clearGutter: (gutterID: string) => void;
+        addLineClass: (line: any, where: string, _class_: string) => import("codemirror").LineHandle;
+        removeLineClass: (line: any, where: string, class_?: string | undefined) => import("codemirror").LineHandle;
+        lineAtHeight: (height: number, mode?: import("codemirror").CoordsMode | undefined) => number;
+        heightAtLine: (line: any, mode?: import("codemirror").CoordsMode | undefined, includeWidgets?: boolean | undefined) => number;
+        lineInfo: (line: any) => {
+            line: any;
+            handle: any;
+            text: string;
+            gutterMarkers: any;
+            textClass: string;
+            bgClass: string;
+            wrapClass: string;
+            widgets: any;
+        };
+        addWidget: (pos: import("codemirror").Position, node: HTMLElement, scrollIntoView: boolean) => void;
+        addLineWidget: (line: any, node: HTMLElement, options?: import("codemirror").LineWidgetOptions | undefined) => import("codemirror").LineWidget;
+        setSize: (width: any, height: any) => void;
+        scrollTo: (x?: number | null | undefined, y?: number | null | undefined) => void;
+        getScrollInfo: () => import("codemirror").ScrollInfo;
+        scrollIntoView: (pos: import("codemirror").Position | {
+            line: number;
+            ch: number;
+        } | {
+            left: number;
+            top: number;
+            right: number;
+            bottom: number;
+        } | {
+            from: import("codemirror").Position;
+            to: import("codemirror").Position;
+        } | null, margin?: number | undefined) => void;
+        cursorCoords: (where?: boolean | import("codemirror").Position | null | undefined, mode?: import("codemirror").CoordsMode | undefined) => {
+            left: number;
+            top: number;
+            bottom: number;
+        };
+        charCoords: (pos: import("codemirror").Position, mode?: import("codemirror").CoordsMode | undefined) => {
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+        };
+        coordsChar: (object: {
+            left: number;
+            top: number;
+        }, mode?: import("codemirror").CoordsMode | undefined) => import("codemirror").Position;
+        defaultTextHeight: () => number;
+        defaultCharWidth: () => number;
+        getViewport: () => {
+            from: number;
+            to: number;
+        };
+        refresh: () => void;
+        getModeAt: (pos: import("codemirror").Position) => import("codemirror").Mode<unknown>;
+        getTokenAt: (pos: import("codemirror").Position, precise?: boolean | undefined) => import("codemirror").Token;
+        getTokenTypeAt: (pos: import("codemirror").Position) => string;
+        getLineTokens: (line: number, precise?: boolean | undefined) => import("codemirror").Token[];
+        getStateAfter: (line?: number | undefined) => any;
+        operation: <T>(fn: () => T) => T;
+        startOperation: () => void;
+        endOperation: () => void;
+        indentLine: (line: number, dir?: string | undefined) => void;
+        indentSelection: (how: string) => void;
+        isReadOnly: () => boolean;
+        toggleOverwrite: (value?: boolean | undefined) => void;
+        execCommand: (name: string) => void;
+        focus: () => void;
+        phrase: (text: string) => unknown;
+        getInputField: () => HTMLTextAreaElement;
+        getWrapperElement: () => HTMLElement;
+        getScrollerElement: () => HTMLElement;
+        getGutterElement: () => HTMLElement;
+        on: {
+            <T_1 extends keyof import("codemirror").EditorEventMap>(eventName: T_1, handler: import("codemirror").EditorEventMap[T_1]): void;
+            <K_2 extends "mousedown" | "dblclick" | "touchstart" | "contextmenu" | "keydown" | "keypress" | "keyup" | "dragstart" | "dragenter" | "dragover" | "dragleave" | "drop">(eventName: K_2, handler: (instance: Editor, event: GlobalEventHandlersEventMap[K_2]) => void): void;
+        };
+        off: {
+            <T_2 extends keyof import("codemirror").EditorEventMap>(eventName: T_2, handler: import("codemirror").EditorEventMap[T_2]): void;
+            <K_3 extends "mousedown" | "dblclick" | "touchstart" | "contextmenu" | "keydown" | "keypress" | "keyup" | "dragstart" | "dragenter" | "dragover" | "dragleave" | "drop">(eventName: K_3, handler: (instance: Editor, event: GlobalEventHandlersEventMap[K_3]) => void): void;
+        };
+        state: any;
+        modeOption: string | {
+            highlightNonStandardPropertyKeywords?: boolean | undefined;
+            version?: 2 | 3 | undefined;
+            singleLineStringErrors?: boolean | undefined;
+            hangingIndent?: number | undefined;
+            singleOperators?: unknown;
+            singleDelimiters?: unknown;
+            doubleOperators?: unknown;
+            doubleDelimiters?: unknown;
+            tripleDelimiters?: unknown;
+            identifiers?: unknown;
+            extra_keywords?: string[] | undefined;
+            extra_builtins?: string[] | undefined;
+            useCPP?: boolean | undefined;
+            base?: string | undefined;
+            tags?: {
+                [key: string]: unknown;
+            } | undefined;
+            json?: boolean | undefined;
+            jsonld?: boolean | undefined;
+            typescript?: boolean | undefined;
+            trackScope?: boolean | undefined;
+            statementIndent?: boolean | undefined;
+            wordCharacters?: unknown;
+            highlightFormatting?: boolean | undefined;
+            maxBlockquoteDepth?: boolean | undefined;
+            xml?: boolean | undefined;
+            fencedCodeBlockHighlighting?: boolean | undefined;
+            fencedCodeBlockDefaultMode?: string | undefined;
+            tokenTypeOverrides?: unknown;
+            allowAtxHeaderWithoutSpace?: boolean | undefined;
+            gitHubSpice?: boolean | undefined;
+            taskLists?: boolean | undefined;
+            strikethrough?: boolean | undefined;
+            emoji?: boolean | undefined;
+            leftDelimiter?: string | undefined;
+            rightDelimiter?: string | undefined;
+            baseMode?: string | undefined;
+            inMathMode?: boolean | undefined;
+            noIndentKeywords?: unknown;
+            atoms?: unknown;
+            hooks?: unknown;
+            multiLineStrings?: boolean | undefined;
+            htmlMode?: boolean | undefined;
+            matchClosing?: boolean | undefined;
+            alignCDATA?: boolean | undefined;
+            name: string;
+        };
+        getRange: (from: import("codemirror").Position, to: import("codemirror").Position, seperator?: string | undefined) => string;
+        replaceRange: (replacement: string | string[], from: import("codemirror").Position, to?: import("codemirror").Position | undefined, origin?: string | undefined) => void;
+        getLine: (n: number) => string;
+        setLine: (n: number, text: string) => void;
+        removeLine: (n: number) => void;
+        lineCount: () => number;
+        firstLine: () => number;
+        lastLine: () => number;
+        getLineHandle: (num: number) => import("codemirror").LineHandle;
+        getLineNumber: (handle: import("codemirror").LineHandle) => number | null;
+        eachLine: {
+            (f: (line: import("codemirror").LineHandle) => void): void;
+            (start: number, end: number, f: (line: import("codemirror").LineHandle) => void): void;
+        };
+        markClean: () => void;
+        changeGeneration: (closeEvent?: boolean | undefined) => number;
+        isClean: (generation?: number | undefined) => boolean;
+        getSelection: () => string;
+        getSelections: (lineSep?: string | undefined) => string[];
+        replaceSelection: (replacement: string, collapse?: string | undefined) => void;
+        replaceSelections: (replacements: string[], collapse?: string | undefined) => void;
+        listSelections: () => import("codemirror").Range[];
+        somethingSelected: () => boolean;
+        setSelection: (anchor: import("codemirror").Position, head?: import("codemirror").Position | undefined, options?: {
+            bias?: number | undefined;
+            origin?: string | undefined;
+            scroll?: boolean | undefined;
+        } | undefined) => void;
+        setSelections: (ranges: {
+            anchor: import("codemirror").Position;
+            head: import("codemirror").Position;
+        }[], primary?: number | undefined, options?: import("codemirror").SelectionOptions | undefined) => void;
+        addSelection: (anchor: import("codemirror").Position, head?: import("codemirror").Position | undefined) => void;
+        extendSelection: (from: import("codemirror").Position, to?: import("codemirror").Position | undefined, options?: import("codemirror").SelectionOptions | undefined) => void;
+        extendSelections: (heads: import("codemirror").Position[], options?: import("codemirror").SelectionOptions | undefined) => void;
+        extendSelectionsBy: (f: (range: import("codemirror").Range) => import("codemirror").Position) => void;
+        setExtending: (value: boolean) => void;
+        getExtending: () => boolean;
+        linkedDoc: (options: {
+            sharedHist?: boolean | undefined;
+            from?: number | undefined;
+            to?: number | undefined;
+            mode?: string | import("codemirror").ModeSpec<import("codemirror").ModeSpecOptions> | undefined;
+        }) => import("codemirror").Doc;
+        unlinkDoc: (doc: import("codemirror").Doc) => void;
+        iterLinkedDocs: (fn: (doc: import("codemirror").Doc, sharedHist: boolean) => void) => void;
+        undo: () => void;
+        redo: () => void;
+        undoSelection: () => void;
+        redoSelection: () => void;
+        historySize: () => {
+            undo: number;
+            redo: number;
+        };
+        clearHistory: () => void;
+        getHistory: () => any;
+        setHistory: (history: any) => void;
+        markText: (from: import("codemirror").Position, to: import("codemirror").Position, options?: import("codemirror").TextMarkerOptions | undefined) => import("codemirror").TextMarker<import("codemirror").MarkerRange>;
+        setBookmark: (pos: import("codemirror").Position, options?: {
+            widget?: HTMLElement | undefined;
+            insertLeft?: boolean | undefined;
+            shared?: boolean | undefined;
+            handleMouseEvents?: boolean | undefined;
+        } | undefined) => import("codemirror").TextMarker<import("codemirror").Position>;
+        findMarks: (from: import("codemirror").Position, to: import("codemirror").Position) => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[];
+        findMarksAt: (pos: import("codemirror").Position) => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[];
+        getAllMarks: () => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[];
+        removeLineWidget: (widget: import("codemirror").LineWidget) => void;
+        getMode: () => import("codemirror").Mode<unknown>;
+        lineSeparator: () => string;
+        posFromIndex: (index: number) => import("codemirror").Position;
+        indexFromPos: (object: import("codemirror").Position) => number;
+    } | null>;
+    resize: (width?: string | number | null, height?: string | number | null) => void;
+    refresh: () => void;
+    destroy: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     changes: (instance: Editor, changes: import("codemirror").EditorChange[]) => void;
@@ -97,3 +337,3 @@ beforeChange: (instance: Editor, changeObj: import("codemirror").EditorChangeCancellable) => void;
     ready: (cm: Editor) => Editor;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -202,3 +442,3 @@ type: PropType<string>;
     unseenLines: any[];
-}, {}>;
+}>;
 export default _sfc_main;

dist/packages/src/components/presetMode/default/index.vue.d.ts

@@ -34,3 +34,3 @@ import type { PropType } from "vue";
     "update:cminstance": (instance: Editor) => Editor | null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
@@ -68,5 +68,5 @@ type: PropType<string>;
     name: string;
+    cminstance: Editor | null;
     content: string;
-    cminstance: Editor | null;
-}, {}>;
+}>;
 export default _sfc_main;

dist/packages/src/components/presetMode/log/index.vue.d.ts

@@ -27,3 +27,3 @@ import type { PropType } from "vue";
     textarea: globalThis.Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ready" | "update:cminstance")[], "ready" | "update:cminstance", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ready" | "update:cminstance")[], "ready" | "update:cminstance", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -58,3 +58,3 @@ type: PropType<string>;
     cminstance: Editor | null;
-}, {}>;
+}>;
 export default _sfc_main;

dist/packages/src/components/presetMode/Merge/index.vue.d.ts

@@ -15,3 +15,3 @@ import type { Editor, EditorConfiguration } from "codemirror";
     initialize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ready" | "update:cminstance")[], "ready" | "update:cminstance", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ready" | "update:cminstance")[], "ready" | "update:cminstance", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
@@ -31,3 +31,3 @@ type: PropType<EditorConfiguration>;
     cminstance: Editor | null;
-}, {}>;
+}>;
 export default _sfc_main;

dist/packages/src/hooks/useEvents.d.ts

@@ -13,5 +13,5 @@ import type { Editor } from "codemirror";
 export declare function scrollToEnd(cm: Editor): void;
-declare const useEvents: ({ props, cminstance, emit, internalInstance, content }: UseEventsParams) => {
+declare const useEvents: ({ props, cminstance, emit, internalInstance, content, }: UseEventsParams) => {
     listenerEvents: () => void;
 };
 export { useEvents };

package.json

 {
   "name": "codemirror-editor-vue3",
   "description": "CodeMirror component for Vue3",
-  "version": "2.4.0-beta.0",
+  "version": "2.4.0-beta.1",
   "license": "MIT",
@@ -68,10 +68,10 @@ "files": [
     "@commitlint/config-conventional": "^16.0.0",
-    "@types/codemirror": "^5.60.13",
-    "@types/diff-match-patch": "^1.0.36",
-    "@types/node": "^16.18.60",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^6.10.0",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.2",
-    "@vue/cli-plugin-typescript": "~4.5.19",
+    "@types/codemirror": "^5.60.5",
+    "@types/diff-match-patch": "^1.0.32",
+    "@types/node": "^16.11.13",
+    "@typescript-eslint/eslint-plugin": "^5.54.0",
+    "@typescript-eslint/parser": "^5.54.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
+    "@vue/cli-plugin-typescript": "~4.5.15",
     "chalk": "^4.1.2",
@@ -81,30 +81,30 @@ "conventional-changelog-cli": "^2.0.31",
     "diff-match-patch": "^1.0.5",
-    "eslint": "^8.53.0",
+    "eslint": "^8.35.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^9.18.1",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.9.0",
     "execa": "^7.0.0",
-    "less": "^4.2.0",
+    "less": "^4.1.3",
     "lint-staged": "^10.2.10",
     "minimist": "^1.2.6",
     "picocolors": "^1.0.0",
-    "prettier": "^3.0.3",
+    "prettier": "^2.8.4",
     "prompts": "^2.4.2",
     "rollup-plugin-vue": "^6.0.0",
     "semver": "^7.3.5",
-    "tsx": "^3.14.0",
+    "tsx": "^3.12.3",
     "enquirer": "^2.3.6",
-    "typescript": "^5.2.2",
-    "unplugin-auto-import": "^0.15.3",
-    "vite": "^4.5.0",
-    "vite-plugin-checker": "^0.6.2",
-    "vite-plugin-dts": "^2.3.0",
-    "vite-plugin-pages": "^0.31.0",
-    "vite-plugin-windicss": "^1.9.1",
+    "typescript": "^4.9.5",
+    "unplugin-auto-import": "^0.15.0",
+    "vite": "^4.1.4",
+    "vite-plugin-checker": "^0.5.6",
+    "vite-plugin-dts": "^2.0.2",
+    "vite-plugin-pages": "^0.28.0",
+    "vite-plugin-windicss": "^1.8.10",
     "vitepress": "1.0.0-alpha.49",
-    "vue": "^3.3.8",
-    "vue-router": "^4.2.5",
-    "vue-tsc": "^1.8.22",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.2.0",
     "windicss": "^3.5.6",
@@ -111,0 +111,0 @@ "yorkie-pnpm": "^2.0.1"

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

83724

increased by18.61%

Lines of code

1614

increased by17.55%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes