chore: fix biome error (#54682)

* chore: fix biome error

* fix

* fix again

* revert

.dumi/theme/builtins/Previewer/stackblitzConfig.ts

@@ -145,7 +145,7 @@ export default defineConfig({
   }
 }`,
     // .gitignore
-    [`.gitignore`]: `# Logs
+    '.gitignore': `# Logs
 logs
 *.log
 npm-debug.log*
@@ -159,7 +159,7 @@ dist
 dist-ssr
 *.local`,
     // eslint.config.js
-    [`eslint.config.js`]: `import js from '@eslint/js'
+    'eslint.config.js': `import js from '@eslint/js'
 import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'

.dumi/theme/slots/Content/ContributorAvatar.tsx

@@ -8,9 +8,7 @@ interface ContributorAvatarProps {
 }
 
 const ContributorAvatar: React.FC<ContributorAvatarProps> = (props) => {
-  const {
+  const { item: { username, url } = {} } = props;
-    item: { username, url } = {},
-  } = props;
   if (username?.includes('github-actions')) {
     return null;
   }

biome.json

@@ -47,9 +47,12 @@
       "complexity": {
         "noUselessTypeConstraint": "off",
         "noForEach": "off",
-        "useDateNow": "off"
+        "useDateNow": "off",
+        "noImportantStyles": "off",
+        "useIndexOf": "off"
       },
       "correctness": {
+        "useUniqueElementIds": "off",
         "useExhaustiveDependencies": "off",
         "useHookAtTopLevel": "off",
         "noUnusedFunctionParameters": "off",
@@ -62,7 +65,9 @@
         "noArrayIndexKey": "off",
         "noConfusingVoidType": "off",
         "noThenProperty": "off",
-        "noTemplateCurlyInString": "off"
+        "noTemplateCurlyInString": "off",
+        "useIterableCallbackReturn": "off",
+        "noUnknownAtRules": "off"
       },
       "performance": {
         "noDelete": "off",
@@ -78,9 +83,6 @@
         "noStaticElementInteractions": "off",
         "useAriaPropsSupportedByRole": "off",
         "useAriaPropsForRole": "off"
-      },
-      "nursery": {
-        "useUniqueElementIds": "off"
       }
     }
   },

components/_util/isPrimitive.ts

@@ -1,3 +1,4 @@
-const isPrimitive = (value: unknown) => (typeof value !== 'object' && typeof value !== 'function') || value === null;
+const isPrimitive = (value: unknown) =>
+  (typeof value !== 'object' && typeof value !== 'function') || value === null;
 
 export default isPrimitive;

components/badge/__tests__/index.test.tsx

@@ -268,6 +268,8 @@ describe('Badge', () => {
 
     // styles
     expect(element).toHaveStyle({ backgroundColor: 'rgb(255, 255, 0)' });
-    expect(element?.querySelector<HTMLElement>('sup')).toHaveStyle({ backgroundColor: 'rgb(0, 0, 255)' });
+    expect(element?.querySelector<HTMLElement>('sup')).toHaveStyle({
+      backgroundColor: 'rgb(0, 0, 255)',
+    });
   });
 });

components/button/button-group.tsx

@@ -57,6 +57,6 @@ const ButtonGroup: React.FC<ButtonGroupProps> = (props) => {
       <div {...others} className={classes} />
     </GroupSizeContext.Provider>
   );
-}
+};
 
 export default ButtonGroup;

components/date-picker/__tests__/DatePicker.test.tsx

@@ -427,7 +427,9 @@ describe('DatePicker', () => {
     expect(errSpy).toHaveBeenCalledWith(
       'Warning: [antd: DatePicker] `popupStyle` is deprecated. Please use `styles.popup.root` instead.',
     );
-    expect(container.querySelector('.ant-picker-dropdown')).toHaveStyle('background-color: rgb(255, 0, 0)');
+    expect(container.querySelector('.ant-picker-dropdown')).toHaveStyle(
+      'background-color: rgb(255, 0, 0)',
+    );
 
     errSpy.mockRestore();
   });

