build: optimize format (qiuwenbaike#1641)

* build: optimize format

Author: WaitSpringQW

dist/EasyArchive/EasyArchive.js

@@ -27,15 +27,15 @@ const elementWrap = (id: string, innerElement: ReactElement) => {
 
 const onClickWrap = (textContent: string, className: string, onClick?: (event: Event) => void) => (
 	<a
-		class={['gadget-easy_archive__link', `gadget-easy_archive__link-${className}`]}
+		className={['gadget-easy_archive__link', `gadget-easy_archive__link-${className}`]}
 		onClick={onClick}
 		textContent={textContent}
 	/>
 );
 
-const pipeElement = () => <span class="mw-editsection-divider" textContent={'|'} />;
+const pipeElement = () => <span className="mw-editsection-divider" textContent={'|'} />;
 
-const sectionIdSpanElement = () => <span class={[sectionIdSpan]} />;
+const sectionIdSpanElement = () => <span className={sectionIdSpan} />;
 
 const spanWrap = (innerHTML: string) => <span innerHTML={innerHTML} />;
 

dist/LogFilter/LogFilter.js

@@ -82,31 +82,31 @@ class LogFilter {
 		}
 		const fieldSetInner = (
 			<>
-				<div class="gadget-log_filter__regex">
+				<div className="gadget-log_filter__regex">
 					<label htmlFor="gadget-log_filter__regex">{mw.html.escape(LogFilter.msg('regex-label'))}</label>
 					<input id="gadget-log_filter__regex" />
 				</div>
-				<div class="gadget-log_filter__checkboxes">
-					<div class="gadget-log_filter__invert">
+				<div className="gadget-log_filter__checkboxes">
+					<div className="gadget-log_filter__invert">
 						<input id="gadget-log_filter__invert" type="checkbox" />
 						<label htmlFor="gadget-log_filter__invert">
 							{mw.html.escape(LogFilter.msg('invert-label'))}
 						</label>
 					</div>
-					<div class="gadget-log_filter__case">
+					<div className="gadget-log_filter__case">
 						<input id="gadget-log_filter__case" type="checkbox" />
 						<label htmlFor="gadget-log_filter__case">{mw.html.escape(LogFilter.msg('case-label'))}</label>
 					</div>
 				</div>
-				<div class="gadget-log_filter__buttons">
+				<div className="gadget-log_filter__buttons">
 					<button
-						class={['cdx-button cdx-button--action-progressive', 'cdx-button--weight-primary']}
+						className={['cdx-button cdx-button--action-progressive', 'cdx-button--weight-primary']}
 						value="0"
 					>
 						{mw.html.escape(LogFilter.msg('filter-button'))}
 					</button>
 					<button
-						class={['cdx-button cdx-button--action-progressive', 'cdx-button--weight-primary']}
+						className={['cdx-button cdx-button--action-progressive', 'cdx-button--weight-primary']}
 						value="1"
 					>
 						{mw.html.escape(LogFilter.msg('highlight-button'))}

dist/PagePatroller/PagePatroller.js

@@ -18,27 +18,25 @@ const elementWrap = () => {
 };
 
 const notBeenPatrolledYet = () => (
-	<span id={'page_patroller__not-patrolled'}>{getMessage('This page has not been patrolled yet')}</span>
+	<span id="page_patroller__not-patrolled">{getMessage('This page has not been patrolled yet')}</span>
 );
 
-const loading = () => <span id={'page_patroller__loading'}>{getMessage('Loading...')}</span>;
+const loading = () => <span id="page_patroller__loading">{getMessage('Loading...')}</span>;
 
 const patrolled = () => (
-	<span id={'page_patroller__patrolled'}>
+	<span id="page_patroller__patrolled">
 		{getMessage('This page has been patrolled, or has been marked as auto-patrolled')}
 	</span>
 );
 
 const patrolledBy = (timestampText: string, user: string) => (
-	<span id={'page_patroller__patrolled-by'}>
+	<span id="page_patroller__patrolled-by">
 		{getMessage('This page was patrolled at by').replace('$1', timestampText)}
 		<a href={mw.util.getUrl(`User:${user}`)}>{user}</a>
 		{getMessage('period')}
 	</span>
 );
 
-const errorMessage = () => (
-	<span id={'page_patroller__error'}>{getMessage('Error occurs when finding patroller')}</span>
-);
+const errorMessage = () => <span id="page_patroller__error">{getMessage('Error occurs when finding patroller')}</span>;
 
 export {elementWrap, errorMessage, loading, notBeenPatrolledYet, patrolled, patrolledBy};