vue-devui 1.6.22 → 1.6.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.6.22",
+  "version": "1.6.23",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/types/code-review/src/code-review-types.d.ts

@@ -55,6 +55,10 @@ export declare const codeReviewProps: {
     expandLoader: {
         type: PropType<(interval: Array<number | undefined>, update: (code: string) => void) => void>;
     };
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
 };
 export type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;
 export interface CodeReviewContext {

package/types/code-review/src/composables/use-code-review-comment.d.ts

@@ -11,6 +11,7 @@ export declare function useCodeReviewComment(reviewContentRef: Ref<HTMLElement>,
         onMouseleave?: undefined;
     };
     updateCheckedLineClass: () => void;
+    clearCheckedLines: () => void;
     onCommentMouseLeave: (e: MouseEvent) => void;
     onCommentIconClick: (e: Event) => void;
     onCommentKeyDown: () => void;

package/types/code-review/src/composables/use-code-review-expand.d.ts

@@ -2,5 +2,5 @@ import type { Ref } from 'vue';
 import type { CodeReviewProps } from '../code-review-types';
 export declare function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: CodeReviewProps): {
     insertExpandButton: () => void;
-    onExpandButtonClick: (e: Event) => void;
+    onExpandButtonClick: (e: Event, options: Record<string, any>) => void;
 };

package/types/code-review/src/utils.d.ts

@@ -4,7 +4,7 @@ export declare function insertIncrementLineToPage(referenceDom: HTMLElement, trN
 export declare function ifRemoveExpandLineForDoubleColumn(expandDom: HTMLElement, newExpandDom: HTMLTableRowElement, direction: IncrementCodeInsertDirection): boolean;
 export declare function ifRemoveExpandLine(expandDom: HTMLElement, newExpandDom: HTMLTableRowElement, direction: IncrementCodeInsertDirection): boolean;
 export declare function updateExpandLineCount(expandDom: HTMLElement, newExpandDom: HTMLElement): void;
-export declare function parseDiffCode(container: HTMLElement, code: string, outputFormat: OutputFormat, isAddCode?: boolean): void;
+export declare function parseDiffCode(container: HTMLElement, code: string, outputFormat: OutputFormat, options: Record<string, any>, isAddCode?: boolean): void;
 export declare function setLineNumberInDataset(trNode: HTMLElement, prevL: number, prevR: number, nextL: number, nextR: number): void;
 export declare function updateExpandUpDownButton(trNode: HTMLElement): void;
 export declare function updateLineNumberInDatasetForDoubleColumn(trNode: HTMLElement, expandThreshold: number, position: 'top' | 'bottom' | 'middle', updateExpandButton?: boolean): boolean;

package/vue-devui.es.js

@@ -17014,6 +17014,10 @@ const codeReviewProps = {
   },
   expandLoader: {
     type: Function
+  },
+  options: {
+    type: Object,
+    default: () => ({})
   }
 };
 const CodeReviewInjectionKey = Symbol("d-code-review");
@@ -17238,15 +17242,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;
@@ -17551,7 +17555,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     attachExpandUpDownButton(loadMoreLine.children[0], "down");
   };
-  const insertIncrementCodeForDoubleColumn = (code, direction, referenceDom) => {
+  const insertIncrementCodeForDoubleColumn = (code, direction, referenceDom, options) => {
     if (!referenceDom) {
       return;
     }
@@ -17560,7 +17564,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;
@@ -17634,7 +17638,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
     }
     attachExpandUpDownButton(loadMoreLine.children[0], "down");
   };
-  const insertIncrementCode = (code, direction, referenceDom) => {
+  const insertIncrementCode = (code, direction, referenceDom, options) => {
     if (!referenceDom) {
       return;
     }
@@ -17643,7 +17647,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;
@@ -17673,7 +17677,7 @@ function useCodeReviewExpand(reviewContentRef, props) {
       }
     }
   };
-  const onExpandButtonClick = (e) => {
+  const onExpandButtonClick = (e, options) => {
     var _a, _b;
     const composedPath = e.composedPath();
     const expandIconDom = composedPath.find((element) => {
@@ -17686,7 +17690,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);
       });
     }
   };
@@ -17705,14 +17709,14 @@ function useCodeReview(props, ctx2) {
     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();
         ctx2.emit("contentRefresh", JSON.parse(JSON.stringify(diffFile.value)));
       }
     });
   };
   const onContentClick = (e) => {
-    onExpandButtonClick(e);
+    onExpandButtonClick(e, props.options);
   };
   watch(showBlob, initDiffContent);
   watch(outputFormat, initDiffContent);
@@ -18030,6 +18034,12 @@ function useCodeReviewComment(reviewContentRef, props, ctx2) {
       }
     }
   };
+  const clearCheckedLines = () => {
+    currentLeftLineNumbers = [];
+    currentRightLineNumbers = [];
+    checkedLineCodeString = [];
+    resetCommentClass();
+  };
   const mouseEvent = allowComment.value ? { onMousemove: onMouseMove, onMouseleave } : {};
   window.addEventListener("scroll", resetLeftTop);
   onUnmounted(() => {
@@ -18040,6 +18050,7 @@ function useCodeReviewComment(reviewContentRef, props, ctx2) {
     commentTop,
     mouseEvent,
     updateCheckedLineClass,
+    clearCheckedLines,
     onCommentMouseLeave,
     onCommentIconClick,
     onCommentKeyDown,
@@ -18078,14 +18089,16 @@ var CodeReview = defineComponent({
       unCommentKeyDown,
       insertComment,
       removeComment,
-      updateCheckedLineClass
+      updateCheckedLineClass,
+      clearCheckedLines
     } = useCodeReviewComment(reviewContentRef, props, ctx2);
     onMounted(() => {
       ctx2.emit("afterViewInit", {
         toggleFold,
         insertComment,
         removeComment,
-        updateCheckedLineClass
+        updateCheckedLineClass,
+        clearCheckedLines
       });
       onCommentKeyDown();
     });
@@ -54127,7 +54140,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.22",
+  version: "1.6.23",
   install(app) {
     installs.forEach((p) => app.use(p));
   }