edu360-web-ui 1.0.95 → 1.0.96

package/dist/shizhanyun-web-ui.js

@@ -17591,7 +17591,7 @@ var CodeBlock = Node3.create({
     ];
   }
 });
-var index_default$c = CodeBlock;
+var index_default$d = CodeBlock;
 var Document = Node3.create({
   name: "doc",
   topNode: true,
@@ -19378,7 +19378,7 @@ var Link = Mark2.create({
     return plugins;
   }
 });
-var index_default$b = Link;
+var index_default$c = Link;
 var __defProp2 = Object.defineProperty;
 var __export = (target, all3) => {
   for (var name in all3)
@@ -20028,7 +20028,7 @@ var Paragraph = Node3.create({
     };
   }
 });
-var index_default$a = Paragraph;
+var index_default$b = Paragraph;
 var inputRegex$2 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 var pasteRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
 var Strike = Mark2.create({
@@ -20094,6 +20094,7 @@ var Strike = Mark2.create({
     ];
   }
 });
+var index_default$a = Strike;
 var Text = Node3.create({
   name: "text",
   group: "inline"
@@ -21821,6 +21822,22 @@ var Highlight = Mark2.create({
   }
 });
 var index_default$7 = Highlight;
+const CustomUnderline = index_default$9.extend({
+  parseHTML() {
+    return [
+      {
+        tag: "u"
+      },
+      {
+        style: "text-decoration",
+        getAttrs: (value) => value === "underline" && null
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["u", HTMLAttributes, 0];
+  }
+});
 var inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
 var Image = Node3.create({
   name: "image",
@@ -24518,6 +24535,49 @@ var TextAlign = Extension.create({
   }
 });
 var index_default$2 = TextAlign;
+const CustomTextAlign = index_default$2.extend({
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          textAlign: {
+            default: this.options.defaultAlignment,
+            parseHTML: (element) => element.style.textAlign || this.options.defaultAlignment,
+            renderHTML: (attributes) => {
+              if (attributes.textAlign === this.options.defaultAlignment) {
+                return {};
+              }
+              return { style: `text-align: ${attributes.textAlign}` };
+            }
+          }
+        }
+      }
+    ];
+  }
+});
+const CustomStrike = index_default$a.extend({
+  parseHTML() {
+    return [
+      {
+        tag: "s"
+      },
+      {
+        tag: "del"
+      },
+      {
+        tag: "strike"
+      },
+      {
+        style: "text-decoration",
+        getAttrs: (value) => value === "line-through" && null
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["s", HTMLAttributes, 0];
+  }
+});
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -26185,7 +26245,7 @@ function LowlightPlugin({
   });
   return lowlightPlugin;
 }
-var CodeBlockLowlight = index_default$c.extend({
+var CodeBlockLowlight = index_default$d.extend({
   addOptions() {
     var _a3;
     return {
@@ -77512,7 +77572,7 @@ function sendQuery(config2, payload, query, done) {
   } else {
     resources = config2.resources.slice(startIndex).concat(config2.resources.slice(0, startIndex));
   }
-  const startTime = Date.now();
+  const startTime2 = Date.now();
   let status = "pending";
   let queriesSent = 0;
   let lastError;
@@ -77550,7 +77610,7 @@ function sendQuery(config2, payload, query, done) {
   }
   function getQueryStatus() {
     return {
-      startTime,
+      startTime: startTime2,
       payload,
       status,
       queriesSent,
@@ -88463,8 +88523,8 @@ const commonExtensions = () => [
     bulletList: false,
     orderedList: false,
     listItem: false,
-    strike: true,
-    // 确保启用中划线
+    strike: false,
+    // 禁用默认中划线，使用自定义版本
     bold: true,
     // 确保启用粗体
     italic: true
@@ -88474,12 +88534,10 @@ const commonExtensions = () => [
   // 文本样式扩展
   Color,
   // 颜色选择扩展
-  index_default$9.configure({
-    HTMLAttributes: {
-      class: "underline"
-    }
-  }),
-  // 下划线功能
+  CustomUnderline,
+  // 自定义下划线功能
+  CustomStrike,
+  // 自定义中划线功能
   FontSize,
   // 自定义字体大小
   // 图片功能配置
@@ -88530,12 +88588,12 @@ const commonExtensions = () => [
     nested: false
   }),
   AutoOrderedOnEnter,
-  index_default$2.configure({
+  CustomTextAlign.configure({
     types: ["heading", "paragraph"],
     alignments: ["left", "center", "right", "justify"],
     defaultAlignment: "left"
   }),
-  index_default$b.configure({
+  index_default$c.configure({
     openOnClick: false,
     defaultProtocol: "https"
   })
@@ -97292,8 +97350,8 @@ function parseContentToJSON(content, type, extensions) {
     return json2.content || [];
   } else if (type === "html") {
     let data = purify.sanitize(content, {
-      ALLOWED_TAGS: ["b", "i", "em", "strong", "a", "p", "h1", "h2", "h3", "h5", "h6", "ul", "ol", "li", "img", "pre", "code", "div", "text", "span", "font", "table", "thead", "tbody", "tr", "th", "td", "br"],
-      ALLOWED_ATTR: ["href", "src", "alt", "title"]
+      ALLOWED_TAGS: ["b", "i", "em", "strong", "a", "p", "h1", "h2", "h3", "h4", "h5", "h6", "ul", "ol", "li", "img", "pre", "code", "div", "text", "span", "font", "table", "thead", "tbody", "tr", "th", "td", "br", "u", "s", "del", "strike", "mark"],
+      ALLOWED_ATTR: ["href", "src", "alt", "title", "style", "class", "data-type"]
     });
     const json2 = generateJSON(data, extensions);
     return json2.content || [];
@@ -97307,7 +97365,9 @@ function loadContentInChunks({
   extensions,
   chunkSize = 50,
   onProgress,
-  onComplete
+  onComplete,
+  isPaste = false
+  // 新增：标识是否为粘贴操作
 }) {
   if (!editor || !content) return;
   let blocks;
@@ -97331,14 +97391,34 @@ function loadContentInChunks({
       onComplete == null ? void 0 : onComplete();
       return;
     }
-    editor.chain().insertContentAt(pos, chunk).run();
-    index += chunkSize;
-    onProgress == null ? void 0 : onProgress(Math.min(index / total, 1));
-    const nextPos = editor.state.doc.content.size;
-    if ("requestIdleCallback" in window) {
-      requestIdleCallback(() => insertChunk(nextPos));
-    } else {
-      setTimeout(() => insertChunk(nextPos), 16);
+    try {
+      const beforeSize = editor.state.doc.content.size;
+      if (pos < 0 || pos > beforeSize) {
+        pos = beforeSize;
+      }
+      editor.chain().focus().insertContentAt(pos, chunk).run();
+      index += chunkSize;
+      onProgress == null ? void 0 : onProgress(Math.min(index / total, 1));
+      let nextPos;
+      if (isPaste) {
+        const afterSize = editor.state.doc.content.size;
+        const insertedSize = afterSize - beforeSize;
+        if (insertedSize <= 0 || insertedSize > beforeSize * 2) {
+          nextPos = editor.state.doc.content.size;
+        } else {
+          nextPos = pos + insertedSize;
+        }
+      } else {
+        nextPos = editor.state.doc.content.size;
+      }
+      if ("requestIdleCallback" in window) {
+        requestIdleCallback(() => insertChunk(nextPos), { timeout: 50 });
+      } else {
+        setTimeout(() => insertChunk(nextPos), 0);
+      }
+    } catch (error2) {
+      console.error("[分块插入] 插入失败:", error2);
+      onComplete == null ? void 0 : onComplete();
     }
   }
   insertChunk(insertPos);
@@ -107898,6 +107978,7 @@ const _sfc_main$6 = {
     };
     const emit = __emit;
     const handleDocUpload = () => {
+      if (isActive2("codeBlock") || isActive2("table") || isActive2("bulletList") || isActive2("orderedList") || isActive2("taskList")) return;
       emit("toggleLoading", true);
       emit("closemenu");
     };
@@ -107929,6 +108010,7 @@ const _sfc_main$6 = {
       });
     };
     const handleJupyterUpload = () => {
+      if (isActive2("codeBlock") || isActive2("table") || isActive2("bulletList") || isActive2("orderedList") || isActive2("taskList")) return;
       emit("toggleLoading", true);
       closePopover();
       emit("closemenu");
@@ -108350,7 +108432,7 @@ const _sfc_main$6 = {
                 accept: ".doc,.docx",
                 "on-success": uploadDocSuccess,
                 "before-upload": handleDocUpload,
-                disabled: isActive2("codeBlock") || isActive2("table")
+                disabled: isActive2("codeBlock") || isActive2("table") || isActive2("bulletList") || isActive2("orderedList") || isActive2("taskList")
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", {
@@ -108407,7 +108489,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const BlockMenu = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7f8a1002"]]);
+const BlockMenu = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-49f2614c"]]);
 function BlockMenuPlugin(editor, options) {
   const PLUGIN_KEY = new PluginKey("blockMenu");
   let wrapperEl = options.wrapperEl || null;
@@ -108857,7 +108939,7 @@ const CustomImage = index_default$6.extend({
   }
 });
 createLowlight();
-index_default$a.extend({
+index_default$b.extend({
   content: "inline*"
   // 只允许 inline node
 });
@@ -108865,6 +108947,117 @@ const CustomTableCell = index_default$4.extend({
   content: "(paragraph | bulletList | orderedList)*"
   // 列表允许嵌套
 });
+function isMarkdown(text2) {
+  if (!text2 || text2.length < 3) return false;
+  const patterns = [
+    /^#{1,6}\s+/m,
+    // 标题 # ## ###
+    /^\*\*[^*]+\*\*/m,
+    // 粗体 **text**
+    /^__[^_]+__/m,
+    // 粗体 __text__
+    /^\*[^*]+\*/m,
+    // 斜体 *text*
+    /^_[^_]+_/m,
+    // 斜体 _text_
+    /^\[.+\]\(.+\)/m,
+    // 链接 [text](url)
+    /^!\[.*\]\(.+\)/m,
+    // 图片 ![alt](url)
+    /^```/m,
+    // 代码块 ```
+    /^`[^`]+`/m,
+    // 行内代码 `code`
+    /^[-*+]\s+/m,
+    // 无序列表 - * +
+    /^\d+\.\s+/m,
+    // 有序列表 1. 2.
+    /^>\s+/m,
+    // 引用 >
+    /^\|.+\|.+\|/m,
+    // 表格 | col1 | col2 |
+    /^---+$/m,
+    // 分隔线 ---
+    /^___+$/m,
+    // 分隔线 ___
+    /^\*\*\*+$/m
+    // 分隔线 ***
+  ];
+  const matchCount = patterns.filter((pattern) => pattern.test(text2)).length;
+  return matchCount >= 2;
+}
+function parseMarkdownTables(text2) {
+  if (!text2.includes("|")) {
+    return text2;
+  }
+  const lines = text2.split("\n");
+  let result = [];
+  let i = 0;
+  const separatorRegex = /^\|[\s:|-]+\|$/;
+  while (i < lines.length) {
+    const line = lines[i];
+    const trimmedLine = line.trim();
+    if (trimmedLine[0] === "|" && trimmedLine[trimmedLine.length - 1] === "|") {
+      const tableRows = [];
+      while (i < lines.length) {
+        const currentLine = lines[i].trim();
+        if (currentLine[0] !== "|" || currentLine[currentLine.length - 1] !== "|") {
+          break;
+        }
+        if (separatorRegex.test(currentLine)) {
+          tableRows.push({ type: "separator", content: currentLine });
+        } else {
+          tableRows.push({ type: "data", content: currentLine });
+        }
+        i++;
+      }
+      if (tableRows.length > 0) {
+        const tableHtml = convertTableToHtml(tableRows);
+        result.push(tableHtml);
+      }
+    } else {
+      result.push(trimmedLine);
+      i++;
+    }
+  }
+  return result.join("\n");
+}
+function convertTableToHtml(rows, hasHeaderSeparator) {
+  if (rows.length === 0) return "";
+  const htmlParts = ["<table>"];
+  let hasHeader = false;
+  let headerProcessed = false;
+  for (let i = 0; i < rows.length; i++) {
+    const row = rows[i];
+    if (row.type === "separator") {
+      hasHeader = true;
+      continue;
+    }
+    const content = row.content;
+    const cells = content.substring(1, content.length - 1).split("|");
+    if (hasHeader && !headerProcessed) {
+      htmlParts.push("<thead><tr>");
+      for (let j2 = 0; j2 < cells.length; j2++) {
+        htmlParts.push("<th>", cells[j2].trim(), "</th>");
+      }
+      htmlParts.push("</tr></thead><tbody>");
+      headerProcessed = true;
+    } else {
+      if (!headerProcessed) {
+        htmlParts.push("<tbody>");
+        headerProcessed = true;
+      }
+      htmlParts.push("<tr>");
+      for (let j2 = 0; j2 < cells.length; j2++) {
+        htmlParts.push("<td>", cells[j2].trim(), "</td>");
+      }
+      htmlParts.push("</tr>");
+    }
+  }
+  htmlParts.push("</tbody></table>");
+  return htmlParts.join("");
+}
+const PASTE_CHUNK_THRESHOLD = 200;
 const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2 = false, showMenu = [], placeholder = "", blockMenuFn, editorWrapper, checkSlashTrigger } = {}) => {
   const editor = new Editor2({
     // 配置编辑器扩展功能
@@ -108881,8 +109074,8 @@ const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2
         bulletList: false,
         orderedList: false,
         listItem: false,
-        strike: true,
-        // 确保启用中划线
+        strike: false,
+        // 禁用默认中划线，使用自定义版本
         bold: true,
         // 确保启用粗体
         italic: true
@@ -108908,12 +109101,10 @@ const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2
       // 文本样式扩展
       Color,
       // 颜色选择扩展
-      index_default$9.configure({
-        HTMLAttributes: {
-          class: "underline"
-        }
-      }),
-      // 下划线功能
+      CustomUnderline,
+      // 自定义下划线功能
+      CustomStrike,
+      // 自定义中划线功能
       FontSize,
       // 自定义字体大小
       // 图片功能配置
@@ -108966,12 +109157,12 @@ const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2
         nested: false
       }),
       AutoOrderedOnEnter,
-      index_default$2.configure({
+      CustomTextAlign.configure({
         types: ["heading", "paragraph"],
         alignments: ["left", "center", "right", "justify"],
         defaultAlignment: "left"
       }),
-      index_default$b.configure({
+      index_default$c.configure({
         openOnClick: false,
         defaultProtocol: "https"
       }),
@@ -109008,7 +109199,7 @@ const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2
     editorProps: {
       // --- 修改这里 ---
       handlePaste: (view, event, slice2) => {
-        var _a3;
+        var _a3, _b;
         const currentSize = getTextLength(view.state.doc);
         const pastedSize = slice2.content.size;
         if (currentSize + pastedSize > limit) {
@@ -109017,35 +109208,143 @@ const createEditor = ({ content = "", info = {}, limit = 50, isInline: isInline2
         }
         const items = Array.from(((_a3 = event.clipboardData) == null ? void 0 : _a3.items) || []);
         const imageItem = items.find((item) => item.type.startsWith("image/"));
-        if (!imageItem) {
-          return false;
-        }
-        event.preventDefault();
-        const file = imageItem.getAsFile();
-        if (!file) {
-          return false;
-        }
-        const formData = new FormData();
-        formData.append("file", file);
-        const params = {
-          config: {
-            apiHost: info.apiHost,
-            token: info.token,
-            getFileContent: info.uploadUrl
+        if (imageItem) {
+          event.preventDefault();
+          const file = imageItem.getAsFile();
+          if (!file) {
+            return false;
           }
-        };
-        uploadImageApi(params, formData).then((res) => {
-          if (res && res.data && res.data.show_url) {
-            editor.chain().focus().setImage({ src: res.data.show_url }).run();
-          } else {
-            console.error("Image upload failed or response format is incorrect.", res);
+          const formData = new FormData();
+          formData.append("file", file);
+          const params = {
+            config: {
+              apiHost: info.apiHost,
+              token: info.token,
+              getFileContent: info.uploadUrl
+            }
+          };
+          uploadImageApi(params, formData).then((res) => {
+            if (res && res.data && res.data.show_url) {
+              editor.chain().focus().setImage({ src: res.data.show_url }).run();
+            } else {
+              console.error("Image upload failed or response format is incorrect.", res);
+              ElMessage.error("图片上传失败");
+            }
+          }).catch((error2) => {
+            console.error("Error during image upload:", error2);
             ElMessage.error("图片上传失败");
+          });
+          return true;
+        }
+        const text2 = (_b = event.clipboardData) == null ? void 0 : _b.getData("text/plain");
+        if (text2 && isMarkdown(text2)) {
+          event.preventDefault();
+          try {
+            let textWithTables;
+            try {
+              textWithTables = parseMarkdownTables(text2);
+            } catch (tableError) {
+              console.error("[粘贴] 表格解析失败:", tableError);
+              textWithTables = text2;
+            }
+            let html2;
+            try {
+              const md = new MarkdownIt({
+                html: true,
+                // 允许 HTML 标签
+                linkify: true,
+                // 自动转换 URL 为链接
+                typographer: false,
+                // 禁用排版，提升性能
+                breaks: false
+                // 不转换单个换行符为 <br>
+              });
+              html2 = md.render(textWithTables);
+            } catch (mdError) {
+              console.error("[粘贴] Markdown-it 渲染失败:", mdError);
+              throw mdError;
+            }
+            let json2;
+            try {
+              json2 = generateJSON(html2, [
+                index_default$8.configure({
+                  codeBlock: false,
+                  strike: false,
+                  bulletList: false,
+                  orderedList: false,
+                  listItem: false
+                }),
+                CustomUnderline,
+                CustomStrike,
+                TableKit,
+                CustomTextAlign,
+                BulletList,
+                OrderedList,
+                ListItem
+              ]);
+            } catch (jsonError) {
+              console.error("[粘贴] generateJSON 失败:", jsonError);
+              console.error("[粘贴] HTML 内容:", html2);
+              throw jsonError;
+            }
+            if (json2 && json2.content) {
+              const contentLength = json2.content.length;
+              if (contentLength > PASTE_CHUNK_THRESHOLD) {
+                ElMessage.info(`正在插入 ${contentLength} 个内容块...`);
+                if (blockMenuFn) {
+                  blockMenuFn(true);
+                }
+                const originalEditable = editor.isEditable;
+                editor.setEditable(false);
+                loadContentInChunks({
+                  editor,
+                  content: json2.content,
+                  type: "json",
+                  extensions: [],
+                  // 不需要传扩展，因为内容已经是 JSON 格式
+                  chunkSize: 100,
+                  // 进一步增加到 100 个节点，大幅提升插入速度
+                  isPaste: true,
+                  // 标识为粘贴操作
+                  onProgress: (progress) => {
+                    if (progress === 1) {
+                      const totalTime = performance.now() - startTime;
+                      console.log(`[粘贴] 总耗时: ${totalTime.toFixed(2)}ms`);
+                      editor.setEditable(originalEditable);
+                      ElMessage.success("内容已插入完成");
+                      if (blockMenuFn) {
+                        blockMenuFn(false);
+                      }
+                    }
+                  },
+                  onComplete: () => {
+                    editor.setEditable(originalEditable);
+                    if (blockMenuFn) {
+                      blockMenuFn(false);
+                    }
+                  }
+                });
+              } else {
+                editor.chain().focus().insertContent(json2.content).run();
+                setTimeout(() => {
+                  editor.view.updateState(editor.state);
+                  const { tr: tr2 } = editor.state;
+                  editor.view.dispatch(tr2);
+                  editor.commands.focus();
+                }, 0);
+              }
+            }
+          } catch (error2) {
+            try {
+              editor.chain().focus().insertContent(text2).run();
+              ElMessage.warning("Markdown 解析失败，已作为纯文本插入");
+            } catch (insertError) {
+              ElMessage.error("内容插入失败，请检查控制台");
+            }
           }
-        }).catch((error2) => {
-          console.error("Error during image upload:", error2);
-          ElMessage.error("图片上传失败");
-        });
-        return true;
+          return true;
+        }
+        return false;
       },
       handleDOMEvents: {
         // beforeinput: (view, event) => {
@@ -112148,6 +112447,7 @@ const _sfc_main = {
     function applySourceCode() {
       try {
         isLoading.value = true;
+        editor.commands.clearContent();
         loadContentInChunks({
           editor,
           content: sourceCode.value,
@@ -112327,7 +112627,7 @@ const _sfc_main = {
     };
   }
 };
-const TiptapVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ba51e61"]]);
+const TiptapVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4855cd8e"]]);
 const components = [
   {
     name: "TiptapVue",