@opencloud-eu/web-pkg 0.1.1 → 2.0.0

package/dist/{TextEditor-dPv5RFiT.js → TextEditor-CBpP9DFX.js}

@@ -1,6 +1,6 @@
-import { d as g, u as h, c as t, a as d, _ as b, r as u, b as k, o as l, e as m } from "./index-B8n8dCfU.js";
-import { MdPreview as T, MdEditor as L, config as f, XSSPlugin as w } from "md-editor-v3";
-import { useGettext as v } from "vue3-gettext";
+import { d as L, u as w, c as r, a as n, _ as v, r as g, b as z, o as s, e as h } from "./index-CPsauqxc.js";
+import { MdPreview as P, MdEditor as y, config as C, XSSPlugin as I } from "md-editor-v3";
+import { useGettext as D } from "vue3-gettext";
 import "@casl/vue";
 import "@opencloud-eu/web-client";
 import "fuse.js";
@@ -25,9 +25,9 @@ import "dompurify";
 import "mark.js";
 import "vue-router";
 import "portal-vue";
-import z from "screenfull";
-import y from "cropperjs";
-const P = {
+import x from "screenfull";
+import j from "cropperjs";
+const R = {
   toolbarTips: {
     bold: "Gras",
     underline: "Souligné",
@@ -107,7 +107,7 @@ const P = {
     markdownTotal: "Nombre de mots",
     scrollAuto: "Défilement synchronisé"
   }
-}, C = {
+}, E = {
   toolbarTips: {
     bold: "Fett",
     underline: "Unterstrichen",
@@ -187,7 +187,7 @@ const P = {
     markdownTotal: "Zeichenanzahl",
     scrollAuto: "Automatisches Scrollen"
   }
-}, D = {
+}, U = {
   toolbarTips: {
     bold: "Grassetto",
     underline: "Sottolineato",
@@ -267,7 +267,7 @@ const P = {
     markdownTotal: "Conteggio parole",
     scrollAuto: "Scorrimento automatico"
   }
-}, I = {
+}, F = {
   toolbarTips: {
     bold: "Negrita",
     underline: "Subrayado",
@@ -347,7 +347,7 @@ const P = {
     markdownTotal: "Conteo de letras",
     scrollAuto: "Desplazamiento automático"
   }
-}, x = {
+}, S = {
   toolbarTips: {
     bold: "Pogrubienie",
     underline: "Podkreślenie",
@@ -427,7 +427,7 @@ const P = {
     markdownTotal: "Liczba znaków",
     scrollAuto: "Automatyczne przewijanie"
   }
-}, j = {
+}, M = {
   toolbarTips: {
     bold: "жирный",
     underline: "подчёркнутый",
@@ -508,7 +508,7 @@ const P = {
     markdownTotal: "Кол-во символов",
     scrollAuto: "Автопрокрутка"
   }
-}, E = {
+}, q = {
   toolbarTips: {
     bold: "太字",
     underline: "下線",
@@ -588,7 +588,7 @@ const P = {
     markdownTotal: "単語数",
     scrollAuto: "同期スクロール"
   }
-}, R = {
+}, A = {
   toolbarTips: {
     bold: "tebal",
     underline: "garis bawah",
@@ -668,7 +668,7 @@ const P = {
     markdownTotal: "Jumlah Kata",
     scrollAuto: "Gulir Otomatis"
   }
-}, S = {
+}, H = {
   zh: "zh-CN",
   fr: "fr-FR",
   ja: "jp-JP",
@@ -679,19 +679,19 @@ const P = {
   es: "es-ES",
   pl: "pl-PL",
   en: "en-US"
-}, F = {
-  "fr-FR": P,
-  "de-DE": C,
-  "it-IT": D,
-  "es-ES": I,
-  "pl-PL": x,
-  ru: j,
-  "jp-JP": E,
-  "id-ID": R
-}, M = g({
+}, O = {
+  "fr-FR": R,
+  "de-DE": E,
+  "it-IT": U,
+  "es-ES": F,
+  "pl-PL": S,
+  ru: M,
+  "jp-JP": q,
+  "id-ID": A
+}, B = L({
   name: "TextEditor",
   // type casts are needed to ensure type inference works correctly when building web-pkg
-  components: { MdEditor: L, MdPreview: T },
+  components: { MdEditor: y, MdPreview: P },
   props: {
     applicationConfig: { type: Object, required: !1 },
     currentContent: {
@@ -703,24 +703,24 @@ const P = {
     resource: { type: Object, required: !1 }
   },
   emits: ["update:currentContent"],
-  setup(e) {
-    const i = v(), { currentTheme: o } = h(), r = t(() => {
+  setup(e, { emit: i }) {
+    const d = D(), { currentTheme: u } = w(), m = r(() => {
       const { showPreviewOnlyMd: a = !0 } = e.applicationConfig;
       return { showPreviewOnlyMd: a };
-    }), n = t(() => {
+    }), c = r(() => {
       var a;
-      return e.markdownMode || ["md", "markdown"].includes((a = e.resource) == null ? void 0 : a.extension) || !d(r).showPreviewOnlyMd;
-    }), s = t(() => d(o).isDark ? "dark" : "light");
-    return f({
+      return e.markdownMode || ["md", "markdown"].includes((a = e.resource) == null ? void 0 : a.extension) || !n(m).showPreviewOnlyMd;
+    }), o = r(() => n(u).isDark ? "dark" : "light");
+    return C({
       editorConfig: {
-        languageUserDefined: F
+        languageUserDefined: O
       },
       editorExtensions: {
         screenfull: {
-          instance: z
+          instance: x
         },
         cropper: {
-          instance: y
+          instance: j
         }
       },
       markdownItPlugins(a) {
@@ -728,26 +728,41 @@ const P = {
           ...a,
           {
             type: "xss",
-            plugin: w,
+            plugin: I,
             options: {}
           }
         ];
       }
     }), {
-      isMarkdown: n,
-      theme: s,
-      language: i,
-      languages: S
+      isMarkdown: c,
+      theme: o,
+      language: d,
+      languages: H,
+      onUploadImg: async (a) => {
+        const b = (await Promise.all(
+          [...a].map(
+            (l) => new Promise((T, f) => {
+              const t = new FileReader();
+              t.onload = () => T(t.result), t.onerror = f, t.readAsDataURL(l);
+            })
+          )
+        )).map((l) => `![image](${l})`), k = `${n(e.currentContent)}
+${b.join(`
+
+`)}
+`;
+        i("update:currentContent", k);
+      }
     };
   }
-}), U = {
+}), K = {
   id: "text-editor-container",
   class: "oc-height-1-1"
 };
-function q(e, i, o, r, n, s) {
-  const a = u("md-preview"), c = u("md-editor");
-  return l(), k("div", U, [
-    e.isReadOnly ? (l(), m(a, {
+function G(e, i, d, u, m, c) {
+  const o = g("md-preview"), p = g("md-editor");
+  return s(), z("div", K, [
+    e.isReadOnly ? (s(), h(o, {
       key: 0,
       id: "text-editor-preview-component",
       "model-value": e.currentContent,
@@ -758,21 +773,22 @@ function q(e, i, o, r, n, s) {
       "no-highlight": "",
       language: e.languages[e.language.current] || "en-US",
       theme: e.theme,
+      "auto-focus": "",
       "read-only": "",
       toolbars: []
-    }, null, 8, ["model-value", "language", "theme"])) : (l(), m(c, {
+    }, null, 8, ["model-value", "language", "theme"])) : (s(), h(p, {
       key: 1,
       id: "text-editor-component",
       "model-value": e.currentContent,
       "no-katex": "",
       "no-mermaid": "",
       "no-prettier": "",
-      "no-upload-img": "",
       "no-highlight": "",
+      "on-upload-img": e.onUploadImg,
       language: e.languages[e.language.current] || "en-US",
       theme: e.theme,
       preview: e.isMarkdown,
-      toolbars: e.isMarkdown ? void 0 : [],
+      toolbars: e.isMarkdown ? void 0 : ["revoke", "next"],
       "toolbars-exclude": [
         "save",
         "katex",
@@ -785,11 +801,12 @@ function q(e, i, o, r, n, s) {
         "pageFullscreen"
       ],
       "read-only": e.isReadOnly,
-      onOnChange: i[0] || (i[0] = (p) => e.$emit("update:currentContent", p))
-    }, null, 8, ["model-value", "language", "theme", "preview", "toolbars", "read-only"]))
+      "auto-focus": "",
+      onOnChange: i[0] || (i[0] = (a) => e.$emit("update:currentContent", a))
+    }, null, 8, ["model-value", "on-upload-img", "language", "theme", "preview", "toolbars", "read-only"]))
   ]);
 }
-const pe = /* @__PURE__ */ b(M, [["render", q]]);
+const Le = /* @__PURE__ */ v(B, [["render", G]]);
 export {
-  pe as default
+  Le as default
 };