From 2c0e0f2101f331a2e344e952c2a9f71e2bdad0a5 Mon Sep 17 00:00:00 2001
From: Rylan <rylanbot@qq.com>
Date: Fri, 12 Jun 2026 16:58:03 +0800
Subject: [PATCH] chore: update prettier config in eslint

---
 .eslintignore                                 |  1 +
 .eslintrc.js                                  | 26 +++++++--
 .prettierignore                               |  1 -
 .prettierrc.js                                | 39 -------------
 .vscode/settings.json                         | 10 ++--
 .../components/auto-complete/AutoComplete.tsx |  3 +-
 packages/components/badge/_example/color.tsx  |  2 +-
 packages/components/button/Button.tsx         |  3 +-
 .../components/cascader/components/Panel.tsx  |  3 +-
 packages/components/cascader/interface.ts     | 35 ++++++------
 .../components/checkbox/CheckboxGroup.tsx     |  3 +-
 .../color-picker/components/trigger.tsx       |  6 +-
 .../components/date-picker/base/Table.tsx     |  3 +-
 .../date-picker/panel/ExtraContent.tsx        |  9 ++-
 .../date-picker/panel/SinglePanel.tsx         |  9 ++-
 .../components/drawer/hooks/useLockStyle.ts   |  2 +-
 packages/components/empty/Empty.tsx           |  4 +-
 packages/components/hooks/useRipple.ts        | 11 ++--
 .../input-adornment/_example/select.tsx       | 17 ++++--
 .../input-adornment/_example/text.tsx         |  2 +-
 packages/components/input/Input.tsx           |  2 +-
 .../components/input/_example/disabled.tsx    |  2 +-
 packages/components/input/_example/format.tsx |  2 +-
 .../input/_example/max-length-count.tsx       |  2 +-
 packages/components/list/_example/size.tsx    |  2 +-
 packages/components/list/_example/stripe.tsx  |  2 +-
 .../list/hooks/useListVirtualScroll.ts        |  6 +-
 packages/components/menu/MenuContext.ts       |  6 +-
 packages/components/qrcode/QRCode.tsx         |  4 +-
 packages/components/select/base/Option.tsx    |  4 +-
 .../components/select/base/PopupContent.tsx   | 55 ++++++++++++-------
 packages/components/table/interface.ts        |  3 +-
 packages/components/tag/_example/shape.tsx    |  2 +-
 packages/components/tag/_example/size.tsx     |  2 +-
 packages/components/textarea/Textarea.tsx     |  3 +-
 .../components/time-picker/TimePicker.tsx     | 11 ++--
 .../time-picker/TimeRangePicker.tsx           |  6 +-
 .../time-picker/panel/SinglePanel.tsx         |  6 +-
 packages/components/transfer/TransferList.tsx | 21 +++++--
 .../components/tree-select/TreeSelect.tsx     | 21 +++++--
 .../tree/hooks/useTreeVirtualScroll.ts        |  2 +-
 packages/components/tree/interface.ts         | 36 ++++++------
 .../typography/ellipsis/useEllipsis.tsx       |  8 +--
 43 files changed, 216 insertions(+), 181 deletions(-)
 delete mode 100644 .prettierignore
 delete mode 100644 .prettierrc.js

diff --git a/.eslintignore b/.eslintignore
index 18e9f7cb20..f5a9cb43b9 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -14,3 +14,4 @@ temp*
 static/
 packages/common
 packages/ai-core
+site/engineering/static
diff --git a/.eslintrc.js b/.eslintrc.js
index 2ae538404a..df6451340a 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,12 +1,12 @@
 module.exports = {
   extends: [
     'airbnb-base',
-    'prettier', // eslint-config-prettier 处理冲突
     'plugin:react/recommended',
     'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
   ],
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'react-hooks', 'simple-import-sort'],
+  plugins: ['@typescript-eslint', 'react-hooks', 'simple-import-sort', 'prettier'],
   env: {
     browser: true,
     node: true,
@@ -69,7 +69,25 @@ module.exports = {
     ],
     'max-len': 'off',
     'no-shadow': 'off',
-
+    'prettier/prettier': [
+      'error',
+      {
+        printWidth: 120,
+        tabWidth: 2,
+        useTabs: false,
+        semi: true,
+        singleQuote: true,
+        quoteProps: 'as-needed',
+        jsxSingleQuote: false,
+        trailingComma: 'all',
+        bracketSpacing: true,
+        jsxBracketSameLine: false,
+        arrowParens: 'always',
+        proseWrap: 'preserve',
+        htmlWhitespaceSensitivity: 'css',
+        endOfLine: 'lf',
+      },
+    ],
     // import config
     'import/order': 'off',
     'import/extensions': 'off',
@@ -103,7 +121,6 @@ module.exports = {
       },
     ],
     'simple-import-sort/exports': 'error',
-
     // typescript config
     '@typescript-eslint/explicit-module-boundary-types': 'off',
     '@typescript-eslint/ban-types': 'off',
@@ -125,7 +142,6 @@ module.exports = {
         disallowTypeAnnotations: false,
       },
     ],
