chore: fix biome warning (#1353)

* chore: fix biome warning

* chore: fix warning

Author: gin-lsl

.dumi/components/ShowCase/CryptoInput.tsx

@@ -54,6 +54,7 @@ const App: React.FC = () => {
             }}
             options={[ETH, USDT]}
           />
+          {/* biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}
           <span
             style={{
               width: 30,

.dumi/components/Theme/components/Thumbnail.tsx

@@ -58,6 +58,7 @@ const ThumbnailItem: React.FC<ThumbnailItemProps> = (item) => {
       curTheme.name === 'Dark' ? token.colorWhite : token.colorTextBase,
   } as React.CSSProperties;
   return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: by design
     <div
       className={classNames(styles.thumbnailItem, {
         [styles.selected]: selected,
@@ -138,9 +139,9 @@ export type ThumbnailProps = {
 export const Thumbnail: React.FC<ThumbnailProps> = ({ selectedTheme, onSelect }) => {
   return (
     <div className={styles.thumbnail}>
-      {themes.map((theme, index) => (
+      {themes.map((theme) => (
         <ThumbnailItem
-          key={index}
+          key={theme.value}
           {...theme}
           selected={theme.name === selectedTheme.name}
           onSelect={onSelect}

.dumi/theme/builtins/IconSearch/IconSearch.tsx

@@ -92,7 +92,7 @@ const IconSearch: React.FC = () => {
         let iconList = categories[key as CategoriesKeys];
         if (searchKey) {
           const matchKey = searchKey
-            .replace(new RegExp(`^<([a-zA-Z]*)\\s/>$`, 'gi'), (_, name) => name)
+            .replace(/^<([a-zA-Z]*)\s\/>$/gi, (_, name) => name)
             .replace(/(Colorful|Filled|CircleFilled|CircleColorful)$/gi, '')
             .toLowerCase();
           iconList = iconList.filter((iconName) => iconName.toLowerCase().includes(matchKey));

.dumi/theme/builtins/IconSearch/index.tsx

@@ -43,6 +43,7 @@ const IconSearchFallback = () => {
         {Array(24)
           .fill(1)
           .map((_, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey:
             <div key={index} className={styles.skeletonWrapper}>
               <Skeleton.Node active style={{ height: 110, width: '100%' }}>
                 {' '}

.dumi/theme/builtins/IconSearch/themeIcons.tsx

@@ -23,6 +23,7 @@ export const FilledIcon: CustomIconComponent = (props) => {
     ' 12 12v680c0 6.6-5.4 12-12 12z';
   return (
     <svg {...props} viewBox="0 0 1024 1024">
+      <title>Filled icons</title>
       <path d={path} />
     </svg>
   );
@@ -36,6 +37,7 @@ export const CircleFilledIcon: CustomIconComponent = (props) => {
     '68 368 0 203.41-164.622 368-368 368z';
   return (
     <svg {...props} viewBox="0 0 1024 1024">
+      <title>CircleFilled icons</title>
       <path d={path} />
     </svg>
   );

.dumi/theme/builtins/InstallDependencies/npm.tsx

@@ -19,6 +19,7 @@ const NpmIcon: React.FC<IconProps> = (props) => {
       viewBox="0 0 16 16"
       width="1em"
     >
+      <title>NPM</title>
       <path d="M0 0v16h16v-16h-16zM13 13h-2v-8h-3v8h-5v-10h10v10z" />
     </svg>
   );

.dumi/theme/builtins/NormalInstallDependencies/index.tsx

@@ -7,7 +7,7 @@ interface NormalInstallProps {
 
 const NormalInstallDependencies: React.FC<NormalInstallProps> = (props) => {
   const { packageNames, save } = props;
-  let realSave: boolean = false;
+  let realSave = false;
   if (save === 'true') {
     realSave = true;
   } else if (save !== 'false') {

.dumi/theme/builtins/Overview/index.tsx

@@ -43,12 +43,12 @@ const useStyle = createStyles(({ token, css }, { dark }: { dark: boolean }) => (
     border-radius: 36px;
     font-size: 44px;
     background-image: ${dark
-      ? `linear-gradient(175deg, #262525 -8%, #363535 32%)`
-      : `linear-gradient(175deg, #f5f8fc -8%, #ffffff 32%)`};
+      ? 'linear-gradient(175deg, #262525 -8%, #363535 32%)'
+      : 'linear-gradient(175deg, #f5f8fc -8%, #ffffff 32%)'};
     border-image-slice: 1;
     box-shadow: ${dark
-      ? `0px 0 14px 2px rgba(210, 198, 255, 0.25), inset 0px -2px 0 0 #525355`
-      : `0px 25px 14px 2px rgba(210, 198, 255, 0.25), inset 0px -4px 0 0 #e6ebf3`};
+      ? '0px 0 14px 2px rgba(210, 198, 255, 0.25), inset 0px -2px 0 0 #525355'
+      : '0px 25px 14px 2px rgba(210, 198, 255, 0.25), inset 0px -4px 0 0 #e6ebf3'};
   `,
   componentsOverviewCard: css`
     cursor: pointer;

.dumi/theme/layouts/GlobalLayout.tsx

@@ -18,7 +18,8 @@ const GlobalLayout: React.FC = () => {
 
   useServerInsertedHTML(() => {
     const styleText = extractStyle(cssCache, { plain: true });
-    return <style id="antd-cssinjs" dangerouslySetInnerHTML={{ __html: styleText }}></style>;
+    // biome-ignore lint/security/noDangerouslySetInnerHtml: by design
+    return <style id="antd-cssinjs" dangerouslySetInnerHTML={{ __html: styleText }} />;
   });
 
   return (

.dumirc.ts

@@ -1,5 +1,5 @@
-import { existsSync, readdirSync } from 'fs';
-import { join, resolve } from 'path';
+import { existsSync, readdirSync } from 'node:fs';
+import { join, resolve } from 'node:path';
 import { defineConfig } from 'dumi';
 
 const openSSR = process.env.SSR || process.env.NODE_ENV === 'production';