components/date-picker/__tests__/RangePicker.test.tsx

@@ -179,7 +179,9 @@ describe('RangePicker', () => {
     expect(errSpy).toHaveBeenCalledWith(
       'Warning: [antd: DatePicker.RangePicker] `popupStyle` is deprecated. Please use `styles.popup.root` instead.',
     );
-    expect(container.querySelector('.ant-picker-dropdown')).toHaveStyle('background-color: rgb(255, 0, 0)');
+    expect(container.querySelector('.ant-picker-dropdown')).toHaveStyle(
+      'background-color: rgb(255, 0, 0)',
+    );
 
     errSpy.mockRestore();
   });

components/date-picker/style/variants.ts

@@ -1,7 +1,12 @@
 import { unit } from '@ant-design/cssinjs';
 import type { CSSObject } from '@ant-design/cssinjs';
 
-import { genBorderlessStyle, genFilledStyle, genOutlinedStyle, genUnderlinedStyle } from '../../input/style/variants';
+import {
+  genBorderlessStyle,
+  genFilledStyle,
+  genOutlinedStyle,
+  genUnderlinedStyle,
+} from '../../input/style/variants';
 import type { PickerToken } from './token';
 
 const genVariantsStyle = (token: PickerToken): CSSObject => {

components/form/ErrorList.tsx

@@ -50,7 +50,7 @@ const ErrorList: React.FC<ErrorListProps> = ({
   fieldId,
   onVisibleChanged,
 }) => {
-  const { prefixCls } = React.useContext(FormItemPrefixContext);  
+  const { prefixCls } = React.useContext(FormItemPrefixContext);
 
   const baseClassName = `${prefixCls}-item-explain`;
 
@@ -91,11 +91,11 @@ const ErrorList: React.FC<ErrorListProps> = ({
     }));
   }, [fullKeyList]);
 
