@stonecrop/code-editor 0.13.2 → 0.13.4

package/dist/code-editor.css

@@ -1 +1 @@
-#editor-container{width:100%;height:100%}
+.a-code-editor[data-v-27d090ea]{width:100%;overflow:hidden}

package/dist/code-editor.js

@@ -1,39 +1,39 @@
-import { defineComponent as C, useTemplateRef as $, onMounted as x, openBlock as q, createElementBlock as D } from "vue";
-function y(e, n) {
+import { defineComponent as x, useModel as $, useTemplateRef as D, shallowRef as q, watch as k, onMounted as M, onUnmounted as B, openBlock as R, createElementBlock as L, normalizeStyle as V, mergeModels as z } from "vue";
+function O(e, n) {
   (n == null || n > e.length) && (n = e.length);
   for (var r = 0, t = Array(n); r < n; r++) t[r] = e[r];
   return t;
 }
-function B(e) {
+function H(e) {
   if (Array.isArray(e)) return e;
 }
-function L(e, n, r) {
-  return (n = W(n)) in e ? Object.defineProperty(e, n, {
+function N(e, n, r) {
+  return (n = Y(n)) in e ? Object.defineProperty(e, n, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[n] = r, e;
 }
-function R(e, n) {
+function F(e, n) {
   var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (r != null) {
-    var t, o, i, c, u = [], a = !0, d = !1;
+    var t, o, i, a, c = [], u = !0, d = !1;
     try {
-      if (i = (r = r.call(e)).next, n !== 0) for (; !(a = (t = i.call(r)).done) && (u.push(t.value), u.length !== n); a = !0) ;
+      if (i = (r = r.call(e)).next, n !== 0) for (; !(u = (t = i.call(r)).done) && (c.push(t.value), c.length !== n); u = !0) ;
     } catch (h) {
       d = !0, o = h;
     } finally {
       try {
-        if (!a && r.return != null && (c = r.return(), Object(c) !== c)) return;
+        if (!u && r.return != null && (a = r.return(), Object(a) !== a)) return;
       } finally {
         if (d) throw o;
       }
     }
-    return u;
+    return c;
   }
 }
-function H() {
+function U() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
@@ -51,23 +51,23 @@ function j(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
     n % 2 ? w(Object(r), !0).forEach(function(t) {
-      L(e, t, r[t]);
+      N(e, t, r[t]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : w(Object(r)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
     });
   }
   return e;
 }
-function M(e, n) {
+function W(e, n) {
   if (e == null) return {};
-  var r, t, o = z(e, n);
+  var r, t, o = G(e, n);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (t = 0; t < i.length; t++) r = i[t], n.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
   }
   return o;
 }
-function z(e, n) {
+function G(e, n) {
   if (e == null) return {};
   var r = {};
   for (var t in e) if ({}.hasOwnProperty.call(e, t)) {
@@ -76,10 +76,10 @@ function z(e, n) {
   }
   return r;
 }
-function _(e, n) {
-  return B(e) || R(e, n) || G(e, n) || H();
+function K(e, n) {
+  return H(e) || F(e, n) || Q(e, n) || U();
 }
-function F(e, n) {
+function J(e, n) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -89,18 +89,18 @@ function F(e, n) {
   }
   return (n === "string" ? String : Number)(e);
 }
-function W(e) {
-  var n = F(e, "string");
+function Y(e) {
+  var n = J(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function G(e, n) {
+function Q(e, n) {
   if (e) {
-    if (typeof e == "string") return y(e, n);
+    if (typeof e == "string") return O(e, n);
     var r = {}.toString.call(e).slice(8, -1);
-    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? y(e, n) : void 0;
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? O(e, n) : void 0;
   }
 }
-function K(e, n, r) {
+function X(e, n, r) {
   return n in e ? Object.defineProperty(e, n, {
     value: r,
     enumerable: !0,
@@ -108,7 +108,7 @@ function K(e, n, r) {
     writable: !0
   }) : e[n] = r, e;
 }
-function O(e, n) {
+function S(e, n) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
@@ -118,18 +118,18 @@ function O(e, n) {
   }
   return r;
 }
-function S(e) {
+function P(e) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? O(Object(r), !0).forEach(function(t) {
-      K(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : O(Object(r)).forEach(function(t) {
+    n % 2 ? S(Object(r), !0).forEach(function(t) {
+      X(e, t, r[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : S(Object(r)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
     });
   }
   return e;
 }
-function N() {
+function Z() {
   for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
     n[r] = arguments[r];
   return function(t) {
@@ -143,44 +143,44 @@ function l(e) {
     for (var r = this, t = arguments.length, o = new Array(t), i = 0; i < t; i++)
       o[i] = arguments[i];
     return o.length >= e.length ? e.apply(this, o) : function() {
-      for (var c = arguments.length, u = new Array(c), a = 0; a < c; a++)
-        u[a] = arguments[a];
-      return n.apply(r, [].concat(o, u));
+      for (var a = arguments.length, c = new Array(a), u = 0; u < a; u++)
+        c[u] = arguments[u];
+      return n.apply(r, [].concat(o, c));
     };
   };
 }
-function m(e) {
+function p(e) {
   return {}.toString.call(e).includes("Object");
 }
-function U(e) {
+function _(e) {
   return !Object.keys(e).length;
 }
 function s(e) {
   return typeof e == "function";
 }
-function Y(e, n) {
+function ee(e, n) {
   return Object.prototype.hasOwnProperty.call(e, n);
 }
-function J(e, n) {
-  return m(n) || f("changeType"), Object.keys(n).some(function(r) {
-    return !Y(e, r);
+function ne(e, n) {
+  return p(n) || f("changeType"), Object.keys(n).some(function(r) {
+    return !ee(e, r);
   }) && f("changeField"), n;
 }
-function Q(e) {
+function re(e) {
   s(e) || f("selectorType");
 }
-function V(e) {
-  s(e) || m(e) || f("handlerType"), m(e) && Object.values(e).some(function(n) {
+function te(e) {
+  s(e) || p(e) || f("handlerType"), p(e) && Object.values(e).some(function(n) {
     return !s(n);
   }) && f("handlersType");
 }
-function X(e) {
-  e || f("initialIsRequired"), m(e) || f("initialType"), U(e) && f("initialContent");
+function oe(e) {
+  e || f("initialIsRequired"), p(e) || f("initialType"), _(e) && f("initialContent");
 }
-function Z(e, n) {
+function ie(e, n) {
   throw new Error(e[n] || e.default);
 }
-var ee = {
+var ae = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -190,76 +190,76 @@ var ee = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, f = l(Z)(ee), p = {
-  changes: J,
-  selector: Q,
-  handler: V,
-  initial: X
+}, f = l(ie)(ae), m = {
+  changes: ne,
+  selector: re,
+  handler: te,
+  initial: oe
 };
-function ne(e) {
+function ue(e) {
   var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  p.initial(e), p.handler(n);
+  m.initial(e), m.handler(n);
   var r = {
     current: e
-  }, t = l(oe)(r, n), o = l(te)(r), i = l(p.changes)(e), c = l(re)(r);
-  function u() {
+  }, t = l(de)(r, n), o = l(fe)(r), i = l(m.changes)(e), a = l(ce)(r);
+  function c() {
     var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(h) {
       return h;
     };
-    return p.selector(d), d(r.current);
+    return m.selector(d), d(r.current);
   }
-  function a(d) {
-    N(t, o, i, c)(d);
+  function u(d) {
+    Z(t, o, i, a)(d);
   }
-  return [u, a];
+  return [c, u];
 }
-function re(e, n) {
+function ce(e, n) {
   return s(n) ? n(e.current) : n;
 }
-function te(e, n) {
-  return e.current = S(S({}, e.current), n), n;
+function fe(e, n) {
+  return e.current = P(P({}, e.current), n), n;
 }
-function oe(e, n, r) {
+function de(e, n, r) {
   return s(n) ? n(e.current) : Object.keys(r).forEach(function(t) {
     var o;
     return (o = n[t]) === null || o === void 0 ? void 0 : o.call(n, e.current[t]);
   }), r;
 }
-var ie = {
-  create: ne
-}, ae = {
+var le = {
+  create: ue
+}, se = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
   }
 };
-function ce(e) {
+function ge(e) {
   return function n() {
     for (var r = this, t = arguments.length, o = new Array(t), i = 0; i < t; i++)
       o[i] = arguments[i];
     return o.length >= e.length ? e.apply(this, o) : function() {
-      for (var c = arguments.length, u = new Array(c), a = 0; a < c; a++)
-        u[a] = arguments[a];
-      return n.apply(r, [].concat(o, u));
+      for (var a = arguments.length, c = new Array(a), u = 0; u < a; u++)
+        c[u] = arguments[u];
+      return n.apply(r, [].concat(o, c));
     };
   };
 }
-function ue(e) {
+function me(e) {
   return {}.toString.call(e).includes("Object");
 }
-function fe(e) {
-  return e || P("configIsRequired"), ue(e) || P("configType"), e.urls ? (de(), {
+function pe(e) {
+  return e || I("configIsRequired"), me(e) || I("configType"), e.urls ? (be(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function de() {
-  console.warn(I.deprecation);
+function be() {
+  console.warn(E.deprecation);
 }
-function le(e, n) {
+function he(e, n) {
   throw new Error(e[n] || e.default);
 }
-var I = {
+var E = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -273,53 +273,53 @@ var I = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, P = ce(le)(I), se = {
-  config: fe
-}, ge = function() {
+}, I = ge(he)(E), ve = {
+  config: pe
+}, ye = function() {
   for (var n = arguments.length, r = new Array(n), t = 0; t < n; t++)
     r[t] = arguments[t];
   return function(o) {
-    return r.reduceRight(function(i, c) {
-      return c(i);
+    return r.reduceRight(function(i, a) {
+      return a(i);
     }, o);
   };
 };
-function E(e, n) {
+function T(e, n) {
   return Object.keys(n).forEach(function(r) {
-    n[r] instanceof Object && e[r] && Object.assign(n[r], E(e[r], n[r]));
+    n[r] instanceof Object && e[r] && Object.assign(n[r], T(e[r], n[r]));
   }), j(j({}, e), n);
 }
-var pe = {
+var ke = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
 function v(e) {
   var n = !1, r = new Promise(function(t, o) {
     e.then(function(i) {
-      return n ? o(pe) : t(i);
+      return n ? o(ke) : t(i);
     }), e.catch(o);
   });
   return r.cancel = function() {
     return n = !0;
   }, r;
 }
-var me = ["monaco"], be = ie.create({
-  config: ae,
+var Oe = ["monaco"], we = le.create({
+  config: se,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), T = _(be, 2), g = T[0], b = T[1];
-function he(e) {
-  var n = se.config(e), r = n.monaco, t = M(n, me);
+}), A = K(we, 2), g = A[0], b = A[1];
+function je(e) {
+  var n = ve.config(e), r = n.monaco, t = W(n, Oe);
   b(function(o) {
     return {
-      config: E(o.config, t),
+      config: T(o.config, t),
       monaco: r
     };
   });
 }
-function ve() {
+function Se() {
   var e = g(function(n) {
     var r = n.monaco, t = n.isInitialized, o = n.resolve;
     return {
@@ -332,33 +332,33 @@ function ve() {
     if (b({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), v(k);
+      return e.resolve(e.monaco), v(y);
     if (window.monaco && window.monaco.editor)
-      return A(window.monaco), e.resolve(window.monaco), v(k);
-    ge(ke, we)(je);
+      return C(window.monaco), e.resolve(window.monaco), v(y);
+    ye(Pe, Ee)(Te);
   }
-  return v(k);
+  return v(y);
 }
-function ke(e) {
+function Pe(e) {
   return document.body.appendChild(e);
 }
-function ye(e) {
+function Ie(e) {
   var n = document.createElement("script");
   return e && (n.src = e), n;
 }
-function we(e) {
+function Ee(e) {
   var n = g(function(t) {
     var o = t.config, i = t.reject;
     return {
       config: o,
       reject: i
     };
-  }), r = ye("".concat(n.config.paths.vs, "/loader.js"));
+  }), r = Ie("".concat(n.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = n.reject, r;
 }
-function je() {
+function Te() {
   var e = g(function(r) {
     var t = r.config, o = r.resolve, i = r.reject;
     return {
@@ -369,33 +369,33 @@ function je() {
   }), n = window.require;
   n.config(e.config), n(["vs/editor/editor.main"], function(r) {
     var t = r.m || r;
-    A(t), e.resolve(t);
+    C(t), e.resolve(t);
   }, function(r) {
     e.reject(r);
   });
 }
-function A(e) {
+function C(e) {
   g().monaco || b({
     monaco: e
   });
 }
-function Oe() {
+function Ae() {
   return g(function(e) {
     var n = e.monaco;
     return n;
   });
 }
-var k = new Promise(function(e, n) {
+var y = new Promise(function(e, n) {
   return b({
     resolve: e,
     reject: n
   });
-}), Se = {
-  config: he,
-  init: ve,
-  __getMonacoInstance: Oe
+}), Ce = {
+  config: je,
+  init: Se,
+  __getMonacoInstance: Ae
 };
-const Pe = {
+const xe = {
   base: "vs",
   inherit: !0,
   colors: {
@@ -742,33 +742,76 @@ const Pe = {
       token: "string.other.link"
     }
   ]
-}, Ie = {
-  id: "editor-container",
-  ref: "aCodeEditor"
-}, Ee = /* @__PURE__ */ C({
+};
+function $e(e, n) {
+  return e === "JSON" ? "json" : e === "Code" ? n ?? "typescript" : n ?? "plaintext";
+}
+function De(e, n) {
+  return e == null ? "" : typeof e == "string" ? e : JSON.stringify(e, null, 2);
+}
+const qe = /* @__PURE__ */ x({
   __name: "ACodeEditor",
-  props: {
-    options: { default: () => ({}) }
-  },
+  props: /* @__PURE__ */ z({
+    height: { default: "300px" },
+    mode: { default: "edit" },
+    schema: { default: () => {
+    } },
+    language: { default: () => {
+    } },
+    options: { default: () => {
+    } }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(e) {
-    const n = $("aCodeEditor"), r = {
-      ...e.options,
-      automaticLayout: !0,
-      colorDecorators: !0,
-      lineHeight: 24,
-      scrollBeyondLastLine: !1
-    };
-    return x(async () => {
-      const o = (await Se.init()).editor;
-      o.defineTheme("agritheory", Pe), o.setTheme("agritheory"), n.value && o.create(n.value, r);
-    }), (t, o) => (q(), D("div", Ie, null, 512));
+    const n = $(e, "modelValue"), r = D("aCodeEditor"), t = q(null);
+    return k(n, (o) => {
+      const i = t.value;
+      i && o !== i.getValue() && i.setValue(o ?? "");
+    }), k(
+      () => e.mode,
+      (o) => {
+        t.value?.updateOptions({ readOnly: o !== "edit" });
+      }
+    ), M(async () => {
+      const o = await Ce.init(), i = $e(e.schema?.fieldtype, e.language);
+      o.editor.defineTheme("agritheory", xe), o.editor.setTheme("agritheory");
+      const a = o.editor.create(r.value, {
+        automaticLayout: !0,
+        colorDecorators: !0,
+        lineHeight: 24,
+        scrollBeyondLastLine: !1,
+        ...e.options,
+        value: De(n.value, e.schema?.fieldtype),
+        language: i,
+        readOnly: e.mode !== "edit"
+      });
+      a.onDidChangeModelContent(() => {
+        n.value = a.getValue();
+      }), t.value = a;
+      const c = n.value ?? "";
+      c !== a.getValue() && a.setValue(c);
+    }), B(() => {
+      t.value?.dispose(), t.value = null;
+    }), (o, i) => (R(), L("div", {
+      ref: "aCodeEditor",
+      class: "a-code-editor",
+      style: V({ height: e.height })
+    }, null, 4));
   }
-});
-function Ae(e) {
-  e.component("ACodeEditor", Ee);
+}), Me = (e, n) => {
+  const r = e.__vccOpts || e;
+  for (const [t, o] of n)
+    r[t] = o;
+  return r;
+}, Be = /* @__PURE__ */ Me(qe, [["__scopeId", "data-v-27d090ea"]]);
+function Le(e) {
+  e.component("ACodeEditor", Be);
 }
 export {
-  Ee as ACodeEditor,
-  Ae as install
+  Be as ACodeEditor,
+  Le as install
 };
 //# sourceMappingURL=code-editor.js.map