vue-devui 1.6.21 → 1.6.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.6.21",
+  "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/types/editor-md/src/icons-config.d.ts

@@ -5,7 +5,7 @@ export declare const BOLD_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"
 export declare const ITALIC_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <polygon id=\"\u8DEF\u5F84\" points=\"6 15 9 1 6 1 6 0 13 0 13 1 10 1 7 15 10 15 10 16 3 16 3 15\"></polygon>\n    </g>\n</g>\n</svg>";
 export declare const UNDERLINE_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <path d=\"M4,0 L4,7 C4,9.209139 5.790861,11 8,11 C10.209139,11 12,9.209139 12,7 L12,0 L13,0 L13,7 C13,9.76142375 10.7614237,12 8,12 C5.23857625,12 3,9.76142375 3,7 L3,0 L4,0 Z M2,14 L14,14 L14,16 L2,16 L2,14 Z\" id=\"\u5F62\u72B6\"></path>\n    </g>\n</g>\n</svg>";
 export declare const STRIKE_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <path d=\"M16,8 L16,10 L11.4648712,10 C11.8052114,10.5883467 12,11.2714257 12,12 C12,14.209139 10.209139,16 8,16 C5.790861,16 4,14.209139 4,12 C4,11.6547004 4.043753,11.3196199 4.12601749,11 L5.17070571,11 C5.06015422,11.3127789 5,11.6493646 5,12 C5,13.6568542 6.34314575,15 8,15 C9.65685425,15 11,13.6568542 11,12 C11,11.2316456 10.7111464,10.5307565 10.2361065,10 L0,10 L0,8 L5.3541756,8 C4.52375489,7.26705555 4,6.19469253 4,5 C4,2.790861 5.790861,1 8,1 C10.209139,1 12,2.790861 12,5 C12,5.72857429 11.8052114,6.41165327 11.4648712,7 L10.2361065,7 C10.7111464,6.46924351 11,5.76835444 11,5 C11,3.34314575 9.65685425,2 8,2 C6.34314575,2 5,3.34314575 5,5 C5,6.65685425 6.34314575,8 8,8 L16,8 Z M4.53512878,10 L5.76389349,10 L4.53512878,10 L4.53512878,10 Z\" id=\"\u5F62\u72B6\"></path>\n    </g>\n</g>\n</svg>";
-export declare const COLOR_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g id=\"edit-icon/background-color\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <g>\n            <path d=\"M10.4761905,8 L5.52380952,8 L4,12 L3,12 L7.5,-3.84581256e-13 L8.5,-3.84581256e-13 L13,12 L12,12 L10.4761905,8 L10.4761905,8 Z M10.0952381,7 L8,1.5 L5.9047619,7 L10.0952381,7 Z M2,14 L14,14 L14,16 L2,16 L2,14 Z\" id=\"\u5F62\u72B6\"></path>\n        </g>\n    </g>\n</g>\n</svg>";
+export declare const COLOR_ICON = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.05597 9.5L4.05895 12H2.94092L7.55273 0.776367H8.44716L13.059 12H11.9409L10.9439 9.5H5.05597ZM5.45477 8.5H10.5451L7.99995 2.11801L5.45477 8.5Z\" fill=\"#3B3E55\"/>\n    <path d=\"M1 13H15V16H1V13Z\" fill=\"#3B3E55\"/>\n</svg>";
 export declare const BACKGROUND_COLOR_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g id=\"edit-icon/background-color\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <g>\n            <path d=\"M10.4761905,8 L5.52380952,8 L4,12 L3,12 L7.5,-3.84581256e-13 L8.5,-3.84581256e-13 L13,12 L12,12 L10.4761905,8 L10.4761905,8 Z M10.0952381,7 L8,1.5 L5.9047619,7 L10.0952381,7 Z M2,14 L14,14 L14,16 L2,16 L2,14 Z\" id=\"\u5F62\u72B6\"></path>\n        </g>\n    </g>\n</g>\n</svg>";
 export declare const LIST_UNORDERED_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g id=\"edit-icon/unordered-list\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <g>\n            <path d=\"M5,1 L16,1 L16,2.5 L5,2.5 L5,1 Z M2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 Z M2,3 C2.55228475,3 3,2.55228475 3,2 C3,1.44771525 2.55228475,1 2,1 C1.44771525,1 1,1.44771525 1,2 C1,2.55228475 1.44771525,3 2,3 Z M2,10 C0.8954305,10 0,9.1045695 0,8 C0,6.8954305 0.8954305,6 2,6 C3.1045695,6 4,6.8954305 4,8 C4,9.1045695 3.1045695,10 2,10 Z M2,9 C2.55228475,9 3,8.55228475 3,8 C3,7.44771525 2.55228475,7 2,7 C1.44771525,7 1,7.44771525 1,8 C1,8.55228475 1.44771525,9 2,9 Z M2,16 C0.8954305,16 0,15.1045695 0,14 C0,12.8954305 0.8954305,12 2,12 C3.1045695,12 4,12.8954305 4,14 C4,15.1045695 3.1045695,16 2,16 Z M2,15 C2.55228475,15 3,14.5522847 3,14 C3,13.4477153 2.55228475,13 2,13 C1.44771525,13 1,13.4477153 1,14 C1,14.5522847 1.44771525,15 2,15 Z M5,7 L16,7 L16,8.5 L5,8.5 L5,7 Z M5,13 L16,13 L16,14.5 L5,14.5 L5,13 Z\" id=\"\u5F62\u72B6\"></path>\n        </g>\n    </g>\n</g>\n</svg>";
 export declare const LIST_ORDERED_ICON = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n<g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <g fill=\"#293040\">\n        <path d=\"M5,1 L16,1 L16,2.5 L5,2.5 L5,1 Z M0,0 L2,0 L2,3 L3,3 L3,4 L0,4 L0,3 L1,3 L1,1 L0,1 L0,0 Z M5,7 L16,7 L16,8.5 L5,8.5 L5,7 Z M5,13 L16,13 L16,14.5 L5,14.5 L5,13 Z M0,15 L1.75,15 C1.88807119,15 2,14.8880712 2,14.75 C2,14.6119288 1.88807119,14.5 1.75,14.5 L0,14.5 L0,13.5 L1.75,13.5 C1.88807119,13.5 2,13.3880712 2,13.25 C2,13.1119288 1.88807119,13 1.75,13 L0,13 L0,12 L1.5,12 C2.32842712,12 3,12.6715729 3,13.5 C3,13.6753177 2.96992289,13.8436105 2.91464715,14 C2.96992289,14.1563895 3,14.3246823 3,14.5 C3,15.3284271 2.32842712,16 1.5,16 L0,16 L0,15 Z M2,7.5 C2,7.35127258 1.9375,7.22627258 1.84375,7.13845444 C1.76307119,7.05596441 1.63807119,7 1.5,7 C1.22385763,7 1,7.22385763 1,7.5 L1.62630326e-19,7.5 C0.147399902,6.5 0.647399902,6 1.5,6 C2.32842712,6 3,6.67157288 3,7.5 C3,8.07312512 2.50016007,8.55650475 2.22821045,8.74661255 C1.95626083,8.93672035 1.77325955,8.99789088 1.76769962,9 L3,9 L3,10 L0,10 L1.62630326e-19,9 C0.619515577,8.77257137 1.06188822,8.55939591 1.32711792,8.36047363 C1.6371448,8.12795347 1.87259637,7.91592701 1.96143498,7.69289356 C1.98627694,7.633537 2,7.5683711 2,7.5 Z\" id=\"\u5F62\u72B6\"></path>\n    </g>\n</g>\n</svg>";

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,14 +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,
-    rawTemplates: TemplateMap[outputFormat]
+    rawTemplates: TemplateMap[outputFormat],
+    ...options
   });
   if (outputFormat === "side-by-side") {
     let diffHtmlStr = diff2HtmlUi.diffHtml;
@@ -17550,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;
     }
@@ -17559,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;
@@ -17633,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;
     }
@@ -17642,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;
@@ -17672,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) => {
@@ -17685,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);
       });
     }
   };
@@ -17704,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);
@@ -18029,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(() => {
@@ -18039,6 +18050,7 @@ function useCodeReviewComment(reviewContentRef, props, ctx2) {
     commentTop,
     mouseEvent,
     updateCheckedLineClass,
+    clearCheckedLines,
     onCommentMouseLeave,
     onCommentIconClick,
     onCommentKeyDown,
@@ -18077,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();
     });
@@ -34969,14 +34983,9 @@ const STRIKE_ICON = `<svg width="16px" height="16px" viewBox="0 0 16 16">
     </g>
 </g>
 </svg>`;
-const COLOR_ICON = `<svg width="16px" height="16px" viewBox="0 0 16 16">
-<g id="edit-icon/background-color" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g fill="#293040">
-        <g>
-            <path d="M10.4761905,8 L5.52380952,8 L4,12 L3,12 L7.5,-3.84581256e-13 L8.5,-3.84581256e-13 L13,12 L12,12 L10.4761905,8 L10.4761905,8 Z M10.0952381,7 L8,1.5 L5.9047619,7 L10.0952381,7 Z M2,14 L14,14 L14,16 L2,16 L2,14 Z" id="\u5F62\u72B6"></path>
-        </g>
-    </g>
-</g>
+const COLOR_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.05597 9.5L4.05895 12H2.94092L7.55273 0.776367H8.44716L13.059 12H11.9409L10.9439 9.5H5.05597ZM5.45477 8.5H10.5451L7.99995 2.11801L5.45477 8.5Z" fill="#3B3E55"/>
+    <path d="M1 13H15V16H1V13Z" fill="#3B3E55"/>
 </svg>`;
 const LIST_UNORDERED_ICON = `<svg width="16px" height="16px" viewBox="0 0 16 16">
 <g id="edit-icon/unordered-list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -35247,7 +35256,8 @@ ToolBarHandler.code = (editor) => {
   }
 };
 ToolBarHandler.table = (editor) => {
-  const table2 = `|  |  |  |
+  const table2 = `
+|  |  |  |
 |--|--|--|
 |  |  |  |`;
   editor.replaceSelection(table2);
@@ -54130,7 +54140,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.21",
+  version: "1.6.23",
   install(app) {
     installs.forEach((p) => app.use(p));
   }