@ones-editor/editor 2.9.8-beta.49 → 2.9.8-beta.50

package/@ones-editor/ui-base/src/icons/index.d.ts

@@ -129,4 +129,5 @@ import AdjustWidthIcon from './adjust-width.svg?raw';
 import TocIcon from './toc.svg?raw';
 import AttachmentIcon from './attachment.svg?raw';
 import Mention2Icon from './mention.svg?raw';
-export { TableEditIcon, TabIcon, ShiftTabIcon, DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, CircleCheckMarkIcon, TextIcon, RightArrowIcon, TencentVideoIcon, WebPageIcon, UmlIcon, DividingLineIcon, HeadingH1Icon, HeadingH2Icon, HeadingH3Icon, HeadingH4Icon, HeadingH5Icon, HeadingH6Icon, HeadingH7Icon, HeadingH8Icon, CheckboxIcon, QuoteIcon, LinkHrefIcon, OrderedIcon, UnorderedIcon, CopyIcon, CutIcon, DeleteIcon, LockBlockIcon, UnLockBlockIcon, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, TextGroupIcon, AdjustWidthIcon, TocIcon, AttachmentIcon, Mention2Icon, };
+import CircleCloseIcon from './circle-close.svg?raw';
+export { TableEditIcon, TabIcon, ShiftTabIcon, DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, CircleCheckMarkIcon, TextIcon, RightArrowIcon, TencentVideoIcon, WebPageIcon, UmlIcon, DividingLineIcon, HeadingH1Icon, HeadingH2Icon, HeadingH3Icon, HeadingH4Icon, HeadingH5Icon, HeadingH6Icon, HeadingH7Icon, HeadingH8Icon, CheckboxIcon, QuoteIcon, LinkHrefIcon, OrderedIcon, UnorderedIcon, CopyIcon, CutIcon, DeleteIcon, LockBlockIcon, UnLockBlockIcon, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, TextGroupIcon, AdjustWidthIcon, TocIcon, AttachmentIcon, Mention2Icon, CircleCloseIcon, };

package/dist/index.js

