fix(CodeReview): 修复没有文件类型时渲染失败的问题 (DevCloudFE#1733)

Co-authored-by: GreatZP <greatzp@greatzp.cn>

Author: xingyan95

packages/devui-vue/devui/code-review/src/composables/use-code-review-expand.ts

@@ -49,11 +49,12 @@ export function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: C
  loadMoreLine.children[0].removeChild(loadMoreLine.children[0].children[0]);
  }
  (loadMoreLine.children[1] as HTMLElement).innerText = '';
+ trNodes[0].parentElement?.appendChild(loadMoreLine);
  const res = updateLineNumberInDatasetForDoubleColumn(loadMoreLine, expandThreshold.value, 'bottom');
  if (!res) {
+ loadMoreLine.remove();
  return;
  }
- trNodes[0].parentElement?.appendChild(loadMoreLine);
  attachExpandUpDownButton(loadMoreLine.children[0] as HTMLElement, 'down');
  };
 
@@ -68,7 +69,7 @@ export function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: C
  const prefix = '--- updated_at\tJan 1, 2019, 0:0:0 AM\n+++ updated_at\tJan 1, 2019, 0:0:0 AM\n';
  const container = document.createElement('div');
  // 解析code
- parseDiffCode(container, prefix + code, outputFormat.value);
+ parseDiffCode(container, prefix + code, outputFormat.value, true);
 
  const trNodes = Array.from(container.querySelectorAll('tr'));
  const expandLine = trNodes.find((element) => (element.children[1] as HTMLElement)?.innerText.trim().match(ExpandLineReg));
@@ -148,11 +149,12 @@ export function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: C
  loadMoreLine.children[0].removeChild(loadMoreLine.children[0].children[0]);
  }
  (loadMoreLine.children[1] as HTMLElement).innerText = '';
+ trNodes[0].parentElement?.appendChild(loadMoreLine);
  const res = updateLineNumberInDataset(loadMoreLine, expandThreshold.value, 'bottom');
  if (!res) {
+ loadMoreLine.remove();
  return;
  }
- trNodes[0].parentElement?.appendChild(loadMoreLine);
  attachExpandUpDownButton(loadMoreLine.children[0] as HTMLElement, 'down');
  };
 
@@ -167,7 +169,7 @@ export function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: C
  const prefix = '--- updated_at\tJan 1, 2019, 0:0:0 AM\n+++ updated_at\tJan 1, 2019, 0:0:0 AM\n';
  const container = document.createElement('div');
  // 解析code
- parseDiffCode(container, prefix + code, outputFormat.value);
+ parseDiffCode(container, prefix + code, outputFormat.value, true);
 
  const trNodes = Array.from(container.querySelectorAll('tr'));
  const expandLine = trNodes.find((element) => (element.children[1] as HTMLElement)?.innerText.trim().match(ExpandLineReg));

packages/devui-vue/devui/code-review/src/utils.ts

@@ -146,7 +146,7 @@ export function updateExpandLineCount(expandDom: HTMLElement, newExpandDom: HTML
 }
 
 // 解析diff
-export function parseDiffCode(container: HTMLElement, code: string, outputFormat: OutputFormat) {
+export function parseDiffCode(container: HTMLElement, code: string, outputFormat: OutputFormat, isAddCode = false) {
  const diff2HtmlUi = new Diff2HtmlUI(container, code, {
  drawFileList: false,
  matching: 'lines',
@@ -156,7 +156,7 @@ export function parseDiffCode(container: HTMLElement, code: string, outputFormat
  });
  if (outputFormat === 'side-by-side') {
  let diffHtmlStr = diff2HtmlUi.diffHtml;
- if (diffHtmlStr.match(EmptyDataLangReg)) {
+ if (diffHtmlStr.match(EmptyDataLangReg) && isAddCode) {
  diffHtmlStr = diffHtmlStr.replace(EmptyDataLangReg, '');
  }
  const trList = diffHtmlStr.match(TableTrReg) as RegExpMatchArray;