-
     // react config
     'react/display-name': 'off',
     'react-hooks/exhaustive-deps': 'warn',
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index fa9c16338e..0000000000
--- a/.prettierignore
+++ /dev/null
@@ -1 +0,0 @@
-site/engineering/static
\ No newline at end of file
diff --git a/.prettierrc.js b/.prettierrc.js
deleted file mode 100644
index 5e922325a3..0000000000
--- a/.prettierrc.js
+++ /dev/null
@@ -1,39 +0,0 @@
-module.exports = {
-  // 一行最多 120 字符
-  printWidth: 120,
-  // 使用 2 个空格缩进
-  tabWidth: 2,
-  // 不使用缩进符，而使用空格
-  useTabs: false,
-  // 行尾需要有分号
-  semi: true,
-  // 使用单引号
-  singleQuote: true,
-  // 对象的 key 仅在必要时用引号
-  quoteProps: 'as-needed',
-  // jsx 不使用单引号，而使用双引号
-  jsxSingleQuote: false,
-  // 末尾需要有逗号
-  trailingComma: 'all',
-  // 大括号内的首尾需要空格
-  bracketSpacing: true,
-  // jsx 标签的反尖括号需要换行
-  jsxBracketSameLine: false,
-  // 箭头函数，只有一个参数的时候，也需要括号
-  arrowParens: 'always',
-  // 每个文件格式化的范围是文件的全部内容
-  rangeStart: 0,
-  rangeEnd: Infinity,
-  // 不需要写文件开头的 @prettier
-  requirePragma: false,
-  // 不需要自动在文件开头插入 @prettier
-  insertPragma: false,
-  // 使用默认的折行标准
-  proseWrap: 'preserve',
-  // 根据显示样式决定 html 要不要折行
-  htmlWhitespaceSensitivity: 'css',
-  // vue 文件中的 script 和 style 内不用缩进
-  vueIndentScriptAndStyle: false,
-  // 换行符使用 lf
-  endOfLine: 'lf',
-};
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5612f155f8..21faa3454b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,23 +3,23 @@
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
   "[html]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[typescriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[javascriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[typescript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "[javascript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
diff --git a/packages/components/auto-complete/AutoComplete.tsx b/packages/components/auto-complete/AutoComplete.tsx
index 2b308fd08a..14e96a0cac 100644
--- a/packages/components/auto-complete/AutoComplete.tsx
+++ b/packages/components/auto-complete/AutoComplete.tsx
@@ -17,8 +17,7 @@ import type { OptionsListProps } from './OptionList';
 import type { AutoCompleteOption, TdAutoCompleteProps } from './type';
 
 export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOption>
-  extends TdAutoCompleteProps<T>,
-    StyledProps {}
+  extends TdAutoCompleteProps<T>, StyledProps {}
 
 export interface AutoCompleteRef {
   inputRef: InputRef;
diff --git a/packages/components/badge/_example/color.tsx b/packages/components/badge/_example/color.tsx
index 500e158182..7384493f67 100644
--- a/packages/components/badge/_example/color.tsx
+++ b/packages/components/badge/_example/color.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState } from 'react';
 import { Badge, Checkbox } from 'tdesign-react';
 
 const colors = [
diff --git a/packages/components/button/Button.tsx b/packages/components/button/Button.tsx
index 9d4b87abe2..f0746cc7f7 100644
--- a/packages/components/button/Button.tsx
+++ b/packages/components/button/Button.tsx
@@ -12,8 +12,7 @@ import { buttonDefaultProps } from './defaultProps';
 import type { TdButtonProps } from './type';
 
 export interface ButtonProps
-  extends TdButtonProps,
-    Omit<React.AllHTMLAttributes<HTMLElement>, 'content' | 'shape' | 'size' | 'type'> {}
+  extends TdButtonProps, Omit<React.AllHTMLAttributes<HTMLElement>, 'content' | 'shape' | 'size' | 'type'> {}
 
 const Button = forwardRef((originProps: ButtonProps, ref: React.RefObject<HTMLElement>) => {
   const props = useDefaultProps(originProps, buttonDefaultProps);
diff --git a/packages/components/cascader/components/Panel.tsx b/packages/components/cascader/components/Panel.tsx
index 5b973b526d..edee3fd667 100644
--- a/packages/components/cascader/components/Panel.tsx
+++ b/packages/components/cascader/components/Panel.tsx
@@ -13,8 +13,7 @@ import type { CascaderContextType, TreeNode } from '../interface';
 import type { TdCascaderProps } from '../type';
 
 export interface CascaderPanelProps
-  extends StyledProps,
-    Pick<TdCascaderProps, 'trigger' | 'empty' | 'onChange' | 'loading' | 'loadingText' | 'option'> {
+  extends StyledProps, Pick<TdCascaderProps, 'trigger' | 'empty' | 'onChange' | 'loading' | 'loadingText' | 'option'> {
   cascaderContext: CascaderContextType;
 }
 
diff --git a/packages/components/cascader/interface.ts b/packages/components/cascader/interface.ts
index ee13e287cc..c927779301 100644
--- a/packages/components/cascader/interface.ts
+++ b/packages/components/cascader/interface.ts
@@ -5,24 +5,23 @@ import type { TdSelectInputProps } from '../select-input/type';
 import type { CascaderChangeSource, CascaderValue, TdCascaderProps } from './type';
 
 export * from './type';
-export interface CascaderContextType
-  extends Pick<
-    TdCascaderProps,
-    | 'size'
-    | 'disabled'
-    | 'checkStrictly'
-    | 'lazy'
-    | 'multiple'
-    | 'filterable'
-    | 'filter'
-    | 'clearable'
-    | 'checkProps'
-    | 'showAllLevels'
-    | 'max'
-    | 'value'
-    | 'minCollapsedNum'
-    | 'valueType'
-  > {
+export interface CascaderContextType extends Pick<
+  TdCascaderProps,
+  | 'size'
+  | 'disabled'
+  | 'checkStrictly'
+  | 'lazy'
+  | 'multiple'
+  | 'filterable'
+  | 'filter'
+  | 'clearable'
+  | 'checkProps'
+  | 'showAllLevels'
+  | 'max'
+  | 'value'
+  | 'minCollapsedNum'
+  | 'valueType'
+> {
   treeStore: TreeStore;
   setValue: (val: CascaderValue, source: CascaderChangeSource, node?: TreeNodeModel) => void;
   visible: boolean;
diff --git a/packages/components/checkbox/CheckboxGroup.tsx b/packages/components/checkbox/CheckboxGroup.tsx
index db464f5ebf..24e84c3a7f 100644
--- a/packages/components/checkbox/CheckboxGroup.tsx
+++ b/packages/components/checkbox/CheckboxGroup.tsx
@@ -22,8 +22,7 @@ import type {
 } from './type';
 
 export interface CheckboxGroupProps<T extends CheckboxGroupValue = CheckboxGroupValue>
-  extends TdCheckboxGroupProps<T>,
-    StyledProps {
+  extends TdCheckboxGroupProps<T>, StyledProps {
   children?: React.ReactNode;
 }
 
diff --git a/packages/components/color-picker/components/trigger.tsx b/packages/components/color-picker/components/trigger.tsx
index 2de05b647f..d508f7dab4 100644
--- a/packages/components/color-picker/components/trigger.tsx
+++ b/packages/components/color-picker/components/trigger.tsx
@@ -9,8 +9,10 @@ import useClassName from '../hooks/useClassNames';
 import type { TdColorPickerProps } from '..';
 import type { TdColorContext } from '../interface';
 
-export interface ColorTriggerProps
-  extends Pick<TdColorPickerProps, 'disabled' | 'inputProps' | 'borderless' | 'clearable' | 'onClear'> {
+export interface ColorTriggerProps extends Pick<
+  TdColorPickerProps,
+  'disabled' | 'inputProps' | 'borderless' | 'clearable' | 'onClear'
+> {
   value?: string;
   onChange?: (v?: string, context?: TdColorContext) => {};
 }
diff --git a/packages/components/date-picker/base/Table.tsx b/packages/components/date-picker/base/Table.tsx
index c2abc3f746..ac69807a9e 100644
--- a/packages/components/date-picker/base/Table.tsx
+++ b/packages/components/date-picker/base/Table.tsx
@@ -16,7 +16,8 @@ import type { DateMultipleValue, DateRangeValue, DateValue, TdDatePickerProps }
 dayjs.extend(isoWeek);
 
 export interface DatePickerTableProps
-  extends Pick<TdDatePickerProps, 'mode' | 'firstDayOfWeek' | 'format' | 'multiple' | 'cell'>,
+  extends
+    Pick<TdDatePickerProps, 'mode' | 'firstDayOfWeek' | 'format' | 'multiple' | 'cell'>,
     Pick<SinglePanelProps, 'onCellClick' | 'onCellMouseEnter' | 'onCellMouseLeave'>,
     Pick<PanelContentProps, 'value'> {
   data?: Array<any>;
diff --git a/packages/components/date-picker/panel/ExtraContent.tsx b/packages/components/date-picker/panel/ExtraContent.tsx
index b9a728d2ab..fd8aa2acd6 100644
--- a/packages/components/date-picker/panel/ExtraContent.tsx
+++ b/packages/components/date-picker/panel/ExtraContent.tsx
@@ -5,11 +5,10 @@ import DateFooter from '../base/Footer';
 import type { DateMultipleValue, DateValue, TdDatePickerProps, TdDateRangePickerProps } from '../type';
 import type { SinglePanelProps } from './SinglePanel';
 
-export interface ExtraContentProps
-  extends Pick<
-    SinglePanelProps,
-    'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick' | 'needConfirm'
-  > {
+export interface ExtraContentProps extends Pick<
+  SinglePanelProps,
+  'enableTimePicker' | 'presetsPlacement' | 'onPresetClick' | 'onConfirmClick' | 'needConfirm'
+> {
   selectedValue?: DateValue | DateMultipleValue;
   presets?: TdDatePickerProps['presets'] | TdDateRangePickerProps['presets'];
   onTimeModeChange?: () => void;
diff --git a/packages/components/date-picker/panel/SinglePanel.tsx b/packages/components/date-picker/panel/SinglePanel.tsx
index 5976f72421..9dd6dc3a47 100644
--- a/packages/components/date-picker/panel/SinglePanel.tsx
+++ b/packages/components/date-picker/panel/SinglePanel.tsx
@@ -16,8 +16,7 @@ import type { TdTimePickerProps } from '../../time-picker';
 import type { DateValue, TdDatePickerProps, TdDateRangePickerProps } from '../type';
 
 export interface SinglePanelProps
-  extends Omit<TdDatePickerProps, 'enableTimePicker' | 'onYearChange' | 'onMonthChange'>,
-    StyledProps {
+  extends Omit<TdDatePickerProps, 'enableTimePicker' | 'onYearChange' | 'onMonthChange'>, StyledProps {
   year?: number;
   month?: number;
   time?: string;
@@ -65,7 +64,11 @@ const SinglePanel = forwardRef<HTMLDivElement, SinglePanelProps>((originalProps,
     enableTimePicker: props.enableTimePicker,
   });
 
-  const disableDateOptions = useDisableDate({ disableDate: props.disableDate, mode: props.mode, format });
+  const disableDateOptions = useDisableDate({
+    disableDate: props.disableDate,
+    mode: props.mode,
+    format,
+  });
 
   const disableTimeOptions: TdTimePickerProps['disableTime'] = (h: number, m: number, s: number, ms: number) => {
     if (!isFunction(disableTime) || !value) {
diff --git a/packages/components/drawer/hooks/useLockStyle.ts b/packages/components/drawer/hooks/useLockStyle.ts
index 4a6849d412..748476e701 100644
--- a/packages/components/drawer/hooks/useLockStyle.ts
+++ b/packages/components/drawer/hooks/useLockStyle.ts
@@ -25,7 +25,7 @@ export default function useLockStyle(props) {
         left: `margin: 0 0 0 ${sizeValue}`,
         right: `margin: 0 0 0 -${sizeValue}`,
         bottom: `margin: -${sizeValue} 0 0 0`,
-      }[placement]),
+      })[placement],
     [placement, sizeValue],
   );
 
diff --git a/packages/components/empty/Empty.tsx b/packages/components/empty/Empty.tsx
index c78ce3f960..92ec8adbcb 100644
--- a/packages/components/empty/Empty.tsx
+++ b/packages/components/empty/Empty.tsx
@@ -89,8 +89,8 @@ const Empty: React.FC<EmptyProps> = (props) => {
   const typeImageProps = defaultMaps[type] ?? null;
 
   const { image, description, title } = {
-    image: propsImage ? propsImage : typeImageProps?.image ?? null,
-    title: propsTitle ? propsTitle : typeImageProps?.title ?? null,
+    image: propsImage ? propsImage : (typeImageProps?.image ?? null),
+    title: propsTitle ? propsTitle : (typeImageProps?.title ?? null),
     description: propsDescription,
   };
 
diff --git a/packages/components/hooks/useRipple.ts b/packages/components/hooks/useRipple.ts
index f8f857d389..9434168a7a 100644
--- a/packages/components/hooks/useRipple.ts
+++ b/packages/components/hooks/useRipple.ts
@@ -132,10 +132,13 @@ export default function useRipple(el: HTMLElement, fixedRippleColor?: string): v
         el.removeEventListener('pointerup', handleClearRipple, false);
         el.removeEventListener('pointerleave', handleClearRipple, false);
 
-        setTimeout(() => {
-          ripple.remove();
-          if (rippleContainer.children.length === 0) rippleContainer.remove();
-        }, period * 2 + 100);
+        setTimeout(
+          () => {
+            ripple.remove();
+            if (rippleContainer.children.length === 0) rippleContainer.remove();
+          },
+          period * 2 + 100,
+        );
       };
 
       el.addEventListener('pointerup', handleClearRipple, false);
diff --git a/packages/components/input-adornment/_example/select.tsx b/packages/components/input-adornment/_example/select.tsx
index c5d0343d55..14bb148ea1 100644
--- a/packages/components/input-adornment/_example/select.tsx
+++ b/packages/components/input-adornment/_example/select.tsx
@@ -1,11 +1,14 @@
-import React from 'react';
+import React from 'react';
 import { Input, InputAdornment, Select, Space } from 'tdesign-react';
 
 export default function BaseExample() {
   const protocolSelect = (
     <Select
       autoWidth
-      options={['http://', 'https://'].map((value) => ({ label: value, value }))}
+      options={['http://', 'https://'].map((value) => ({
+        label: value,
+        value,
+      }))}
       defaultValue="http://"
     />
   );
@@ -13,7 +16,10 @@ export default function BaseExample() {
   const tldSelect = (
     <Select
       autoWidth
-      options={['.com', '.cn', '.net', '.org'].map((value) => ({ label: value, value }))}
+      options={['.com', '.cn', '.net', '.org'].map((value) => ({
+        label: value,
+        value,
+      }))}
       defaultValue=".cn"
     />
   );
@@ -30,7 +36,10 @@ export default function BaseExample() {
 
       <InputAdornment prepend={protocolSelect} append={tldSelect}>
         <Select
-          options={['tencent', 'qq', 'cloud.tencent'].map((value) => ({ label: value, value }))}
+          options={['tencent', 'qq', 'cloud.tencent'].map((value) => ({
+            label: value,
+            value,
+          }))}
           defaultValue="tencent"
         />
       </InputAdornment>
diff --git a/packages/components/input-adornment/_example/text.tsx b/packages/components/input-adornment/_example/text.tsx
index 0c98bb5da7..f3839c8325 100644
--- a/packages/components/input-adornment/_example/text.tsx
+++ b/packages/components/input-adornment/_example/text.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Input, InputAdornment, Space, TagInput } from 'tdesign-react';
 
 export default function BaseExample() {
diff --git a/packages/components/input/Input.tsx b/packages/components/input/Input.tsx
index e2c77d0f4d..267a12ac84 100644
--- a/packages/components/input/Input.tsx
+++ b/packages/components/input/Input.tsx
@@ -214,7 +214,7 @@ const Input = forwardRefWithStatics(
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
-    const innerValue = composingRef.current ? composingValue : value ?? '';
+    const innerValue = composingRef.current ? composingValue : (value ?? '');
     const formatDisplayValue = format && !isFocused ? format(innerValue) : innerValue;
 
     const renderInput = (
diff --git a/packages/components/input/_example/disabled.tsx b/packages/components/input/_example/disabled.tsx
index 03ad0b5372..11372a8034 100644
--- a/packages/components/input/_example/disabled.tsx
+++ b/packages/components/input/_example/disabled.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Input } from 'tdesign-react';
 
 export default function InputExample() {
diff --git a/packages/components/input/_example/format.tsx b/packages/components/input/_example/format.tsx
index dfd2296c57..d1a49683c5 100644
--- a/packages/components/input/_example/format.tsx
+++ b/packages/components/input/_example/format.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState } from 'react';
 import { Input } from 'tdesign-react';
 
 import type { InputProps } from 'tdesign-react';
diff --git a/packages/components/input/_example/max-length-count.tsx b/packages/components/input/_example/max-length-count.tsx
index a55b09200f..873ec040e3 100644
--- a/packages/components/input/_example/max-length-count.tsx
+++ b/packages/components/input/_example/max-length-count.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState } from 'react';
 import { Input, Space } from 'tdesign-react';
 
 export default function InputExample() {
diff --git a/packages/components/list/_example/size.tsx b/packages/components/list/_example/size.tsx
index ab28e2ac5b..4d5efab2ae 100644
--- a/packages/components/list/_example/size.tsx
+++ b/packages/components/list/_example/size.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { List } from 'tdesign-react';
 
 const { ListItem } = List;
diff --git a/packages/components/list/_example/stripe.tsx b/packages/components/list/_example/stripe.tsx
index b6759190a3..b610387e20 100644
--- a/packages/components/list/_example/stripe.tsx
+++ b/packages/components/list/_example/stripe.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { List } from 'tdesign-react';
 
 const { ListItem } = List;
diff --git a/packages/components/list/hooks/useListVirtualScroll.ts b/packages/components/list/hooks/useListVirtualScroll.ts
index b74f06a74b..86f86e0af2 100644
--- a/packages/components/list/hooks/useListVirtualScroll.ts
+++ b/packages/components/list/hooks/useListVirtualScroll.ts
@@ -45,7 +45,7 @@ export const useListVirtualScroll = (
         msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
         MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
         WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
-      } as Styles),
+      }) as Styles,
     [virtualConfig.scrollHeight],
   );
 
@@ -56,13 +56,13 @@ export const useListVirtualScroll = (
         msTransform: `translate(0, ${virtualConfig.translateY}px)`,
         MozTransform: `translate(0, ${virtualConfig.translateY}px)`,
         WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`,
-      } as Styles),
+      }) as Styles,
     [virtualConfig.translateY],
   );
 
   const handleScrollTo = (params: ComponentScrollToElementParams) => {
     const { index, key } = params;
-    const targetIndex = index === 0 ? index : index ?? Number(key);
+    const targetIndex = index === 0 ? index : (index ?? Number(key));
     if (!targetIndex && targetIndex !== 0) {
       log.error('List', 'scrollTo: `index` or `key` must exist.');
       return;
diff --git a/packages/components/menu/MenuContext.ts b/packages/components/menu/MenuContext.ts
index 1330d2e163..3b5f4f332c 100644
--- a/packages/components/menu/MenuContext.ts
+++ b/packages/components/menu/MenuContext.ts
@@ -14,8 +14,10 @@ export type SetMenuState = React.Dispatch<React.SetStateAction<MenuState>>;
 
 export type MenuMode = 'title' | 'accordion' | 'popup';
 
-interface MenuContextType
-  extends Pick<TdMenuProps, 'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme' | 'collapsed'> {
+interface MenuContextType extends Pick<
+  TdMenuProps,
+  'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme' | 'collapsed'
+> {
   /**
    * 修改非受控组件状态
    */
diff --git a/packages/components/qrcode/QRCode.tsx b/packages/components/qrcode/QRCode.tsx
index 506ef00487..91dfb6cb1e 100644
--- a/packages/components/qrcode/QRCode.tsx
+++ b/packages/components/qrcode/QRCode.tsx
@@ -52,8 +52,8 @@ const QRCode: React.FC<QrCodeProps> = (props) => {
     src: icon as string,
     x: undefined,
     y: undefined,
-    height: typeof iconSize === 'number' ? iconSize : iconSize?.height ?? 40,
-    width: typeof iconSize === 'number' ? iconSize : iconSize?.width ?? 40,
+    height: typeof iconSize === 'number' ? iconSize : (iconSize?.height ?? 40),
+    width: typeof iconSize === 'number' ? iconSize : (iconSize?.width ?? 40),
     excavate: true,
     crossOrigin: 'anonymous',
   };
diff --git a/packages/components/select/base/Option.tsx b/packages/components/select/base/Option.tsx
index aab2855a32..d71493cbd3 100644
--- a/packages/components/select/base/Option.tsx
+++ b/packages/components/select/base/Option.tsx
@@ -14,9 +14,7 @@ import type { SelectKeysType, SelectOption, SelectValue, TdOptionProps, TdSelect
  * Option 组件属性
  */
 export interface SelectOptionProps
-  extends StyledProps,
-    TdOptionProps,
-    Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {
+  extends StyledProps, TdOptionProps, Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {
   selectedValue?: SelectValue;
   children?: React.ReactNode;
   onSelect?: (
diff --git a/packages/components/select/base/PopupContent.tsx b/packages/components/select/base/PopupContent.tsx
index 77474fac7d..981fd42bb8 100644
--- a/packages/components/select/base/PopupContent.tsx
+++ b/packages/components/select/base/PopupContent.tsx
@@ -19,23 +19,22 @@ import type {
 } from '../type';
 import type { SelectOptionProps } from './Option';
 
-interface SelectPopupProps
-  extends Pick<
-    TdSelectProps,
-    | 'value'
-    | 'size'
-    | 'multiple'
-    | 'empty'
-    | 'options'
-    | 'max'
-    | 'loadingText'
-    | 'loading'
-    | 'valueType'
-    | 'keys'
-    | 'panelTopContent'
-    | 'panelBottomContent'
-    | 'scroll'
-  > {
+interface SelectPopupProps extends Pick<
+  TdSelectProps,
+  | 'value'
+  | 'size'
+  | 'multiple'
+  | 'empty'
+  | 'options'
+  | 'max'
+  | 'loadingText'
+  | 'loading'
+  | 'valueType'
+  | 'keys'
+  | 'panelTopContent'
+  | 'panelBottomContent'
+  | 'scroll'
+> {
   onChange?: (
     value: SelectValue,
     context?: {
@@ -126,11 +125,21 @@ const PopupContent = React.forwardRef<HTMLDivElement, SelectPopupProps>((props,
 
     if (multiple) {
       const values = getSelectValueArr(value, selectedValue, selected, valueType, keys, objVal);
-      onChange(values, { label, value: selectedValue, e: event, trigger: selected ? 'uncheck' : 'check' });
+      onChange(values, {
+        label,
+        value: selectedValue,
+        e: event,
+        trigger: selected ? 'uncheck' : 'check',
+      });
     } else {
       const selectVal = valueType === 'object' ? objVal : selectedValue;
       if (!isEqual(value, selectVal)) {
-        onChange(selectVal, { label, value: selectVal, e: event, trigger: 'check' });
+        onChange(selectVal, {
+          label,
+          value: selectVal,
+          e: event,
+          trigger: 'check',
+        });
       }
       setShowPopup(!showPopup);
     }
@@ -138,7 +147,13 @@ const PopupContent = React.forwardRef<HTMLDivElement, SelectPopupProps>((props,
 
   const childrenWithProps = Children.map(children, (child) => {
     if (isValidElement(child)) {
-      const addedProps = { size, max, multiple, selectedValue: value, onSelect };
+      const addedProps = {
+        size,
+        max,
+        multiple,
+        selectedValue: value,
+        onSelect,
+      };
       return cloneElement(child, { ...addedProps });
     }
     return child;
diff --git a/packages/components/table/interface.ts b/packages/components/table/interface.ts
index 0e554625da..6d4d509ef0 100644
--- a/packages/components/table/interface.ts
+++ b/packages/components/table/interface.ts
@@ -37,8 +37,7 @@ export type SimpleTableProps<T extends TableRowData = TableRowData> = BaseTableP
 export interface PrimaryTableProps<T extends TableRowData = TableRowData> extends TdPrimaryTableProps<T>, StyledProps {}
 
 export interface EnhancedTableProps<T extends TableRowData = TableRowData>
-  extends TdEnhancedTableProps<T>,
-    StyledProps {}
+  extends TdEnhancedTableProps<T>, StyledProps {}
 export type TableProps<T extends TableRowData = TableRowData> = PrimaryTableProps<T>;
 
 export interface BaseTableRef {
diff --git a/packages/components/tag/_example/shape.tsx b/packages/components/tag/_example/shape.tsx
index caa96744e5..37e3a21de5 100644
--- a/packages/components/tag/_example/shape.tsx
+++ b/packages/components/tag/_example/shape.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Space, Tag } from 'tdesign-react';
 
 export default function ShapeTagExample() {
diff --git a/packages/components/tag/_example/size.tsx b/packages/components/tag/_example/size.tsx
index 55de0bd57b..7c74595135 100644
--- a/packages/components/tag/_example/size.tsx
+++ b/packages/components/tag/_example/size.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Space, Tag } from 'tdesign-react';
 
 const { CheckTag } = Tag;
diff --git a/packages/components/textarea/Textarea.tsx b/packages/components/textarea/Textarea.tsx
index e7bfd0b1de..a78dc72db0 100644
--- a/packages/components/textarea/Textarea.tsx
+++ b/packages/components/textarea/Textarea.tsx
@@ -19,7 +19,8 @@ const DEFAULT_TEXTAREA_STYLE = { height: 'auto', minHeight: 'auto' };
 const OMIT_PROPS = ['defaultValue', 'readonly'];
 
 export interface TextareaProps
-  extends Omit<
+  extends
+    Omit<
       React.TextareaHTMLAttributes<HTMLTextAreaElement>,
       'value' | 'defaultValue' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp'
     >,
diff --git a/packages/components/time-picker/TimePicker.tsx b/packages/components/time-picker/TimePicker.tsx
index 170400b743..7fbb9e841b 100644
--- a/packages/components/time-picker/TimePicker.tsx
+++ b/packages/components/time-picker/TimePicker.tsx
@@ -70,7 +70,7 @@ const TimePicker = forwardRefWithStatics(
 
     const effectVisibleCurrentValue = (visible: boolean) => {
       setPanelShow(visible);
-      setCurrentValue(visible ? value ?? '' : '');
+      setCurrentValue(visible ? (value ?? '') : '');
     };
 
     const handleShowPopup = (visible: boolean, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {
@@ -130,10 +130,13 @@ const TimePicker = forwardRefWithStatics(
           onBlur={handleInputBlur}
           onPopupVisibleChange={handleShowPopup}
           placeholder={!value ? placeholder : undefined}
-          value={isPanelShowed ? currentValue : value ?? undefined}
-          inputValue={isPanelShowed ? currentValue : value ?? undefined}
+          value={isPanelShowed ? currentValue : (value ?? undefined)}
+          inputValue={isPanelShowed ? currentValue : (value ?? undefined)}
           inputProps={{ ...props.inputProps, size: props.size }}
-          popupProps={{ overlayInnerStyle: { width: 'auto', padding: 0 }, ...props.popupProps }}
+          popupProps={{
+            overlayInnerStyle: { width: 'auto', padding: 0 },
+            ...props.popupProps,
+          }}
           tips={props.tips}
           status={props.status}
           label={props.label}
diff --git a/packages/components/time-picker/TimeRangePicker.tsx b/packages/components/time-picker/TimeRangePicker.tsx
index fedc4d4a9c..710212b548 100644
--- a/packages/components/time-picker/TimeRangePicker.tsx
+++ b/packages/components/time-picker/TimeRangePicker.tsx
@@ -157,7 +157,7 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
 
   useEffect(() => {
     // to fix the effect trigger before input blur
-    setCurrentValue(isPanelShowed ? value ?? TIME_PICKER_EMPTY : TIME_PICKER_EMPTY);
+    setCurrentValue(isPanelShowed ? (value ?? TIME_PICKER_EMPTY) : TIME_PICKER_EMPTY);
     if (!isPanelShowed) setCurrentPanelIdx(undefined);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isPanelShowed]);
@@ -177,13 +177,13 @@ const TimeRangePicker: FC<TimeRangePickerProps> = (originalProps) => {
           ...props.popupProps,
         }}
         onInputChange={handleInputChange}
-        inputValue={isPanelShowed ? currentValue : value ?? TIME_PICKER_EMPTY}
+        inputValue={isPanelShowed ? currentValue : (value ?? TIME_PICKER_EMPTY)}
         rangeInputProps={{
           size,
           borderless,
           clearable,
           className: inputClasses,
-          value: isPanelShowed ? currentValue : value ?? undefined,
+          value: isPanelShowed ? currentValue : (value ?? undefined),
           placeholder,
           suffixIcon: <TimeIcon />,
           onClear: handleClear,
diff --git a/packages/components/time-picker/panel/SinglePanel.tsx b/packages/components/time-picker/panel/SinglePanel.tsx
index f9395616b8..ccf241528d 100644
--- a/packages/components/time-picker/panel/SinglePanel.tsx
+++ b/packages/components/time-picker/panel/SinglePanel.tsx
@@ -22,8 +22,10 @@ const panelOffset = {
   bottom: 21,
 };
 
-export interface SinglePanelProps
-  extends Pick<TdTimePickerProps, 'steps' | 'format' | 'value' | 'hideDisabledTime' | 'onPick'> {
+export interface SinglePanelProps extends Pick<
+  TdTimePickerProps,
+  'steps' | 'format' | 'value' | 'hideDisabledTime' | 'onPick'
+> {
   disableTime?: (
     h: number,
     m: number,
diff --git a/packages/components/transfer/TransferList.tsx b/packages/components/transfer/TransferList.tsx
index 4f82b1b889..16a2a90378 100644
--- a/packages/components/transfer/TransferList.tsx
+++ b/packages/components/transfer/TransferList.tsx
@@ -17,14 +17,15 @@ import type { PaginationProps } from '../pagination';
 import type { TdTransferProps, TransferListType, TransferValue } from './type';
 
 interface TransferListProps
-  extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem' | 'tree'>,
-    StyledProps {
+  extends Pick<TdTransferProps, 'data' | 'search' | 'checked' | 'transferItem' | 'tree'>, StyledProps {
   disabled?: boolean;
   empty?: TNode | string;
   title?: TNode;
   footer?: TNode;
   content?: TNode | TNode<{ data: Object }>;
-  pagination?: Pick<PaginationProps, 'pageSize'> & { onPageChange?: (current: number) => void };
+  pagination?: Pick<PaginationProps, 'pageSize'> & {
+    onPageChange?: (current: number) => void;
+  };
   onCheckbox?: (checked: Array<TransferValue>) => void;
   onSearch?: (value: string) => void;
   showCheckAll?: boolean;
@@ -124,7 +125,11 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
 
   const contentCmp = () => {
     if (typeof treeNode === 'function') {
-      return treeNode({ data: viewData, value: checked, onChange: handleCheckbox });
+      return treeNode({
+        data: viewData,
+        value: checked,
+        onChange: handleCheckbox,
+      });
     }
     if (typeof content === 'function') {
       return content({ data: viewData });
@@ -134,7 +139,13 @@ const TransferList: React.FunctionComponent<TransferListProps> = (props) => {
         {viewData.map((item, index) => (
           <Checkbox key={item.value} value={item.value} disabled={item.disabled} className={`${CLASSPREFIX}-item`}>
             <span>
-              {transferItem ? parseContentTNode(transferItem, { data: item, index, type: listType }) : item.label}
+              {transferItem
+                ? parseContentTNode(transferItem, {
+                    data: item,
+                    index,
+                    type: listType,
+                  })
+                : item.label}
             </span>
           </Checkbox>
         ))}
diff --git a/packages/components/tree-select/TreeSelect.tsx b/packages/components/tree-select/TreeSelect.tsx
index 562377e2ed..7b18e1e306 100644
--- a/packages/components/tree-select/TreeSelect.tsx
+++ b/packages/components/tree-select/TreeSelect.tsx
@@ -26,8 +26,7 @@ import type { TreeInstanceFunctions, TreeProps } from '../tree';
 import type { TdTreeSelectProps, TreeSelectValue } from './type';
 
 export interface TreeSelectProps<DataOption extends TreeOptionData = TreeOptionData>
-  extends TdTreeSelectProps<DataOption>,
-    StyledProps {}
+  extends TdTreeSelectProps<DataOption>, StyledProps {}
 
 export interface NodeOptions {
   label: string;
@@ -210,7 +209,10 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       });
     }
     // 单选选择后收起弹框
-    setPopupVisible(false, { ...context, trigger: 'trigger-element-click' });
+    setPopupVisible(false, {
+      ...context,
+      trigger: 'trigger-element-click',
+    });
   });
 
   const handleMultiChange = usePersistFn<TreeProps['onChange']>((value, context) => {
@@ -284,7 +286,11 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
 
   const handleEnter = usePersistFn<SelectInputProps['onEnter']>((_, ctx) => {
     onSearch?.(ctx.inputValue, { e: ctx.e });
-    onEnter?.({ inputValue: ctx.inputValue, e: ctx.e, value: getTreeSelectEventValue() });
+    onEnter?.({
+      inputValue: ctx.inputValue,
+      e: ctx.e,
+      value: getTreeSelectEventValue(),
+    });
   });
 
   const handleFilterChange = usePersistFn<SelectInputProps['onInputChange']>((value, ctx) => {
@@ -343,7 +349,12 @@ const TreeSelect = forwardRef<TreeSelectRefType, TreeSelectProps>((originalProps
       panel={renderTree()}
       allowInput={filterable}
       inputProps={{ ...inputProps, size }}
-      tagInputProps={{ size, excessTagsDisplayType: 'break-line', inputProps, tagProps: props.tagProps }}
+      tagInputProps={{
+        size,
+        excessTagsDisplayType: 'break-line',
+        inputProps,
+        tagProps: props.tagProps,
+      }}
       placeholder={inputPlaceholder}
       popupVisible={popupVisible && !disabled}
       onInputChange={handleFilterChange}
diff --git a/packages/components/tree/hooks/useTreeVirtualScroll.ts b/packages/components/tree/hooks/useTreeVirtualScroll.ts
index 1489c3c97e..063a3001ab 100644
--- a/packages/components/tree/hooks/useTreeVirtualScroll.ts
+++ b/packages/components/tree/hooks/useTreeVirtualScroll.ts
@@ -35,7 +35,7 @@ export default function useTreeVirtualScroll({
         rowHeight: scroll?.rowHeight || 34,
         bufferSize: scroll?.bufferSize || 20,
         threshold: scrollThreshold,
-      } as const),
+      }) as const,
     [scroll, scrollThreshold],
   );
 
diff --git a/packages/components/tree/interface.ts b/packages/components/tree/interface.ts
index e4cd775d30..50a91729fe 100644
--- a/packages/components/tree/interface.ts
+++ b/packages/components/tree/interface.ts
@@ -9,21 +9,20 @@ export interface TypeEventState extends TypeTreeEventState {
   path?: TreeNode[];
 }
 
-export interface TreeItemProps
-  extends Pick<
-    TreeProps,
-    | 'empty'
-    | 'activable'
-    | 'icon'
-    | 'label'
-    | 'line'
-    | 'transition'
-    | 'expandOnClickNode'
-    | 'activable'
-    | 'operations'
-    | 'checkProps'
-    | 'disableCheck'
-  > {
+export interface TreeItemProps extends Pick<
+  TreeProps,
+  | 'empty'
+  | 'activable'
+  | 'icon'
+  | 'label'
+  | 'line'
+  | 'transition'
+  | 'expandOnClickNode'
+  | 'activable'
+  | 'operations'
+  | 'checkProps'
+  | 'disableCheck'
+> {
   /**
    * 树节点数据对象
    */
@@ -34,7 +33,12 @@ export interface TreeItemProps
    */
   onClick?: (
     node: TreeNode,
-    options: { e: MouseEvent<HTMLDivElement>; expand: boolean; active: boolean; trigger: 'node-click' | 'icon-click' },
+    options: {
+      e: MouseEvent<HTMLDivElement>;
+      expand: boolean;
+      active: boolean;
+      trigger: 'node-click' | 'icon-click';
+    },
   ) => void;
 
   /**
diff --git a/packages/components/typography/ellipsis/useEllipsis.tsx b/packages/components/typography/ellipsis/useEllipsis.tsx
index 6a5202c396..d0a070007e 100644
--- a/packages/components/typography/ellipsis/useEllipsis.tsx
+++ b/packages/components/typography/ellipsis/useEllipsis.tsx
@@ -31,10 +31,10 @@ export default function useEllipsis(ellipsis: boolean | TypographyEllipsis) {
               typeof ellipsis?.suffix === 'function'
                 ? ellipsis?.suffix({ expanded })
                 : expanded
-                ? collapseText
-                : ellipsis?.expandable
-                ? `${expandText}`
-                : '...',
+                  ? collapseText
+                  : ellipsis?.expandable
+                    ? `${expandText}`
+                    : '...',
             collapsible: ellipsis?.collapsible ?? false,
           };
   }