@@ -5596,6 +5596,24 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
 }div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] {
   justify-content: start;
 }
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .file-actions, div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].uploading [data-type=block-content] .card-root .file-actions {
+  display: none !important;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .upload-progress, div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].uploading [data-type=block-content] .card-root .upload-progress {
+  display: flex !important;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .upload-progress .upload-failed {
+  display: block;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .upload-progress [data-button-id=upload-retry] {
+  cursor: pointer;
+  text-decoration: underline;
+  display: block;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .upload-progress .size,
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].upload-error [data-type=block-content] .card-root .upload-progress .progress-bar {
+  display: none;
+}
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].hover [data-type=block-content] {
   border-radius: 6px;
 }
@@ -5707,6 +5725,52 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   opacity: 0.5;
   color: #2D2D2E;
 }
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress {
+  display: none;
+  font-size: 14px;
+  align-items: center;
+  height: 100%;
+  gap: 5px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress .upload-failed {
+  color: #2D2D2E;
+  opacity: 0.5;
+  display: none;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress [data-button-id=upload-retry] {
+  color: #0064FF;
+  display: none;
+  text-decoration: none !important;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress .size {
+  white-space: nowrap;
+  color: #2D2D2E;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress .progress-bar {
+  width: 100px;
+  background: #DFE1E5;
+  height: 6px;
+  border-radius: 3px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress .progress-bar::after {
+  content: "";
+  display: block;
+  height: 100%;
+  background: #0064FF;
+  border-radius: 3px;
+  transition: width 0.3s ease;
+  width: var(--progress, 0%);
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .upload-progress .cancel {
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: #87888A;
+}
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-icon {
   display: flex;
   flex-direction: row;
@@ -41202,6 +41266,7 @@ ${codeText}
   const TocIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 3.5L14 3.5" stroke="#2D2D2E"/>\n<path d="M2 6.50397H10" stroke="#2D2D2E"/>\n<path d="M2 12.5L14 12.5" stroke="#2D2D2E"/>\n<path d="M6 9.5H14" stroke="#2D2D2E"/>\n</svg>\n';
   const AttachmentIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.49669 1C4.80282 1 3.0118 2.3515 3.0118 3.76237L3 10.6206M6.49669 1C8.41943 1 10.0154 2.60058 10.0154 4.17342M6.49669 1C7.43289 1 8.28684 1.42118 8.90405 1.96796C9.50746 2.50252 10.0154 3.29036 10.0154 4.17342M10.0154 4.17342L10.0154 9.61446C10.0154 10.4166 9.23033 11.2316 8 11.2316C6.91283 11.2316 6.01026 10.5735 6.01026 9.87981L5.98457 5.04102M3 10.6206C3 13.1126 5.38055 15 8 15M3 10.6206C3 12.9301 5.13252 15 8 15M8 15C10.6194 15 13 13.1988 13 10.7068M8 15C10.8675 15 13 13.0162 13 10.7068M13 10.7068V5.04102" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>\n<path d="M13 4V10C13 12.7614 10.7614 15 8 15C5.23858 15 3 12.7614 3 10V4.5" stroke="currentColor"/>\n<path d="M10 9V4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5" stroke="currentColor"/>\n<path d="M10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9V4" stroke="currentColor"/>\n</svg>\n';
   const Mention2Icon = '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.237 13.6469C10.2882 14.1888 9.18962 14.4985 8.01868 14.4985C4.42977 14.4985 1.52039 11.5892 1.52039 8.00024C1.52039 4.41134 4.42977 1.50195 8.01868 1.50195C11.6076 1.50195 14.517 4.41134 14.517 8.00024C14.517 8.70345 14.4221 9.21723 14.2284 9.56578C13.9961 10.0692 13.4926 10.7276 12.66 10.8438C12.3454 10.9008 12.0336 10.7797 11.7805 10.6233C11.3724 10.3711 11.2127 9.88274 11.2127 9.40298V4.48055" stroke="currentColor"/>\n<path d="M7.67957 4.73828C9.37526 4.73835 10.6913 6.20213 10.6913 7.93262C10.6913 9.6631 9.37526 11.1269 7.67957 11.127C5.98381 11.127 4.66785 9.66315 4.66785 7.93262C4.66785 6.20209 5.98381 4.73828 7.67957 4.73828Z" stroke="currentColor"/>\n</svg>\n';
+  const CircleCloseIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 1C11.8659 1 15 4.13408 15 8C15 11.8659 11.8659 15 8 15C4.13408 15 1 11.8659 1 8C1 4.13408 4.13408 1 8 1ZM8 7.29297L5.52539 4.81836L4.81836 5.52539L7.29297 8L4.81836 10.4746L5.52539 11.1816L8 8.70703L10.4746 11.1816L11.1816 10.4746L8.70703 8L11.1816 5.52539L10.4746 4.81836L8 7.29297Z" fill="currentColor"/>\n</svg>\n';
   const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     TableEditIcon,
@@ -41334,7 +41399,8 @@ ${codeText}
     AdjustWidthIcon,
     TocIcon,
     AttachmentIcon,
-    Mention2Icon
+    Mention2Icon,
+    CircleCloseIcon
   }, Symbol.toStringTag, { value: "Module" }));
   function createLoading() {
     const loading2 = createElement("span", ["editor-loading-icon"], null);
@@ -80784,7 +80850,7 @@ ${docStr}
     }
     return UnknownFileIcon;
   }
-  async function renderFileCard(editor, content, data2) {
+  function renderFileCard(editor, content, data2) {
     var _a, _b, _c, _d;
     const { fileName, fileType, fileSize, created, creator, src } = data2;
     const card = createElement("div", ["card-root"], content);
@@ -80793,12 +80859,13 @@ ${docStr}
     if (!renderFileCardIcon) {
       icon.innerHTML = getFileIcon(fileName, fileType);
     } else {
-      const fileCardIcon = renderFileCardIcon && await renderFileCardIcon(editor, data2);
-      if (fileCardIcon) {
-        icon.append(fileCardIcon);
-      } else {
-        icon.innerHTML = getFileIcon(fileName, fileType);
-      }
+      icon.innerHTML = getFileIcon(fileName, fileType);
+      renderFileCardIcon(editor, data2).then((fileCardIcon) => {
+        if (fileCardIcon) {
+          icon.innerHTML = "";
+          icon.append(fileCardIcon);
+        }
+      });
     }
     const detail = createElement("div", ["file-details"], card);
     const suffix = getFileExt(fileName);
@@ -80835,7 +80902,13 @@ ${docStr}
       downloadButton.innerHTML = DownloadIcon;
       createElement("span", [], downloadButton, i18n$1.t("file.commands.download"));
     }
-    return { card, downloadButton, copilotButton };
+    const progress = createElement("div", ["upload-progress"], card);
+    createElement("div", ["upload-failed"], progress, i18n$1.t("file.uploadFailed"));
+    const retryUpload = createTextButton(progress, "upload-retry", i18n$1.t("file.retryUpload"));
+    createElement("div", ["size"], progress, sizeText);
+    createElement("div", ["progress-bar"], progress);
+    const cancel = createIconButton(CircleCloseIcon, ["cancel"], progress);
+    return { card, downloadButton, copilotButton, cancel, retryUpload };
   }
   const fileCardStyle = "";
   function downloadFile(editor, block) {
@@ -80851,10 +80924,10 @@ ${docStr}
     });
     requestDownload(url, fileData.fileName);
   }
