Tencent · uyarn · Jun 16, 2026 · Jun 12, 2026
@@ -14,3 +14,4 @@ temp*
 static/
 packages/common
 packages/ai-core
+site/engineering/static
@@ -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',

@@ -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"

@@ -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;

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState } from 'react';
 import { Badge, Checkbox } from 'tdesign-react';
 
 const colors = [

@@ -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);

@@ -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;
 }
 

@@ -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;

@@ -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;
 }
 

@@ -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) => {};
 }

@@ -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>;

@@ -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;

@@ -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) {

@@ -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],
   );
 

@@ -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,
   };
 

@@ -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);

@@ -1,19 +1,25 @@
-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://"
     />
   );
 
   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>

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Input, InputAdornment, Space, TagInput } from 'tdesign-react';
 
 export default function BaseExample() {

@@ -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 = (

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react';
 import { Input } from 'tdesign-react';
 
 export default function InputExample() {

@@ -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';

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState } from 'react';
 import { Input, Space } from 'tdesign-react';
 
 export default function InputExample() {