@opencloud-eu/web-pkg 4.1.0 → 4.2.1

package/dist/{TextEditor-QVYD64f0.js → TextEditor-BEOcGAsh.js}

@@ -1,6 +1,6 @@
-import { d as L, u as w, c as r, a as n, _ as v, r as g, b as y, o as s, e as h } from "./index-zEQVUjcV.js";
-import { MdPreview as z, MdEditor as P, config as C, XSSPlugin as I } from "md-editor-v3";
-import { useGettext as D } from "vue3-gettext";
+import { d as P, u as C, r as I, c as d, a as r, _ as D, b as u, e as x, o as g, f as L, w, g as v } from "./index-C-VmIu2P.js";
+import { NormalToolbar as j, MdPreview as E, MdEditor as R, config as S, XSSPlugin as U } from "md-editor-v3";
+import { useGettext as F } from "vue3-gettext";
 import "@casl/vue";
 import "@opencloud-eu/web-client";
 import "fuse.js";
@@ -21,13 +21,15 @@ import "pinia";
 import "oidc-client-ts";
 import "p-queue";
 import "@vueuse/core";
-import x from "cropperjs";
+import M from "cropperjs";
 import "dompurify";
 import "mark.js";
 import "vue-router";
 import "portal-vue";
-import j from "screenfull";
-const R = {
+import q from "screenfull";
+import { lineNumbers as A } from "@codemirror/view";
+import { normalizeClass as H } from "@vue/shared";
+const O = {
   toolbarTips: {
     bold: "Gras",
     underline: "Souligné",
@@ -107,7 +109,7 @@ const R = {
     markdownTotal: "Nombre de mots",
     scrollAuto: "Défilement synchronisé"
   }
-}, E = {
+}, N = {
   toolbarTips: {
     bold: "Fett",
     underline: "Unterstrichen",
@@ -187,7 +189,7 @@ const R = {
     markdownTotal: "Zeichenanzahl",
     scrollAuto: "Automatisches Scrollen"
   }
-}, U = {
+}, B = {
   toolbarTips: {
     bold: "Grassetto",
     underline: "Sottolineato",
@@ -267,7 +269,7 @@ const R = {
     markdownTotal: "Conteggio parole",
     scrollAuto: "Scorrimento automatico"
   }
-}, F = {
+}, K = {
   toolbarTips: {
     bold: "Negrita",
     underline: "Subrayado",
@@ -347,7 +349,7 @@ const R = {
     markdownTotal: "Conteo de letras",
     scrollAuto: "Desplazamiento automático"
   }
-}, S = {
+}, G = {
   toolbarTips: {
     bold: "Pogrubienie",
     underline: "Podkreślenie",
@@ -427,7 +429,7 @@ const R = {
     markdownTotal: "Liczba znaków",
     scrollAuto: "Automatyczne przewijanie"
   }
-}, M = {
+}, J = {
   toolbarTips: {
     bold: "жирный",
     underline: "подчёркнутый",
@@ -508,7 +510,7 @@ const R = {
     markdownTotal: "Кол-во символов",
     scrollAuto: "Автопрокрутка"
   }
-}, q = {
+}, $ = {
   toolbarTips: {
     bold: "太字",
     underline: "下線",
@@ -588,7 +590,7 @@ const R = {
     markdownTotal: "単語数",
     scrollAuto: "同期スクロール"
   }
-}, A = {
+}, V = {
   toolbarTips: {
     bold: "tebal",
     underline: "garis bawah",
@@ -668,7 +670,7 @@ const R = {
     markdownTotal: "Jumlah Kata",
     scrollAuto: "Gulir Otomatis"
   }
-}, H = {
+}, _ = {
   zh: "zh-CN",
   fr: "fr-FR",
   ja: "jp-JP",
@@ -679,19 +681,23 @@ const R = {
   es: "es-ES",
   pl: "pl-PL",
   en: "en-US"
-}, 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({
+}, W = {
+  "fr-FR": O,
+  "de-DE": N,
+  "it-IT": B,
+  "es-ES": K,
+  "pl-PL": G,
+  ru: J,
+  "jp-JP": $,
+  "id-ID": V
+}, Z = P({
   name: "TextEditor",
   // type casts are needed to ensure type inference works correctly when building web-pkg
-  components: { MdEditor: P, MdPreview: z },
+  components: {
+    MdEditor: R,
+    MdPreview: E,
+    NormalToolbar: j
+  },
   props: {
     applicationConfig: { type: Object, required: !1 },
     currentContent: {
@@ -704,20 +710,46 @@ const R = {
   },
   emits: ["update:currentContent"],
   setup(e, { emit: i }) {
-    const d = D(), { currentTheme: u } = w(), m = r(() => {
+    const b = F(), { currentTheme: h } = C(), k = I(!0), T = d(() => {
       const { showPreviewOnlyMd: a = !0 } = e.applicationConfig;
       return { showPreviewOnlyMd: a };
-    }), c = r(() => e.markdownMode || ["md", "markdown"].includes(e.resource?.extension) || !n(m).showPreviewOnlyMd), o = r(() => n(u).isDark ? "dark" : "light");
-    return C({
+    }), t = d(() => e.markdownMode || ["md", "markdown"].includes(e.resource?.extension) || !r(T).showPreviewOnlyMd), m = d(() => r(h).isDark ? "dark" : "light"), c = d(() => r(t) ? [
+      "bold",
+      "underline",
+      "italic",
+      "-",
+      "title",
+      "strikeThrough",
+      "sub",
+      "sup",
+      "quote",
+      "unorderedList",
+      "orderedList",
+      "task",
+      "-",
+      "codeRow",
+      "code",
+      "link",
+      "image",
+      "table",
+      "-",
+      "revoke",
+      "next",
+      "=",
+      0,
+      "preview",
+      "previewOnly"
+    ] : ["revoke", "next", "=", 0]);
+    return S({
       editorConfig: {
-        languageUserDefined: O
+        languageUserDefined: W
       },
       editorExtensions: {
         screenfull: {
-          instance: j
+          instance: q
         },
         cropper: {
-          instance: x
+          instance: M
         }
       },
       markdownItPlugins(a) {
@@ -725,41 +757,57 @@ const R = {
           ...a,
           {
             type: "xss",
-            plugin: I,
+            plugin: U,
             options: {}
           }
         ];
+      },
+      codeMirrorExtensions(a) {
+        const l = [
+          ...a,
+          {
+            type: "lineNumbers",
+            extension: A()
+          }
+        ], n = l.find(
+          (o) => o.type === "linkShortener"
+        );
+        return n && (n.options.maxLength = 120), r(t) ? l : l.filter(
+          (o) => ["lineWrapping", "keymap", "floatingToolbar", "lineNumbers"].includes(o.type)
+        );
       }
     }), {
-      isMarkdown: c,
-      theme: o,
-      language: d,
-      languages: H,
+      isMarkdown: t,
+      theme: m,
+      toolbars: c,
+      language: b,
+      languages: _,
       onUploadImg: async (a) => {
-        const b = (await Promise.all(
+        const n = (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);
+            (p) => new Promise((y, z) => {
+              const s = new FileReader();
+              s.onload = () => y(s.result), s.onerror = z, s.readAsDataURL(p);
             })
           )
-        )).map((l) => `![image](${l})`), k = `${n(e.currentContent)}
-${b.join(`
+        )).map((p) => `![image](${p})`), o = `${r(e.currentContent)}
+${n.join(`
 
 `)}
 `;
-        i("update:currentContent", k);
-      }
+        i("update:currentContent", o);
+      },
+      showLineNumbers: k
     };
   }
-}), K = {
+}), Q = {
   id: "text-editor-container",
   class: "h-full [&_.md-editor-preview]:!font-(family-name:--oc-font-family)"
 };
-function G(e, i, d, u, m, c) {
-  const o = g("md-preview"), p = g("md-editor");
-  return s(), y("div", K, [
-    e.isReadOnly ? (s(), h(o, {
+function X(e, i, b, h, k, T) {
+  const t = u("md-preview"), m = u("oc-icon"), c = u("NormalToolbar"), f = u("md-editor");
+  return g(), x("div", Q, [
+    e.isReadOnly ? (g(), L(t, {
       key: 0,
       id: "text-editor-preview-component",
       "model-value": e.currentContent,
@@ -772,40 +820,46 @@ function G(e, i, d, u, m, c) {
       language: e.languages[e.language.current] || "en-US",
       theme: e.theme,
       "auto-focus": "",
-      "read-only": "",
-      toolbars: []
-    }, null, 8, ["model-value", "language", "theme"])) : (s(), h(p, {
+      "read-only": ""
+    }, null, 8, ["model-value", "language", "theme"])) : (g(), L(f, {
       key: 1,
       id: "text-editor-component",
-      class: "[&_.cm-content]:!font-(family-name:--oc-font-family)",
+      class: H([{ "no-line-numbers": !e.showLineNumbers }, "[&_.cm-content]:!font-(family-name:--oc-font-family)"]),
       "model-value": e.currentContent,
       "no-katex": "",
       "no-mermaid": "",
       "no-prettier": "",
       "no-highlight": "",
+      "no-echarts": "",
       "on-upload-img": e.onUploadImg,
       language: e.languages[e.language.current] || "en-US",
       theme: e.theme,
       preview: e.isMarkdown,
-      toolbars: e.isMarkdown ? void 0 : ["revoke", "next"],
-      "toolbars-exclude": [
-        "save",
-        "katex",
-        "github",
-        "catalog",
-        "mermaid",
-        "prettier",
-        "fullscreen",
-        "htmlPreview",
-        "pageFullscreen"
-      ],
-      "read-only": e.isReadOnly,
+      toolbars: e.toolbars,
       "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"]))
+      onOnChange: i[1] || (i[1] = (a) => e.$emit("update:currentContent", a))
+    }, {
+      defToolbars: w(() => [
+        v(c, {
+          title: e.showLineNumbers ? e.$gettext("hide line numbers") : e.$gettext("show line numbers"),
+          onOnClick: i[0] || (i[0] = (a) => e.showLineNumbers = !e.showLineNumbers)
+        }, {
+          default: w(() => [
+            v(m, {
+              class: "!flex items-center justify-center w-[24px] h-[24px]",
+              size: "small",
+              name: "hashtag",
+              "fill-type": "none"
+            })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["class", "model-value", "on-upload-img", "language", "theme", "preview", "toolbars"]))
   ]);
 }
-const Le = /* @__PURE__ */ v(B, [["render", G]]);
+const je = /* @__PURE__ */ D(Z, [["render", X]]);
 export {
-  Le as default
+  je as default
 };