@ones-editor/editor 0.0.7-beta.50 → 0.0.7-beta.52

package/dist/index.js

@@ -22454,6 +22454,18 @@ var __publicField = (obj, key, value) => {
     }
     return false;
   }
+  function getBlockPartialVisiblePercent(editor, block) {
+    const visibleRect = editorGetVisibleRect(editor);
+    const rect = block.getBoundingClientRect();
+    if (rect.top >= visibleRect.top && rect.top <= visibleRect.bottom && rect.bottom <= visibleRect.bottom && rect.bottom >= visibleRect.top) {
+      return 100;
+    }
+    const intersectionX = Math.max(0, Math.min(rect.right, visibleRect.right) - Math.max(rect.left, visibleRect.left));
+    const intersectionY = Math.max(0, Math.min(rect.bottom, visibleRect.bottom) - Math.max(rect.top, visibleRect.top));
+    const intersectionArea = intersectionX * intersectionY;
+    const elementAArea = rect.width * rect.height;
+    return intersectionArea / elementAArea * 100;
+  }
   function isChildContainerVisible(editor, container) {
     const visibleRect = editorGetVisibleRect(editor);
     const rect = container.getBoundingClientRect();
@@ -22480,7 +22492,7 @@ var __publicField = (obj, key, value) => {
     }
     if (selection.range.start.blockId === selection.range.end.blockId) {
       const block2 = editor.getBlockById(selection.range.start.blockId);
-      if (isEmbedBlock(block2) && isBlockPartialVisible(editor, block2)) {
+      if (isEmbedBlock(block2) && isBlockPartialVisible(editor, block2) && getBlockPartialVisiblePercent(editor, block2) >= 50) {
         return;
       }
       if (isComplexKindBlock(editor, block2) && isBlockPartialVisible(editor, block2)) {
@@ -22492,6 +22504,15 @@ var __publicField = (obj, key, value) => {
     if (isBlockPositionVisible(editor, simplePos)) {
       return;
     }
+    if (isEmbedBlock(block)) {
+      const next = getNextBlock(block);
+      if (next) {
+        animateScrollTo(next, {
+          elementToScroll: getScrollContainer$1(editor.rootContainer)
+        });
+        return;
+      }
+    }
     const rect = getBlockCaretRect(editor, block, simplePos);
     const blockRect = block.getBoundingClientRect();
     const tools = getBlockTools(block);
@@ -70651,7 +70672,7 @@ ${data.flowchartText}
     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>',
-        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>'
+        maxSizeFailed: '<div class="line-1">{name}\u4E0A\u4F20\u5931\u8D25</div><div class="line-2">\u6587\u4EF6\u5927\u5C0F\u8D85\u8FC7\u9650\u5236\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>'
@@ -70670,7 +70691,7 @@ ${data.flowchartText}
     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>',
-        maxSizeFailed: '<div class="line-1">{name} upload failed</div><div class="line-2">The file size exceeds [{size}]. Please choose another file.'
+        maxSizeFailed: '<div class="line-1">{name} upload failed</div><div class="line-2">The file size exceeds limit. Please choose another file.</div>'
       },
       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>'
@@ -70689,7 +70710,7 @@ ${data.flowchartText}
     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>',
-        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>'
+        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\u4E0A\u9650\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>'
@@ -70783,18 +70804,6 @@ ${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();
@@ -70904,7 +70913,7 @@ ${data.flowchartText}
       return errorContainer;
     }
     renderRetry(file2, error2) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b;
       assert(logger$5, this.abstract, "no abstract");
       const { editor } = this.options;
       const { mediaIcon, mediaName } = this.abstract;
@@ -70914,15 +70923,7 @@ ${data.flowchartText}
       const errorDetail = createElement("div", [], retry);
       let html = i18n$1.t("media.upload.failed", { name: mediaName });
       if (((_a = error2.response) == null ? void 0 : _a.status) === 420 || ((_b = error2.response) == null ? void 0 : _b.status) === 413) {
-        const message = (_e = (_d = (_c = error2.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message[0]) != null ? _e : "";
-        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 });
-        } else {
-          html = i18n$1.t("media.upload.maxSizeFailed", { name: mediaName, size: "maxRequestBodySize" });
-        }
+        html = i18n$1.t("media.upload.maxSizeFailed", { name: mediaName });
       }
       errorDetail.innerHTML = html;
       retry.appendChild(errorDetail);

package/package.json

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