vue-devui 1.6.25 → 1.6.27

package/code-review/index.es.js

@@ -6813,6 +6813,36 @@ function findParentTrNode(node) {
   }
   return findParentTrNode(node.parentElement);
 }
+function getFullNumberList(min, max) {
+  return Array.from({ length: max - min + 1 }, (_, i) => i + min);
+}
+function getLineNumbers(trNodes, outputFormat, side) {
+  var _a, _b;
+  const leftNumbers = [];
+  const rightNumbers = [];
+  for (let i = 0; i < trNodes.length; i++) {
+    const itemTrNode = trNodes[i];
+    if (outputFormat === "line-by-line") {
+      const lineNumberTdNode = Array.from(itemTrNode.children)[0];
+      const leftLineNumber = parseInt((_a = lineNumberTdNode.children[0]) == null ? void 0 : _a.innerText);
+      const rightLineNumber = parseInt((_b = lineNumberTdNode.children[1]) == null ? void 0 : _b.innerText);
+      leftLineNumber && leftNumbers.push(leftLineNumber);
+      rightLineNumber && rightNumbers.push(rightLineNumber);
+    } else {
+      const tdNodes = Array.from(itemTrNode.children);
+      const lineNumberTdNode = tdNodes[side === "left" ? 0 : 2];
+      if (lineNumberTdNode && notEmptyNode(lineNumberTdNode)) {
+        const lineNumber = parseInt(lineNumberTdNode.innerText);
+        if (lineNumber) {
+          side === "left" ? leftNumbers.push(lineNumber) : rightNumbers.push(lineNumber);
+        }
+      }
+    }
+  }
+  const lefts = leftNumbers.length ? getFullNumberList(leftNumbers[0], leftNumbers[leftNumbers.length - 1]) : leftNumbers;
+  const rights = rightNumbers.length ? getFullNumberList(rightNumbers[0], rightNumbers[rightNumbers.length - 1]) : rightNumbers;
+  return { lefts, rights };
+}
 function useCodeReviewExpand(reviewContentRef, props) {
   const { outputFormat, expandThreshold, expandLoader } = toRefs(props);
   const processSideBySide = () => {
@@ -7040,7 +7070,7 @@ function useCodeReviewFold(props, ctx) {
   });
   return { isFold, toggleFold };
 }
-function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseupCb) {
+function useCodeReviewLineSelection(reviewContentRef, props, afterMouseup) {
   const ns2 = useNamespace("code-review");
   let dragging = false;
   let startTrNode;
@@ -7048,7 +7078,7 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
   let isClickedLeft;
   let shouldClear;
   let isMouseMoved;
-  let startClientY;
+  let checkedTrNodes = [];
   const onMousedown = (e) => {
     if (e.button === 0) {
       const composedPath = e.composedPath();
@@ -7081,7 +7111,6 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
       dragging = true;
       shouldClear = true;
       isMouseMoved = false;
-      startClientY = e.clientY;
       e.preventDefault();
       e.stopPropagation();
       document.addEventListener("mousemove", onMousemove);
@@ -7114,7 +7143,6 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
     if (endIndex === -1) {
       return;
     }
-    mouseMoveCb(e.clientY > startClientY ? "down" : "up");
     if (startIndex > endIndex) {
       [startIndex, endIndex] = [endIndex, startIndex];
     }
@@ -7126,9 +7154,11 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
     } else {
       position = "right";
     }
+    checkedTrNodes = [];
     for (let i = 0; i < trNodes.length; i++) {
       if (i >= startIndex && i <= endIndex) {
         toggleCommentCheckedClass(trNodes[i], true, position);
+        checkedTrNodes.push(trNodes[i]);
       } else {
         toggleCommentCheckedClass(trNodes[i], false, position);
       }
@@ -7137,7 +7167,7 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
   function onMouseup() {
     dragging = false;
     if (isMouseMoved) {
-      mouseupCb();
+      afterMouseup(getLineNumbers(checkedTrNodes, props.outputFormat, isClickedLeft ? "left" : "right"));
     }
     document.removeEventListener("mouseup", onMouseup);
     document.removeEventListener("mousemove", onMousemove);
@@ -7176,7 +7206,7 @@ function useCodeReviewLineSelection(reviewContentRef, props, mouseMoveCb, mouseu
 function useCodeReviewComment(reviewContentRef, props, ctx) {
   const { outputFormat, allowComment, allowChecked } = toRefs(props);
   const ns2 = useNamespace("code-review");
-  const { onMousedown } = useCodeReviewLineSelection(reviewContentRef, props, updateLineNumbers, afterCheckLines);
+  const { onMousedown } = useCodeReviewLineSelection(reviewContentRef, props, afterMouseup);
   const commentLeft = ref(-100);
   const commentTop = ref(-100);
   let currentLeftLineNumber = -1;
@@ -7279,24 +7309,6 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
       resetLeftTop();
     }
   };
-  const getLineNumbers = (currentNumber, currentNumbers, moveDirection) => {
-    if (currentNumber === -1) {
-      return currentNumbers;
-    }
-    if (currentNumbers.length === 0) {
-      return [currentNumber];
-    }
-    const numbers = [...currentNumbers];
-    let max = Math.max(...numbers);
-    let min = Math.min(...numbers);
-    if (moveDirection === "down") {
-      max = currentNumber;
-    }
-    if (moveDirection === "up") {
-      min = currentNumber;
-    }
-    return Array.from({ length: max - min + 1 }, (_, i) => i + min);
-  };
   const getCommonClassAndJudge = () => {
     const checkedLine = [currentLeftLineNumbers, currentRightLineNumbers];
     return {
@@ -7363,9 +7375,9 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
     }
     getDoubleCheckedLineCode(shouldRenderClass);
   }
-  function updateLineNumbers(moveDirection) {
-    currentLeftLineNumbers = currentLeftLineNumber === -1 ? currentLeftLineNumbers : getLineNumbers(currentLeftLineNumber, currentLeftLineNumbers, moveDirection);
-    currentRightLineNumbers = currentRightLineNumber === -1 ? currentRightLineNumbers : getLineNumbers(currentRightLineNumber, currentRightLineNumbers, moveDirection);
+  function updateLineNumbers({ lefts, rights }) {
+    currentLeftLineNumbers = lefts;
+    currentRightLineNumbers = rights;
     getCheckedLineCode(false);
     afterCheckLinesEmitData = {
       left: currentLeftLineNumber,
@@ -7378,6 +7390,8 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
     };
   }
   const updateCheckedLineClass = () => {
+    const lineClassName = props.outputFormat === "line-by-line" ? ".d2h-code-linenumber" : ".d2h-code-side-linenumber";
+    allTrNodes = reviewContentRef.value.querySelectorAll(lineClassName);
     getCheckedLineCode(true);
   };
   const resetCommentClass = () => {
@@ -7414,6 +7428,10 @@ function useCodeReviewComment(reviewContentRef, props, ctx) {
   function afterCheckLines() {
     ctx.emit("afterCheckLines", afterCheckLinesEmitData);
   }
+  function afterMouseup(lineNumbers) {
+    updateLineNumbers(lineNumbers);
+    afterCheckLines();
+  }
   const onCommentIconClick = (e) => {
     if (e) {
       const composedPath = e.composedPath();