vue-devui 1.6.30 → 1.6.32

package/code-review/index.es.js

@@ -1597,7 +1597,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError(FUNC_ERROR_TEXT);
         }
-        return setTimeout(function() {
+        return setTimeout2(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -3428,7 +3428,7 @@ var lodash = { exports: {} };
         return object[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout = ctxSetTimeout || function(func, wait) {
+      var setTimeout2 = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -4220,7 +4220,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout(timerExpired, wait);
+          timerId = setTimeout2(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -4236,7 +4236,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout(timerExpired, remainingWait(time));
+          timerId = setTimeout2(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -4267,12 +4267,12 @@ var lodash = { exports: {} };
             }
             if (maxing) {
               clearTimeout(timerId);
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(timerExpired, wait);
           }
           return result2;
         }
@@ -6954,6 +6954,22 @@ function addCommentCheckedForSingle(trNode, leftMinNum, leftMaxNum, rightMinNum,
   }
   return result;
 }
+function getSelectionParent(el) {
+  if (el.tagName === "TR") {
+    return;
+  }
+  if (el.tagName === "TD" && (el.classList.contains("d-code-left") || el.classList.contains("d-code-right"))) {
+    if (el.classList.contains("d-code-left")) {
+      return "left";
+    }
+    if (el.classList.contains("d-code-right")) {
+      return "right";
+    }
+  }
+  if (el.parentElement) {
+    return getSelectionParent(el.parentElement);
+  }
+}
 function useCodeReviewExpand(reviewContentRef, props, updateLineNumberMap, updateCheckedLine) {
   const { outputFormat, expandThreshold, expandLoader } = toRefs(props);
   const processSideBySide = () => {
@@ -7146,6 +7162,8 @@ function useCodeReview(props, ctx, reviewContentRef, updateLineNumberMap, update
   const { diff, outputFormat, allowExpand, showBlob } = toRefs(props);
   const renderHtml = ref("");
   const diffFile = ref([]);
+  const ns2 = useNamespace("code-review");
+  const selectionSide = ref("");
   const { insertExpandButton, onExpandButtonClick } = useCodeReviewExpand(reviewContentRef, props, updateLineNumberMap, updateCheckedLine);
   const initDiffContent = () => {
     diffFile.value = Diff2Html.parse(diff.value);
@@ -7160,10 +7178,69 @@ function useCodeReview(props, ctx, reviewContentRef, updateLineNumberMap, update
   const onContentClick = (e) => {
     onExpandButtonClick(e, props.options);
   };
+  function onSelectionChange() {
+    if (selectionSide.value) {
+      return;
+    }
+    if (typeof window === "undefined") {
+      return;
+    }
+    const selection = window.getSelection();
+    if ((selection == null ? void 0 : selection.toString()) && (selection == null ? void 0 : selection.anchorNode)) {
+      const side = getSelectionParent(selection.anchorNode);
+      if (side) {
+        selectionSide.value = side;
+      }
+    }
+  }
+  function onMousedown(e) {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const selection = window.getSelection();
+    const composedPath = e.composedPath();
+    const isLineNumber = composedPath.some((item) => {
+      var _a;
+      return (_a = item.classList) == null ? void 0 : _a.contains("d2h-code-side-linenumber");
+    });
+    const isClickInner = composedPath.some((item) => {
+      var _a;
+      return (_a = item.classList) == null ? void 0 : _a.contains(ns2.e("content"));
+    });
+    const clickSide = getSelectionParent(e.target);
+    if (selection && selection.toString()) {
+      const isInRange = selection == null ? void 0 : selection.getRangeAt(0).intersectsNode(e.target);
+      if (!isInRange || !isClickInner || clickSide === "left" && selectionSide.value === "right" || clickSide === "right" && selectionSide.value === "left" || isLineNumber) {
+        setTimeout(() => {
+          selectionSide.value = "";
+        });
+        selection.removeRange(selection.getRangeAt(0));
+      }
+    } else {
+      selectionSide.value = "";
+    }
+  }
   watch(showBlob, initDiffContent);
   watch(outputFormat, initDiffContent);
   watch(diff, initDiffContent, { immediate: true });
-  return { renderHtml, diffFile, onContentClick };
+  watch(
+    () => props.outputFormat,
+    (val) => {
+      if (val === "side-by-side") {
+        document.addEventListener("selectionchange", onSelectionChange);
+        document.addEventListener("mousedown", onMousedown, true);
+      } else {
+        document.removeEventListener("selectionchange", onSelectionChange);
+        document.removeEventListener("mousedown", onMousedown, true);
+      }
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    document.removeEventListener("selectionchange", onSelectionChange);
+    document.removeEventListener("mousedown", onMousedown, true);
+  });
+  return { renderHtml, diffFile, selectionSide, onContentClick };
 }
 function useCodeReviewFold(props, ctx) {
   const { fold } = toRefs(props);
@@ -7631,6 +7708,7 @@ var CodeReview = defineComponent({
     const {
       renderHtml,
       diffFile,
+      selectionSide,
       onContentClick
     } = useCodeReview(props, ctx, reviewContentRef, updateLineNumberMap, updateCheckedLine);
     const {
@@ -7655,7 +7733,9 @@ var CodeReview = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": ns2.b()
+        "class": [ns2.b(), {
+          [ns2.m(`${selectionSide.value}-selected`)]: Boolean(selectionSide.value)
+        }]
       }, [createVNode(CodeReviewHeader, {
         "onClick": () => isFold.value = !isFold.value
       }, null), withDirectives(createVNode("div", null, [props.showBlob ? (_b = (_a = ctx.slots).blob) == null ? void 0 : _b.call(_a) : createVNode("div", mergeProps({