@ones-editor/editor 0.0.7-beta.46 → 0.0.7-beta.49

package/dist/index.js

@@ -6804,7 +6804,7 @@ var __publicField = (obj, key, value) => {
     }
     if (innerTextOrDataset) {
       if (typeof innerTextOrDataset === "string") {
-        elem.innerText = innerTextOrDataset;
+        elem.innerText = innerTextOrDataset.replace(/\r/g, " ").replace(/\n/g, " ");
       } else {
         const dataset = innerTextOrDataset;
         setDataset(elem, dataset);
@@ -70650,7 +70650,8 @@ ${data.flowchartText}
   const zhCN$1 = {
     media: {
       upload: {
-        failed: '<div class="line-1">{name}\u4E0A\u4F20\u5931\u8D25</div><div class="line-2">\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38\uFF0C\u4F60\u53EF\u4EE5 <span class="retry-upload">\u91CD\u8BD5</span></div>'
+        failed: '<div class="line-1">{name}\u4E0A\u4F20\u5931\u8D25</div><div class="line-2">\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38\uFF0C\u4F60\u53EF\u4EE5 <span class="retry-upload">\u91CD\u8BD5</span></div>',
+        maxSizeFailed: '<div class="line-1">{name}\u4E0A\u4F20\u5931\u8D25</div><div class="line-2">\u6587\u4EF6\u5927\u5C0F\u8D85\u8FC7\u300C{size}\u300D\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6</div>'
       },
       load: {
         failed: '<div class="line-1">{name}\u52A0\u8F7D\u5931\u8D25</div><div class="line-2">\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38\uFF0C\u4F60\u53EF\u4EE5 <span class="retry-upload">\u91CD\u8BD5</span></div>'
@@ -70668,7 +70669,8 @@ ${data.flowchartText}
   const enUS$1 = {
     media: {
       upload: {
-        failed: '<div class="line-1">{name} upload failed</div><div class="line-2">Network error, you can <span class="retry-upload">Retry</span></div>'
+        failed: '<div class="line-1">{name} upload failed</div><div class="line-2">Network error, you can <span class="retry-upload">Retry</span></div>',
+        maxSizeFailed: '<div class="line-1">{name} upload failed</div><div class="line-2">The file size exceeds [{size}]. Please choose another file.'
       },
       load: {
         failed: '<div class="line-1">{name} loading failed</div><div class="line-2">Network error, you can <span class="retry-upload">Retry</span></div>'
@@ -70686,7 +70688,8 @@ ${data.flowchartText}
   const jaJP$1 = {
     media: {
       upload: {
-        failed: '<div class="line-1">{name}\u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F</div><div class="line-2">\u304A\u4F7F\u3044\u306E\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u63A5\u7D9A\u306B\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6B21\u306E\u64CD\u4F5C\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002 <span class="retry-upload">\u518D\u8A66\u884C</span></div>'
+        failed: '<div class="line-1">{name}\u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F</div><div class="line-2">\u304A\u4F7F\u3044\u306E\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u63A5\u7D9A\u306B\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6B21\u306E\u64CD\u4F5C\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002 <span class="retry-upload">\u518D\u8A66\u884C</span></div>',
+        maxSizeFailed: '<div class="line-1">{name}\u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F</div><div class="line-2">\u30D5\u30A1\u30A4\u30EB\u306E\u30B5\u30A4\u30BA\u304C\u300C{size}\u300D\u3092\u8D85\u3048\u3066\u3044\u308B\u305F\u3081\u3001\u4ED6\u306E\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044</div>'
       },
       load: {
         failed: '<div class="line-1">{name}\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F</div><div class="line-2">\u304A\u4F7F\u3044\u306E\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u63A5\u7D9A\u306B\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6B21\u306E\u64CD\u4F5C\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002 <span class="retry-upload">\u518D\u8A66\u884C</span></div>'
@@ -70780,6 +70783,18 @@ ${data.flowchartText}
     return src === ReservedMediaSrcType.Empty || src === ReservedMediaSrcType.Error;
   }
   const logger$5 = getLogger("media");
+  function formatFileSize(num, digits = 2) {
+    if (num < 1024) {
+      return `${num}B`;
+    }
+    if (num < 1024 * 1024) {
+      return `${(num / 1024).toFixed(digits)}KB`;
+    }
+    if (num < 1024 * 1024 * 1024) {
+      return `${(num / (1024 * 1024)).toFixed(digits)}MB`;
+    }
+    return `${(num / (1024 * 1024 * 1024)).toFixed(digits)}GB`;
+  }
   class Media extends tinyTypedEmitter.TypedEmitter {
     constructor(options) {
       super();
@@ -70833,7 +70848,7 @@ ${data.flowchartText}
         } catch (e2) {
           logger$5.error(e2);
           this.emit("mediaError", editor, "upload_error", oldBlockData.id);
-          this.renderRetry(file2);
+          this.renderRetry(file2, e2);
         }
         removeClass(block, "media-block-uploading");
       });
@@ -70888,7 +70903,8 @@ ${data.flowchartText}
       this.setFullScreen();
       return errorContainer;
     }
-    renderRetry(file2) {
+    renderRetry(file2, error2) {
+      var _a, _b, _c;
       assert(logger$5, this.abstract, "no abstract");
       const { editor } = this.options;
       const { mediaIcon, mediaName } = this.abstract;
@@ -70896,16 +70912,27 @@ ${data.flowchartText}
       const icon = createElement("span", ["media-error-icon"], retry);
       icon.innerHTML = mediaIcon;
       const errorDetail = createElement("div", [], retry);
-      errorDetail.innerHTML = i18n$1.t("media.upload.failed", { name: mediaName });
+      let html = i18n$1.t("media.upload.failed", { name: mediaName });
+      if (((_a = error2.response) == null ? void 0 : _a.status) === 420) {
+        const message = (_c = (_b = error2.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message[0];
+        const fileSizeMatch = message.match(/(\d+)/);
+        if (fileSizeMatch) {
+          const fileSize = Number.parseInt(fileSizeMatch[1], 10);
+          const formattedSize = formatFileSize(fileSize, 0);
+          html = i18n$1.t("media.upload.maxSizeFailed", { name: mediaName, size: formattedSize });
+        }
+      }
+      errorDetail.innerHTML = html;
       retry.appendChild(errorDetail);
       const action = errorDetail.querySelector(".retry-upload");
-      assert(logger$5, action, "The element not exist");
-      editor.domEvents.addEventListener(action, "click", () => {
-        if (editor.readonly)
-          return;
-        assert(logger$5, this.abstract, "no abstract");
-        this.handleUploadFile(file2);
-      });
+      if (action) {
+        editor.domEvents.addEventListener(action, "click", () => {
+          if (editor.readonly)
+            return;
+          assert(logger$5, this.abstract, "no abstract");
+          this.handleUploadFile(file2);
+        });
+      }
       this.updateMediaContent(retry);
       this.setFullScreen();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "0.0.7-beta.46",
+  "version": "0.0.7-beta.49",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",