-  async function createEmbedContent$7(editor, content, blockData) {
+  function createEmbedContent$7(editor, content, blockData) {
     const { embedData } = blockData;
     const fileData = embedData;
-    const { card, downloadButton, copilotButton } = await renderFileCard(editor, content, fileData);
+    const { card, downloadButton, copilotButton, cancel, retryUpload } = renderFileCard(editor, content, fileData);
     if (downloadButton) {
       editor.domEvents.addEventListener(downloadButton, "click", (editor2, event) => {
         if (!event.target) {
@@ -80882,6 +80955,26 @@ ${docStr}
         }
       });
     }
+    if (cancel) {
+      editor.domEvents.addEventListener(cancel, "click", (editor2, event) => {
+        const block = getParentBlock(event.target);
+        if (!block) {
+          return;
+        }
+        editor2.deleteBlock(block);
+      });
+    }
+    if (retryUpload) {
+      editor.domEvents.addEventListener(retryUpload, "click", (editor2, event) => {
+        var _a;
+        const block = getParentBlock(event.target);
+        if (!block) {
+          return;
+        }
+        const options = editor2.options.componentsOptions.file;
+        (_a = options == null ? void 0 : options.retryUpload) == null ? void 0 : _a.call(options, editor2, block);
+      });
+    }
     editor.domEvents.addEventListener(card, "click", (editor2, event) => {
       if (!event.target) {
         return;
@@ -80983,6 +81076,11 @@ ${docStr}
     const blockData = editor.getBlockData(block);
     const { embedData } = blockData;
     const fileData = embedData;
+    if (hasClass(block, "upload-error") || hasClass(block, "uploading")) {
+      return {
+        abstract: fileData.fileName
+      };
+    }
     return {
       blockCommands: {
         "hovering-toolbar": new FileEmbedCommands(editor)
@@ -81056,7 +81154,9 @@ ${docStr}
         preview: "\u9884\u89C8"
       },
       uploadedTime: "\u4E0A\u4F20\u4E8E { time }",
-      askAi: "\u8BE2\u95EE Copilot"
+      askAi: "\u8BE2\u95EE Copilot",
+      uploadFailed: "\u4E0A\u4F20\u5931\u8D25",
+      retryUpload: "\u91CD\u65B0\u4E0A\u4F20"
     }
   };
   const zhHK$g = {
@@ -81070,7 +81170,9 @@ ${docStr}
         preview: "\u9810\u89BD"
       },
       uploadedTime: "\u4E0A\u50B3\u65BC { time }",
-      askAi: "\u8A62\u554F Copilot"
+      askAi: "\u8A62\u554F Copilot",
+      uploadFailed: "\u4E0A\u50B3\u5931\u6557",
+      retryUpload: "\u91CD\u65B0\u4E0A\u50B3"
     }
   };
   const enUS$g = {
@@ -81084,7 +81186,9 @@ ${docStr}
         preview: "Preview"
       },
       uploadedTime: "uploaded at { time }",
-      askAi: "Ask Copilot"
+      askAi: "Ask Copilot",
+      uploadFailed: "Upload Failed",
+      retryUpload: "Retry Upload"
     }
   };
   const jaJP$g = {
@@ -81098,7 +81202,9 @@ ${docStr}
         preview: "\u30D7\u30EC\u30D3\u30E5\u30FC"
       },
       uploadedTime: "\u304C {time} \u306B\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3057\u305F",
-      askAi: "Copilot \u306B\u805E\u304F"
+      askAi: "Copilot \u306B\u805E\u304F",
+      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+      retryUpload: "\u518D\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9"
     }
   };
   i18n$1.mergeLang({
@@ -95655,7 +95761,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "2.9.8-beta.49";
+    editor.version = "2.9.8-beta.50";
     return editor;
   }
   function isDoc(doc2) {
@@ -95788,7 +95894,7 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "2.9.8-beta.49";
+    editor.version = "2.9.8-beta.50";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -141614,6 +141720,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.CheckboxIcon = CheckboxIcon;
   exports2.CircleAddIcon = CircleAddIcon;
   exports2.CircleCheckMarkIcon = CircleCheckMarkIcon;
+  exports2.CircleCloseIcon = CircleCloseIcon;
   exports2.ClearIcon = ClearIcon;
   exports2.ClipboardProvider = ClipboardProvider;
   exports2.CloseIcon = CloseIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "2.9.8-beta.49",
+  "version": "2.9.8-beta.50",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {