@canyonjs/report-component 1.0.20 → 1.0.22

package/dist/index.css

@@ -1,9 +1,7 @@
 .canyonjs-report-html .canyon-coverage-detail-spin-wrapper {
   height: 100%;
 }
-.canyonjs-report-html
-  .canyon-coverage-detail-spin-wrapper
-  > .ant-spin-container {
+.canyonjs-report-html .canyon-coverage-detail-spin-wrapper > .ant-spin-container {
   height: 100%;
 }
 .canyonjs-report-html {
@@ -118,8 +116,7 @@
   border-bottom: 1px solid #e0e0e0;
   color: #333333;
   font-size: 13px;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   cursor: pointer;
   text-align: left;
   display: flex;
@@ -158,36 +155,29 @@
   opacity: 0;
 }
 
-.canyonjs-report-html
-  .canyon-changed-code-coverage-content[style*="max-height: auto"] {
+.canyonjs-report-html .canyon-changed-code-coverage-content[style*="max-height: auto"] {
   opacity: 1;
 }
 
 .canyonjs-report-html .canyon-changed-code-coverage-select-wrapper {
   padding: 12px 16px;
   background: #ffffff;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   display: flex;
   justify-content: flex-start;
 }
 
 /* 下拉选项样式优化 */
-.canyonjs-report-html .canyon-changed-code-coverage-select-wrapper
-  .ant-select-item {
+.canyonjs-report-html .canyon-changed-code-coverage-select-wrapper .ant-select-item {
   padding: 6px 12px !important;
   line-height: 20px !important;
 }
 
-.canyonjs-report-html
-  .canyon-changed-code-coverage-select-wrapper
-  .ant-select-item-option-active {
+.canyonjs-report-html .canyon-changed-code-coverage-select-wrapper .ant-select-item-option-active {
   background-color: #f5f5f5;
 }
 
-.canyonjs-report-html
-  .canyon-changed-code-coverage-select-wrapper
-  .ant-select-item-option-content {
+.canyonjs-report-html .canyon-changed-code-coverage-select-wrapper .ant-select-item-option-content {
   display: flex;
   align-items: center;
 }

package/dist/index.d.ts

@@ -15,6 +15,8 @@ interface FileDataResponse {
 }
 interface DataSourceItem {
   path: string;
+  /** 该文件相对基准是否有变更（用于 Only Changed 筛选） */
+  change?: boolean;
   [key: string]: unknown;
 }
 interface CanyonReportProps {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ConfigProvider, Divider, Input, Progress, Segmented, Select, Space, Spin, Switch, Table, Tag, Typography, theme } from "antd";
+import { ConfigProvider, Divider, Input, Progress, Segmented, Select, Space, Spin, Switch, Table, Tag, Typography } from "antd";
 import { Suspense, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { genSummaryTreeItem } from "canyon-data";
@@ -395,8 +395,7 @@ const ChangedCodeCoverageTable = ({ coverage, addLines, onJumpToRange }) => {
 					coverageStats.coveredCount,
 					"/",
 					coverageStats.totalCount,
-					") -",
-					" ",
+					") - ",
 					coverageStats.notCoveredCount,
 					" Not Covered"
 				] }),
@@ -761,9 +760,14 @@ const getColor = (pct) => {
 //#endregion
 //#region src/widgets/SummaryHeader.tsx
 const { Text } = Typography;
-const { useToken } = theme;
+const SUMMARY_LABELS = {
+	statements: "Statements",
+	branches: "Branches",
+	functions: "Functions",
+	lines: "Lines",
+	changestatements: "Change Statements"
+};
 const SummaryNav = ({ value, onClick, reportName }) => {
-	const { token } = useToken();
 	return /* @__PURE__ */ jsx("div", {
 		style: {
 			display: "flex",
@@ -833,7 +837,7 @@ const SummaryMetric = ({ data, onlyChange }) => {
 					/* @__PURE__ */ jsxs(Text, {
 						style: { fontSize: "14px" },
 						type: "secondary",
-						children: [t$1(`${key}`), ":"]
+						children: [t$1(SUMMARY_LABELS[key] || key), ":"]
 					}),
 					/* @__PURE__ */ jsxs(Tag, {
 						bordered: false,
@@ -1127,7 +1131,7 @@ function PhTreeViewIcon(props) {
 
 //#endregion
 //#region src/widgets/TopControl.tsx
-const TopControl = ({ total, showMode, onChangeShowMode, onChangeKeywords, filenameKeywords, onChangeOnlyChange, onlyChange }) => {
+const TopControl = ({ total, showMode, onChangeShowMode, onChangeKeywords, filenameKeywords, onChangeOnlyChange, onlyChange, showOnlyChangeSwitch = true }) => {
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 		style: {
 			display: "flex",
@@ -1173,38 +1177,34 @@ const TopControl = ({ total, showMode, onChangeShowMode, onChangeKeywords, filen
 				display: "flex",
 				alignItems: "center"
 			},
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						gap: "6px"
-					},
-					children: [/* @__PURE__ */ jsxs(Typography.Text, {
-						type: "secondary",
-						style: { fontSize: "12px" },
-						children: [
-							"Only Changed",
-							":",
-							" "
-						]
-					}), /* @__PURE__ */ jsx(Switch, {
-						checked: onlyChange,
-						size: "small",
-						onChange: onChangeOnlyChange
-					})]
-				}),
-				/* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-				/* @__PURE__ */ jsx(Input, {
-					placeholder: "Enter the file path to search",
-					value: filenameKeywords,
-					style: { width: "240px" },
+			children: [showOnlyChangeSwitch && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "6px"
+				},
+				children: [/* @__PURE__ */ jsxs(Typography.Text, {
+					type: "secondary",
+					style: { fontSize: "12px" },
+					children: [
+						"Only Changed",
+						":",
+						" "
+					]
+				}), /* @__PURE__ */ jsx(Switch, {
+					checked: onlyChange,
 					size: "small",
-					onChange: (val) => {
-						onChangeKeywords(val.target.value);
-					}
-				})
-			]
+					onChange: onChangeOnlyChange
+				})]
+			}), /* @__PURE__ */ jsx(Divider, { type: "vertical" })] }), /* @__PURE__ */ jsx(Input, {
+				placeholder: "Enter the file path to search",
+				value: filenameKeywords,
+				style: { width: "240px" },
+				size: "small",
+				onChange: (val) => {
+					onChangeKeywords(val.target.value);
+				}
+			})]
 		})]
 	}), /* @__PURE__ */ jsx(Divider, { style: {
 		margin: "0",
@@ -1236,6 +1236,17 @@ const CanyonReport = ({ value, name, dataSource, onSelect, defaultOnlyChange = f
 	const isControlled = controlledOnlyChange !== void 0 && controlledOnChangeOnlyChange !== void 0;
 	const [internalOnlyChange, setInternalOnlyChange] = useState(defaultOnlyChange);
 	const onlyChange = isControlled ? controlledOnlyChange : internalOnlyChange;
+	const hasAnyFileChange = useMemo(() => dataSource.some((item) => item["change"] === true), [dataSource]);
+	useEffect(() => {
+		if (!hasAnyFileChange) if (isControlled && controlledOnChangeOnlyChange) {
+			if (controlledOnlyChange) controlledOnChangeOnlyChange(false);
+		} else setInternalOnlyChange(false);
+	}, [
+		hasAnyFileChange,
+		isControlled,
+		controlledOnChangeOnlyChange,
+		controlledOnlyChange
+	]);
 	const rootClassName = useMemo(() => `report-scope-${Math.random().toString(36).slice(2, 9)} canyonjs-report-html`, []);
 	function onChangeOnlyChange(v) {
 		if (isControlled && controlledOnChangeOnlyChange) controlledOnChangeOnlyChange(v);
@@ -1295,6 +1306,7 @@ const CanyonReport = ({ value, name, dataSource, onSelect, defaultOnlyChange = f
          ` }),
 				/* @__PURE__ */ jsx(TopControl_default, {
 					onlyChange,
+					showOnlyChangeSwitch: hasAnyFileChange,
 					filenameKeywords,
 					showMode,
 					onChangeShowMode: (val) => {

package/package.json

@@ -1,50 +1,50 @@
 {
   "name": "@canyonjs/report-component",
-  "type": "module",
-  "version": "1.0.20",
+  "version": "1.0.22",
+  "homepage": "https://github.com/canyon-project/canyon#readme",
+  "bugs": {
+    "url": "https://github.com/canyon-project/canyon/issues"
+  },
+  "license": "MIT",
   "author": "Travis Zhang<https://github.com/travzhang>",
   "repository": {
     "type": "git",
     "url": "https://github.com/canyon-project/canyon"
   },
-  "bugs": {
-    "url": "https://github.com/canyon-project/canyon/issues"
-  },
-  "homepage": "https://github.com/canyon-project/canyon#readme",
-  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./package.json": "./package.json",
     "./index.css": "./dist/index.css"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "dependencies": {
+    "@ant-design/icons": "6.1.0",
+    "@ibm/plex-mono": "1.1.0",
+    "antd": "6.1.0",
+    "canyon-data": "2.0.0-beta.36",
+    "monaco-editor": "0.55.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-highlight-words": "0.21.0"
+  },
   "devDependencies": {
+    "@monaco-editor/react": "4.7.0",
     "@tsconfig/strictest": "^2.0.8",
     "@types/istanbul-lib-coverage": "^2.0.6",
     "@types/node": "^24.10.1",
     "@types/react": "19.2.3",
     "@types/react-dom": "19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260408.1",
     "@vitejs/plugin-react": "^5.1.1",
     "istanbul-lib-coverage": "^3.2.2",
     "tsdown": "^0.17.0",
-    "@typescript/native-preview": "7.0.0-dev.20260204.1",
-    "vite": "8.0.0-beta.13",
-    "@monaco-editor/react": "4.7.0"
-  },
-  "dependencies": {
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "@ant-design/icons": "6.1.0",
-    "@ibm/plex-mono": "1.1.0",
-    "antd": "6.1.0",
-    "canyon-data": "2.0.0-beta.36",
-    "monaco-editor": "0.55.1",
-    "react-highlight-words": "0.21.0"
+    "vite": "8.0.7"
   },
   "scripts": {
     "build": "tsdown",