fix: add class "noprint" to elements should not be printed (#1660)

* fix: add class "noprint" to elements should not be printed
qiuwenbaike · Jan 11, 2025 · 6431f86 · 6431f86
1 parent c275e75
commit 6431f86
Show file tree

Hide file tree

Showing 12 changed files with 47 additions and 42 deletions.
diff --git a/dist/EasyArchive/EasyArchive.js b/dist/EasyArchive/EasyArchive.js
diff --git a/dist/GeoLocationReader/GeoLocationReader.js b/dist/GeoLocationReader/GeoLocationReader.js
diff --git a/dist/MarkRights-Userpage/MarkRights-Userpage.js b/dist/MarkRights-Userpage/MarkRights-Userpage.js
diff --git a/dist/PagePatroller/PagePatroller.js b/dist/PagePatroller/PagePatroller.js
diff --git a/dist/QueryContributors/QueryContributors.js b/dist/QueryContributors/QueryContributors.js
diff --git a/dist/WhoIsActive/WhoIsActive.js b/dist/WhoIsActive/WhoIsActive.js
diff --git a/src/EasyArchive/modules/util/react.tsx b/src/EasyArchive/modules/util/react.tsx
@@ -7,19 +7,19 @@ const elementWrap = (id: string, innerElement: ReactElement) => {
 
 	if (skin === 'citizen') {
 		return (
-			<section id={id} className={[footerNotice, 'page-info__item', 'citizen-footer__pageinfo-item']}>
+			<section id={id} className={[footerNotice, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}>
 				{innerElement}
 			</section>
 		);
 	} else if (['vector', 'vector-2022', 'gongbi'].includes(skin) || document.querySelector('ul#footer-info')) {
 		return (
-			<li id={id} className={footerNotice}>
+			<li id={id} className={[footerNotice, 'noprint']}>
 				{innerElement}
 			</li>
 		);
 	}
 	return (
-		<div id={id} className={footerNotice}>
+		<div id={id} className={[footerNotice, 'noprint']}>
 			{innerElement}
 		</div>
 	);

diff --git a/src/GeoLocationReader/modules/util/appendIcon.tsx b/src/GeoLocationReader/modules/util/appendIcon.tsx
@@ -9,14 +9,14 @@ const elementWrap = (spanClass: 'green' | 'orange', innerElement: ReactElement)
 
 	if (skin === 'citizen') {
 		return (
-			<section className={[...classNames, 'page-info__item', 'citizen-footer__pageinfo-item']}>
+			<section className={[...classNames, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}>
 				{innerElement}
 			</section>
 		);
 	} else if (['vector', 'vector-2022', 'gongbi'].includes(skin) || document.querySelector('ul#footer-info')) {
-		return <li className={classNames}>{innerElement}</li>;
+		return <li className={[classNames, 'noprint']}>{innerElement}</li>;
 	}
-	return <div className={classNames}>{innerElement}</div>;
+	return <div className={[classNames, 'noprint']}>{innerElement}</div>;
 };
 
 const indicator = (icon: 'globe' | 'helpNotice', indicatorText: string) => {

diff --git a/src/MarkRights-Userpage/modules/appendIcon.tsx b/src/MarkRights-Userpage/modules/appendIcon.tsx
@@ -8,14 +8,14 @@ const elementWrap = (spanClass: UserRights, innerElement: ReactElement) => {
 
 	if (skin === 'citizen') {
 		return (
-			<section className={[...classNames, 'page-info__item', 'citizen-footer__pageinfo-item']}>
+			<section className={[...classNames, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}>
 				{innerElement}
 			</section>
 		);
 	} else if (['vector', 'vector-2022', 'gongbi'].includes(skin) || document.querySelector('ul#footer-info')) {
-		return <li className={classNames}>{innerElement}</li>;
+		return <li className={[classNames, 'noprint']}>{innerElement}</li>;
 	}
-	return <div className={classNames}>{innerElement}</div>;
+	return <div className={[classNames, 'noprint']}>{innerElement}</div>;
 };
 
 const indicator = ({

diff --git a/src/PagePatroller/modules/elementWrap.tsx b/src/PagePatroller/modules/elementWrap.tsx
@@ -8,13 +8,13 @@ const elementWrap = () => {
 		return (
 			<section
 				id={OPTIONS.elementId}
-				className={[OPTIONS.elementId, 'page-info__item', 'citizen-footer__pageinfo-item']}
+				className={[OPTIONS.elementId, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}
 			/>
 		);
 	} else if (['vector', 'vector-2022', 'gongbi'].includes(skin) || document.querySelector('ul#footer-info')) {
-		return <li id={OPTIONS.elementId} />;
+		return <li id={OPTIONS.elementId} className={'noprint'} />;
 	}
-	return <div id={OPTIONS.elementId} />;
+	return <div id={OPTIONS.elementId} className={'noprint'} />;
 };
 
 const notBeenPatrolledYet = () => (

diff --git a/src/QueryContributors/modules/appendElement.tsx b/src/QueryContributors/modules/appendElement.tsx
@@ -16,19 +16,22 @@ const elementWrap = (innerElement: ReactElement) => {
 
 	if (skin === 'citizen') {
 		return (
-			<section id={className} className={[className, 'page-info__item', 'citizen-footer__pageinfo-item']}>
+			<section
+				id={className}
+				className={[className, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}
+			>
 				{innerElement}
 			</section>
 		);
 	} else if (['vector', 'vector-2022', 'gongbi'].includes(skin) || document.querySelector('ul#footer-info')) {
 		return (
-			<li id={className} className={className}>
+			<li id={className} className={[className, 'noprint']}>
 				{innerElement}
 			</li>
 		);
 	}
 	return (
-		<div id={className} className={className}>
+		<div id={className} className={[className, 'noprint']}>
 			{innerElement}
 		</div>
 	);

diff --git a/src/WhoIsActive/modules/getLastActiveMarker.tsx b/src/WhoIsActive/modules/getLastActiveMarker.tsx
@@ -11,15 +11,15 @@ function Wrapper(props: {timeSpan: TimeSpan; innerElement: React.ReactElement})
 
 	if (skin === 'citizen') {
 		return (
-			<section className={[...className, 'page-info__item', 'citizen-footer__pageinfo-item']}>
+			<section className={[...className, 'page-info__item', 'citizen-footer__pageinfo-item', 'noprint']}>
 				{innerElement}
 			</section>
 		);
 	} else if (['gongbi', 'vector', 'vector-2022'].includes(skin) || document.querySelector('ul#footer-info')) {
-		return <li className={className}>{innerElement}</li>;
+		return <li className={[className, 'noprint']}>{innerElement}</li>;
 	}
 
-	return <div className={className}>{innerElement}</div>;
+	return <div className={[className, 'noprint']}>{innerElement}</div>;
 }
 
 function Tag(props: {timeSpan: TimeSpan; indicator: boolean}) {