vue-devui 1.6.22 → 1.6.23

package/code-review/index.es.js

@@ -6284,6 +6284,10 @@ const codeReviewProps = {
   },
   expandLoader: {
     type: Function
+  },
+  options: {
+    type: Object,
+    default: () => ({})
   }
 };
 const CodeReviewInjectionKey = Symbol("d-code-review");
@@ -6528,15 +6532,15 @@ function addClassToDiffCode(codeStrArr, theClassName) {
   });
   return newArray;
 }
-function parseDiffCode(container, code, outputFormat, isAddCode = false) {
+function parseDiffCode(container, code, outputFormat, options, isAddCode = false) {
   var _a;
   const diff2HtmlUi = new Diff2HtmlUI(container, code, {
     drawFileList: false,
     matching: "lines",
     outputFormat,
     highlight: true,
-    diffStyle: "char",
-    rawTemplates: TemplateMap[outputFormat]
+    rawTemplates: TemplateMap[outputFormat],
+    ...options
   });
   if (outputFormat === "side-by-side") {
     let diffHtmlStr = diff2HtmlUi.diffHtml;
@@ -6841,7 +6845,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     attachExpandUpDownButton(loadMoreLine.children[0], "down");
   };
-  const insertIncrementCodeForDoubleColumn = (code, direction, referenceDom) => {
+  const insertIncrementCodeForDoubleColumn = (code, direction, referenceDom, options) => {
     if (!referenceDom) {
       return;
     }
@@ -6850,7 +6854,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     const prefix = "--- updated_at	Jan 1, 2019, 0:0:0 AM\n+++ updated_at	Jan 1, 2019, 0:0:0 AM\n";
     const container = document.createElement("div");
-    parseDiffCode(container, prefix + code, outputFormat.value, true);
+    parseDiffCode(container, prefix + code, outputFormat.value, options, true);
     const trNodes = Array.from(container.querySelectorAll("tr"));
     const expandLine = trNodes.find((element) => {
       var _a;
@@ -6924,7 +6928,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     attachExpandUpDownButton(loadMoreLine.children[0], "down");
   };
-  const insertIncrementCode = (code, direction, referenceDom) => {
+  const insertIncrementCode = (code, direction, referenceDom, options) => {
     if (!referenceDom) {
       return;
     }
@@ -6933,7 +6937,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     const prefix = "--- updated_at	Jan 1, 2019, 0:0:0 AM\n+++ updated_at	Jan 1, 2019, 0:0:0 AM\n";
     const container = document.createElement("div");
-    parseDiffCode(container, prefix + code, outputFormat.value, true);
+    parseDiffCode(container, prefix + code, outputFormat.value, options, true);
     const trNodes = Array.from(container.querySelectorAll("tr"));
     const expandLine = trNodes.find((element) => {
       var _a;
@@ -6963,7 +6967,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
       }
     }
   };
-  const onExpandButtonClick = (e) => {
+  const onExpandButtonClick = (e, options) => {
     var _a, _b;
     const composedPath = e.composedPath();
     const expandIconDom = composedPath.find((element) => {
@@ -6976,7 +6980,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
       const [leftLineStart, leftLineEnd, rightLineStart, rightLineEnd] = getLineNumberFromDataset(expandIconDom, expandThreshold.value);
       (_b = expandLoader == null ? void 0 : expandLoader.value) == null ? void 0 : _b.call(expandLoader, [leftLineStart, leftLineEnd, rightLineStart, rightLineEnd], (code) => {
         var _a2, _b2;
-        outputFormat.value === "line-by-line" ? insertIncrementCode(code, direction, (_a2 = expandIconDom.parentElement) == null ? void 0 : _a2.parentElement) : insertIncrementCodeForDoubleColumn(code, direction, (_b2 = expandIconDom.parentElement) == null ? void 0 : _b2.parentElement);
+        outputFormat.value === "line-by-line" ? insertIncrementCode(code, direction, (_a2 = expandIconDom.parentElement) == null ? void 0 : _a2.parentElement, options) : insertIncrementCodeForDoubleColumn(code, direction, (_b2 = expandIconDom.parentElement) == null ? void 0 : _b2.parentElement, options);
       });
     }
   };
@@ -6995,14 +6999,14 @@ function useCodeReview(props, ctx) {
     diffFile.value = Diff2Html.parse(diff.value);
     nextTick(() => {
       if (inBrowser && !showBlob.value) {
-        parseDiffCode(reviewContentRef.value, diff.value, outputFormat.value);
+        parseDiffCode(reviewContentRef.value, diff.value, outputFormat.value, props.options);
         allowExpand.value && insertExpandButton();
         ctx.emit("contentRefresh", JSON.parse(JSON.stringify(diffFile.value)));
       }
     });
   };
   const onContentClick = (e) => {
-    onExpandButtonClick(e);
+    onExpandButtonClick(e, props.options);
   };
   watch(showBlob, initDiffContent);
   watch(outputFormat, initDiffContent);
@@ -7320,6 +7324,12 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
       }
     }
   };
+  const clearCheckedLines = () => {
+    currentLeftLineNumbers = [];
+    currentRightLineNumbers = [];
+    checkedLineCodeString = [];
+    resetCommentClass();
+  };
   const mouseEvent = allowComment.value ? { onMousemove: onMouseMove, onMouseleave } : {};
   window.addEventListener("scroll", resetLeftTop);
   onUnmounted(() => {
@@ -7330,6 +7340,7 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
     commentTop,
     mouseEvent,
     updateCheckedLineClass,
+    clearCheckedLines,
     onCommentMouseLeave,
     onCommentIconClick,
     onCommentKeyDown,
@@ -7368,14 +7379,16 @@ var CodeReview = defineComponent({
       unCommentKeyDown,
       insertComment,
       removeComment,
-      updateCheckedLineClass
+      updateCheckedLineClass,
+      clearCheckedLines
     } = useCodeReviewComment(reviewContentRef, props, ctx);
     onMounted(() => {
       ctx.emit("afterViewInit", {
         toggleFold,
         insertComment,
         removeComment,
-        updateCheckedLineClass
+        updateCheckedLineClass,
+        clearCheckedLines
       });
       onCommentKeyDown();
     });