@ones-editor/editor 2.2.12-beta.2 → 2.2.12-beta.4

package/dist/index.js

@@ -5076,74 +5076,113 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   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].hover [data-type=block-content] {
-  border-radius: 3px;
+  border-radius: 6px;
 }
 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] {
-  max-width: 360px;
-  height: 48px;
+  max-width: 100%;
   cursor: pointer;
 }
 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 {
   display: flex;
-  align-items: center;
-  max-width: 100%;
-  background-color: #f5f6f7;
-  border-radius: 3px;
+  align-items: flex-start;
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 6px;
+  border: 1px solid #DFE1E5;
+  padding: 10px;
 }
 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::before {
   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:hover {
+  background-color: rgba(0, 36, 90, 0.04);
+}
 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-details {
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: 14px;
-  flex-grow: 1;
+  flex: 1;
+  min-width: 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 .file-details .file-name {
-  color: #1f2329;
-  max-width: 185px;
+  color: #2D2D2E;
+  max-width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   white-space: nowrap;
+  font-size: 14px;
+}
+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-details .file-name-pre {
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
-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-details .file-size {
-  color: #646a73;
+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-info {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: 5px;
+  color: #87888A;
   font-size: 12px;
-  margin-top: 2px;
 }
-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-details .file-name-pre {
+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-info .file-creator {
+  max-width: 80px;
+  white-space: nowrap;
+  overflow: hidden;
   text-overflow: ellipsis;
+}
+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-info .uploaded-time {
+  margin-left: 5px;
+  white-space: nowrap;
   overflow: hidden;
+  text-overflow: ellipsis;
+}
+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-info .file-size {
+  margin-left: 15px;
+  flex-shrink: 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 .file-actions {
+  align-self: center;
+  display: flex;
+  column-gap: 15px;
+  margin-right: 10px;
+  margin-left: 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 .file-actions button {
-  width: 34px;
-  height: 34px;
-  background-color: #ffffff;
-  border: 1px solid #dee0e3;
-  border-radius: 50%;
-  margin: 0 8px;
   padding: 0;
-  background-repeat: no-repeat;
-  background-position: 50%;
+  border: 0;
+  background-color: transparent;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  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 .file-actions button svg {
   width: 16px;
   height: 16px;
+  margin-right: 5px;
+  color: inherit;
+}
+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-actions button:hover {
+  color: #0064FF;
+}
+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-actions button:hover svg {
+  color: #0064FF;
+}
+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-actions button.disabled {
+  cursor: not-allowed;
+  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 .file-icon {
   display: flex;
   flex-direction: row;
   align-items: center;
-  width: 36px;
-  height: 36px;
-  margin: 6px 6px 6px 12px;
+  margin-right: 10px;
+  transform: translateY(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 .file-icon > svg {
   width: 24px;
@@ -8162,6 +8201,13 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-embe
 }
 .video-tooltip-align-style-section .style-icon.active {
   color: blue;
+}.editor-command-bar-root .editor-command-bar .command-item .ask-ai {
+  display: flex;
+  align-items: center;
+}
+.editor-command-bar-root .editor-command-bar .command-item .ask-ai .button-text {
+  margin-left: 5px;
+  margin-right: 5px;
 }`)),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -47695,8 +47741,23 @@ ${codeText}
         }
       }
     }
+    function getBlockAllItemIds(commands) {
+      const result2 = [];
+      function recurse(items) {
+        items.forEach((command) => {
+          var _a;
+          result2.push(command.id);
+          if ((_a = command.children) == null ? void 0 : _a.length) {
+            recurse(command.children);
+          }
+        });
+      }
+      recurse(commands);
+      return result2;
+    }
     for (let i = 0; i < blockCommands.length; i++) {
-      if (blockCommands[i].commands.find((c) => c.id === item.id)) {
+      const commandIds = getBlockAllItemIds(blockCommands[i].commands);
+      if (commandIds.find((id) => id === item.id)) {
         blockCommands[i].executeCommand(editor, block, item, child);
         return;
       }
@@ -69166,6 +69227,9 @@ ${codeText}
       };
     }
     getTextCommands(editor, range) {
+      if (isSelectedTitleBlock(editor)) {
+        return [];
+      }
       if (range.isCollapsed()) {
         return [];
       }
@@ -75605,7 +75669,7 @@ ${content}
       return null;
     }
   }
-  const toolbar = "";
+  const toolbar$1 = "";
   const logger$D = getLogger("ReAuthToolbar");
   class ReAuthToolbar {
     constructor(editor) {
@@ -76326,7 +76390,7 @@ ${content}
     return FilePreviewType2;
   })(FilePreviewType || {});
   const AttachIcon = '<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>';
-  const DownloadIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 8.94336L2 12.9434C2 13.4956 2.44772 13.9434 3 13.9434L13 13.9434C13.5523 13.9434 14 13.4956 14 12.9434L14 8.94336" stroke="#606060"/>\n<path d="M4.015 5.4597L8.00002 9.44472L11.9835 5.4597" stroke="#606060"/>\n<path d="M7.99994 9.44471L8 0" stroke="#606060"/>\n</svg>\n';
+  const DownloadIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" >\n  <path stroke="currentColor" d="M2 9.943v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4" />\n  <path stroke="currentColor" d="M4.015 6.46 8 10.445l3.983-3.985M8 10.445V1" />\n  <path stroke="currentColor" d="M2 9.943v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4" />\n  <path stroke="currentColor" d="M4.015 6.46 8 10.445l3.983-3.985M8 10.445V1" />\n</svg>';
   const ToLinkIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="0.5" y="5.5" width="5" height="5" rx="1" stroke="currentColor"/>\n<path d="M0 2.5L16 2.5" stroke="currentColor"/>\n<path d="M0 13.5L16 13.5" stroke="currentColor"/>\n<path d="M8 8L16 8" stroke="currentColor"/>\n</svg>\n';
   const ToCardIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="0.5" y="5.5" width="15" height="5" rx="1" stroke="currentColor"/>\n<path d="M0 2.5L16 2.5" stroke="currentColor"/>\n<path d="M0 13.5L16 13.5" stroke="currentColor"/>\n</svg>\n';
   const fileBoxStyle = "";
@@ -76426,7 +76490,9 @@ ${content}
             previewType: FilePreviewType.Card,
             fileName: boxData.fileName,
             fileSize: boxData.fileSize,
-            fileType: boxData.fileType
+            fileType: boxData.fileType,
+            created: boxData.created,
+            creator: boxData.creator
           };
           if (offset.start === 0) {
             if (getBlockTextLength$6(editor, block) === 1) {
@@ -76524,6 +76590,7 @@ ${content}
     toStandardText,
     getResources: getResources$1
   };
+  const CopilotIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">\n  <g clip-path="url(#clip0_1985_35427)">\n    <g filter="url(#filter0_i_1985_35427)">\n      <path d="M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM4 8.5C4 10.7091 5.79086 12.5 8 12.5C10.2091 12.5 12 10.7091 12 8.5C12 6.29086 10.2091 4.5 8 4.5C5.79086 4.5 4 6.29086 4 8.5Z" fill="url(#paint0_linear_1985_35427)"/>\n    </g>\n  </g>\n  <defs>\n    <filter id="filter0_i_1985_35427" x="0" y="0.5" width="16" height="16.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n      <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n      <feMorphology radius="0.399999" operator="erode" in="SourceAlpha" result="effect1_innerShadow_1985_35427"/>\n      <feOffset dy="0.399999"/>\n      <feGaussianBlur stdDeviation="0.999998"/>\n      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n      <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>\n      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1985_35427"/>\n    </filter>\n    <linearGradient id="paint0_linear_1985_35427" x1="15.9116" y1="8.4558" x2="-5.82481e-07" y2="8.4558" gradientUnits="userSpaceOnUse">\n      <stop stop-color="#02F563"/>\n      <stop offset="0.997672" stop-color="#2BFFE6"/>\n    </linearGradient>\n    <clipPath id="clip0_1985_35427">\n      <rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>\n    </clipPath>\n  </defs>\n</svg>';
   const DwgFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.7199 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#FFBE5A"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 7.5V11.1H8.7C9.69411 11.1 10.5 10.2941 10.5 9.3C10.5 8.30589 9.69411 7.5 8.7 7.5H7.5ZM7 6C6.44772 6 6 6.44771 6 7V11.6C6 12.1523 6.44772 12.6 7 12.6H8.7C10.5225 12.6 12 11.1225 12 9.3C12 7.47746 10.5225 6 8.7 6H7Z" fill="white"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#FFD89C"/>\n</svg>';
   const RvtFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.7199 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#6B77F3"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 6.90039V8.70039H9.6C10.0971 8.70039 10.5 8.29745 10.5 7.80039C10.5 7.30333 10.0971 6.90039 9.6 6.90039H7.5ZM7 5.40039C6.44772 5.40039 6 5.84811 6 6.40039V7.0504V9.20039V12.1504C6 12.3989 6.20147 12.6004 6.45 12.6004C6.69853 12.6004 6.9 12.3989 6.9 12.1504V10.1955C6.93289 10.1987 6.96625 10.2004 7 10.2004H9.6C9.6944 10.2004 9.78753 10.1949 9.87909 10.1843L11.1521 12.3892C11.2764 12.6045 11.5516 12.6782 11.7668 12.554C11.982 12.4297 12.0558 12.1545 11.9315 11.9392L10.7564 9.90392C11.4977 9.4955 12 8.7066 12 7.80039C12 6.47491 10.9255 5.40039 9.6 5.40039H7Z" fill="white"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#B5BBF9"/>\n</svg>';
   const SkpFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.72 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#9773E3"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#D8CAF4"/>\n<path d="M10.6499 6.375H8.21241C7.48753 6.375 6.8999 6.96263 6.8999 7.68751V7.68751C6.8999 8.41239 7.48753 9.00001 8.21241 9.00001H9.79277" stroke="white" stroke-width="1.2" stroke-linecap="round"/>\n<path d="M7.27488 11.025C6.94351 11.025 6.67488 11.2936 6.67488 11.625C6.67488 11.9564 6.94351 12.225 7.27488 12.225V11.025ZM9.71239 11.025H7.27488V12.225H9.71239V11.025ZM8.39989 9.59999H9.7124V8.39999H8.39989V9.59999ZM9.7124 9.59999C10.1059 9.59999 10.4249 9.91899 10.4249 10.3125H11.6249C11.6249 9.25624 10.7686 8.39999 9.7124 8.39999V9.59999ZM9.71239 12.225C10.7686 12.225 11.6249 11.3687 11.6249 10.3125H10.4249C10.4249 10.706 10.1059 11.025 9.71239 11.025V12.225Z" fill="white"/>\n</svg>';
@@ -76575,8 +76642,8 @@ ${content}
     return UnknownFileIcon;
   }
   async function renderFileCard(editor, content, data2) {
-    var _a;
-    const { fileName, fileType, fileSize } = data2;
+    var _a, _b;
+    const { fileName, fileType, fileSize, created, creator, src } = data2;
     const card = createElement("div", ["card-root"], content);
     const icon = createElement("div", ["file-icon"], card);
     const { renderFileCardIcon } = ((_a = editor.options.componentsOptions) == null ? void 0 : _a.file) || {};
@@ -76600,15 +76667,34 @@ ${content}
     } else {
       nameElement.textContent = fileName;
     }
-    createElement("div", ["file-size"], detail, formatBytes(fileSize));
+    const infos = createElement("div", ["file-info"], detail);
+    if (creator) {
+      createElement("div", ["file-creator"], infos, creator);
+    }
+    if (created) {
+      const timeText = i18n$1.t("file.uploadedTime", { time: formatDate(new Date(created), "YYYY-MM-DD hh:mm") });
+      createElement("div", ["uploaded-time"], infos, timeText);
+    }
+    createElement("div", ["file-size"], infos, formatBytes(fileSize));
     const actions2 = createElement("div", ["file-actions"], card);
     const options = editor.getComponentOptions("file");
+    let copilotButton;
+    const checkCopilotMethod = (_b = editor.getComponentOptions("custom")) == null ? void 0 : _b.checkCopilotReadyItem;
+    if (checkCopilotMethod) {
+      const copilotEnabled = checkCopilotMethod(src);
+      if (copilotEnabled) {
+        copilotButton = createElement("button", ["copilot"], actions2);
+        copilotButton.innerHTML = CopilotIcon;
+        createElement("span", [], copilotButton, i18n$1.t("file.askAi"));
+      }
+    }
     let downloadButton;
     if (options.canDownload) {
       downloadButton = createElement("button", ["download"], actions2);
       downloadButton.innerHTML = DownloadIcon;
+      createElement("span", [], downloadButton, i18n$1.t("file.commands.download"));
     }
-    return { card, downloadButton };
+    return { card, downloadButton, copilotButton };
   }
   const fileCardStyle = "";
   function downloadFile(editor, block) {
@@ -76627,7 +76713,7 @@ ${content}
   async function createEmbedContent$7(editor, content, blockData) {
     const { embedData } = blockData;
     const fileData = embedData;
-    const { card, downloadButton } = await renderFileCard(editor, content, fileData);
+    const { card, downloadButton, copilotButton } = await renderFileCard(editor, content, fileData);
     if (downloadButton) {
       editor.domEvents.addEventListener(downloadButton, "click", (editor2, event) => {
         if (!event.target) {
@@ -76640,6 +76726,21 @@ ${content}
         downloadFile(editor2, block);
       });
     }
+    if (copilotButton) {
+      editor.domEvents.addEventListener(copilotButton, "click", (editor2, event) => {
+        if (!event.target) {
+          return;
+        }
+        const block = getParentBlock(event.target);
+        if (!block) {
+          return;
+        }
+        const options = editor2.options.componentsOptions.file;
+        if (options == null ? void 0 : options.onClick) {
+          options.onClick(editor2, block, event, "ask-copilot");
+        }
+      });
+    }
     editor.domEvents.addEventListener(card, "click", (editor2, event) => {
       if (!event.target) {
         return;
@@ -76726,6 +76827,7 @@ ${content}
           id: genId(),
           box: true,
           type: "file",
+          creator: fileData.creator,
           created: Date.now(),
           src: fileData.src,
           fileName: fileData.fileName,
@@ -76823,7 +76925,10 @@ ${content}
         toCard: "\u8F6C\u4E3A\u5361\u7247",
         comment: "\u6DFB\u52A0\u6279\u6CE8",
         preview: "\u9884\u89C8"
-      }
+      },
+      uploadedTime: "\u4E0A\u4F20\u4E8E { time }",
+      askAi: "\u8BE2\u95EE Copilot",
+      aiNotSupportedByType: "\u5F53\u524D\u6587\u4EF6\u7C7B\u578B\u6682\u4E0D\u652F\u6301\u8BE2\u95EE Copilot"
     }
   };
   const enUS$e = {
@@ -76835,7 +76940,10 @@ ${content}
         toCard: "To Card",
         comment: "Add annotation",
         preview: "Preview"
-      }
+      },
+      uploadedTime: "uploaded at { time }",
+      askAi: "Ask Copilot",
+      aiNotSupportedByType: "\u5F53\u524D\u6587\u4EF6\u7C7B\u578B\u6682\u4E0D\u652F\u6301\u8BE2\u95EE Copilot"
     }
   };
   const jaJP$e = {
@@ -76847,7 +76955,10 @@ ${content}
         toCard: "\u30AB\u30FC\u30C9\u306B\u5909\u63DB",
         comment: "\u6CE8\u91C8\u3092\u8FFD\u52A0",
         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",
+      aiNotSupportedByType: "\u5F53\u524D\u6587\u4EF6\u7C7B\u578B\u6682\u4E0D\u652F\u6301\u8BE2\u95EE Copilot"
     }
   };
   i18n$1.mergeLang({
@@ -85695,6 +85806,7 @@ ${data2.flowchartText}
   function isReservedMediaSrc(src) {
     return src === ReservedMediaSrcType.Empty || src === ReservedMediaSrcType.Error;
   }
+  const toolbar = "";
   const logger$8 = getLogger("media");
   class Media extends tinyTypedEmitter.TypedEmitter {
     constructor(options) {
@@ -88283,7 +88395,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.12-beta.2";
+    editor.version = "2.2.12-beta.4";
     return editor;
   }
   function isDoc(doc2) {
@@ -88378,7 +88490,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.12-beta.2";
+    editor.version = "2.2.12-beta.4";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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