update

Author: MrWangJustToDo

packages/core/src/parse/template.ts

@@ -77,7 +77,7 @@ export const getSyntaxTemplate = ({
         wrapper?.properties?.className || []
       )?.join(
         " "
-      )}" style="${wrapper?.properties?.style || ""}">${escapeHtml(str1)}<span data-diff-highlight style="background-color: var(${operator === "add" ? addContentHighlightBGName : delContentHighlightBGName});border-top-left-radius: ${isStart ? "0.2em" : ""};border-bottom-left-radius: ${isStart ? "0.2em" : ""};border-top-right-radius: ${isEnd || isLast ? "0.2em" : ""};border-bottom-right-radius: ${isEnd || isLast ? "0.2em" : ""}">${
+      )}" style="${wrapper?.properties?.style || ""}">${escapeHtml(str1)}<span data-diff-highlight style="background-color: var(${operator === "add" ? addContentHighlightBGName : delContentHighlightBGName});border-top-left-radius: ${isStart ? "0.2em" : "0"};border-bottom-left-radius: ${isStart ? "0.2em" : "0"};border-top-right-radius: ${isEnd || isLast ? "0.2em" : "0"};border-bottom-right-radius: ${isEnd || isLast ? "0.2em" : "0"}">${
         isLast
           ? `${escapeHtml(_str2)}<span data-newline-symbol>${getSymbol(changes.newLineSymbol)}</span>`
           : escapeHtml(str2)

packages/react/src/components/DiffContent.tsx

@@ -68,9 +68,11 @@ const DiffString = ({
 
   if (changes?.hasLineChange) {
     const isNewLineSymbolChanged = changes.newLineSymbol;
-    if (!diffLine?.plainTemplate) {
+
+    if (!diffLine?.plainTemplate && typeof getPlainTemplate === "function") {
       getPlainTemplate({ diffLine, rawLine, operator });
     }
+
     if (diffLine?.plainTemplate) {
       return (
         <span className="diff-line-content-raw">
@@ -97,7 +99,6 @@ const DiffString = ({
       const str3 = rawLine.slice(range.location + range.length);
       const isLast = str2.includes("\n");
       const _str2 = isLast ? str2.replace("\n", "").replace("\r", "") : str2;
-      const isNewLineSymbolChanged = changes.newLineSymbol;
       return (
         <span className="diff-line-content-raw">
           <span data-range-start={range.location} data-range-end={range.location + range.length}>
@@ -162,9 +163,11 @@ const DiffSyntax = ({
 
   if (changes?.hasLineChange) {
     const isNewLineSymbolChanged = changes.newLineSymbol;
-    if (!diffLine?.syntaxTemplate) {
+
+    if (!diffLine?.syntaxTemplate && typeof getSyntaxTemplate === "function") {
       getSyntaxTemplate({ diffLine, syntaxLine, operator });
     }
+
     if (diffLine?.syntaxTemplate) {
       return (
         <span className="diff-line-syntax-raw">

packages/vue/src/components/DiffContent.tsx

@@ -37,9 +37,11 @@ const DiffString = ({
 
   if (changes?.hasLineChange) {
     const isNewLineSymbolChanged = changes.newLineSymbol;
-    if (!diffLine?.plainTemplate) {
+
+    if (!diffLine?.plainTemplate && typeof getPlainTemplate === "function") {
       getPlainTemplate({ diffLine, rawLine, operator });
     }
+
     if (diffLine?.plainTemplate) {
       return (
         <span class="diff-line-content-raw">
@@ -66,7 +68,6 @@ const DiffString = ({
       const str3 = rawLine.slice(range.location + range.length);
       const isLast = str2.includes("\n");
       const _str2 = isLast ? str2.replace("\n", "").replace("\r", "") : str2;
-      const isNewLineSymbolChanged = changes.newLineSymbol;
       return (
         <span class="diff-line-content-raw">
           <span data-range-start={range.location} data-range-end={range.location + range.length}>
@@ -132,7 +133,7 @@ const DiffSyntax = ({
   if (changes?.hasLineChange) {
     const isNewLineSymbolChanged = changes.newLineSymbol;
 
-    if (!diffLine?.syntaxTemplate) {
+    if (!diffLine?.syntaxTemplate && typeof getSyntaxTemplate === "function") {
       getSyntaxTemplate({ diffLine, syntaxLine, operator });
     }
 
@@ -155,8 +156,9 @@ const DiffSyntax = ({
         </span>
       );
     } else {
+      // TODO remove
       const range = changes.range;
-      
+
       return (
         <span class="diff-line-syntax-raw">
           <span data-range-start={range.location} data-range-end={range.location + range.length}>