-  const helpProps: { id?: string } = { };
+  const helpProps: { id?: string } = {};
 
   if (fieldId) {
     helpProps.id = `${fieldId}_help`;
-  }  
+  }
 
   return wrapCSSVar(
     <CSSMotion

components/image/demo/toolbarRender.tsx

@@ -64,7 +64,10 @@ const App: React.FC = () => {
         ) => (
           <Space size={12} className="toolbar-wrapper">
             <LeftOutlined disabled={current === 0} onClick={() => onActive?.(-1)} />
-            <RightOutlined disabled={current === imageList.length - 1} onClick={() => onActive?.(1)} />
+            <RightOutlined
+              disabled={current === imageList.length - 1}
+              onClick={() => onActive?.(1)}
+            />
             <DownloadOutlined onClick={onDownload} />
             <SwapOutlined rotate={90} onClick={onFlipY} />
             <SwapOutlined onClick={onFlipX} />

components/list/__tests__/Item.test.tsx

@@ -276,7 +276,9 @@ describe('List Item Layout', () => {
         <List itemLayout="vertical" dataSource={dataSource} renderItem={(item) => getItem(item)} />,
       </ConfigProvider>,
     );
-    expect(container.querySelector('.ant-list-item-extra')!).toHaveStyle('color: rgb(255, 192, 203)');
+    expect(container.querySelector('.ant-list-item-extra')!).toHaveStyle(
+      'color: rgb(255, 192, 203)',
+    );
     expect(container.querySelector('.ant-list-item-action')!).toHaveStyle('color: rgb(0, 128, 0)');
 
     expect(container.querySelector('.ant-list-item-extra')!).toHaveClass(

components/locale/tr_TR.ts

@@ -78,7 +78,7 @@ const localeValues: Locale = {
     copy: 'Kopyala',
     copied: 'Kopyalandı',
     expand: 'Genişlet',
-    collapse: 'Daralt'
+    collapse: 'Daralt',
   },
   Form: {
     optional: '(opsiyonel)',

components/typography/Base/index.tsx

@@ -112,13 +112,13 @@ function wrapperDecorations(
 const ELLIPSIS_STR = '...';
 
 const DECORATION_PROPS = [
-  'delete', 
+  'delete',
-  'mark', 
+  'mark',
-  'code', 
+  'code',
-  'underline', 
+  'underline',
-  'strong', 
+  'strong',
-  'keyboard', 
+  'keyboard',
-  'italic'
+  'italic',
 ] as const;
 
 const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
@@ -466,13 +466,13 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
               onEllipsis={onJsEllipsis}
               expanded={expanded}
               miscDeps={[
-                copied, 
+                copied,
-                expanded, 
+                expanded,
-                copyLoading, 
+                copyLoading,
-                enableEdit, 
+                enableEdit,
-                enableCopy, 
+                enableCopy,
-                textLocale, 
+                textLocale,
-                ...DECORATION_PROPS.map(key => props[key as keyof BlockProps])
+                ...DECORATION_PROPS.map((key) => props[key as keyof BlockProps]),
               ]}
             >
               {(node, canEllipsis) =>

components/upload/__tests__/uploadlist.test.tsx

@@ -161,7 +161,6 @@ describe('Upload List', () => {
 
   it('should be uploading when upload a file', async () => {
     const done = jest.fn();
-    // biome-ignore lint/style/useConst: test only
     let wrapper: ReturnType<typeof render>;
     let latestFileList: UploadFile<any>[] | null = null;
     const onChange: UploadProps['onChange'] = async ({ file, fileList: eventFileList }) => {
@@ -1201,7 +1200,6 @@ describe('Upload List', () => {
     it('should render <img /> when upload non-image file and configure thumbUrl in onChange', async () => {
       const thumbUrl =
         'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png';
-      // biome-ignore lint/style/useConst: test only
       let wrapper: ReturnType<typeof render>;
       const onChange = jest.fn<void, Record<'fileList', UploadProps['fileList']>[]>(
         ({ fileList: files }) => {
@@ -1258,7 +1256,6 @@ describe('Upload List', () => {
     it('should not render <img /> when upload non-image file without thumbUrl in onChange', async () => {
       (global as any).testName =
         'should not render <img /> when upload non-image file without thumbUrl in onChange';
-      // biome-ignore lint/style/useConst: test only
       let wrapper: ReturnType<typeof render>;
       const onChange = jest.fn<void, Record<'fileList', UploadProps['fileList']>[]>(
         ({ fileList: files }) => {
@@ -1302,7 +1299,6 @@ describe('Upload List', () => {
 
   it('[deprecated] should support transformFile', (done) => {
     jest.useRealTimers();
-    // biome-ignore lint/style/useConst: test only
     let wrapper: ReturnType<typeof render>;
     let lastFile: UploadFile;
 

tests/__mocks__/rc-util/lib/Portal.tsx

@@ -28,12 +28,14 @@ class MockPortal extends React.Component<React.PropsWithChildren> {
   }
 }
 
-const CustomPortal = React.forwardRef<PortalRef, PortalProps | React.PropsWithChildren>((props, ref) => {
+const CustomPortal = React.forwardRef<PortalRef, PortalProps | React.PropsWithChildren>(
-  const context = React.useContext(TriggerMockContext);
+  (props, ref) => {
-  if (context?.mock === false) {
+    const context = React.useContext(TriggerMockContext);
-    return <OriginPortal {...props} ref={ref} />;
+    if (context?.mock === false) {
-  }
+      return <OriginPortal {...props} ref={ref} />;
-  return <MockPortal {...props} />;
+    }
-});
+    return <MockPortal {...props} />;
+  },
+);
 
-export default CustomPortal;
+export default CustomPortal;

webpack.config.js

@@ -62,7 +62,7 @@ function addPluginsForProduction(config) {
       enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
       bundleName: 'antd.min',
       uploadToken: process.env.CODECOV_TOKEN,
-      gitService: "github",
+      gitService: 'github',
     }),
     new CircularDependencyPlugin({
       failOnError: true,