diff --git a/.eslintrc.js b/.eslintrc.js deleted file mode 100644 index 3a578b59..00000000 --- a/.eslintrc.js +++ /dev/null @@ -1,23 +0,0 @@ -module.exports = { - extends: [require.resolve('@umijs/fabric/dist/eslint')], - rules: { - 'default-case': 0, - 'react/sort-comp': 0, - 'react/no-array-index-key': 0, - 'react/no-access-state-in-setstate': 0, - 'no-plusplus': 0, - 'no-param-reassign': 0, - 'react/require-default-props': 0, - 'no-underscore-dangle': 0, - 'react/no-find-dom-node': 0, - 'no-mixed-operators': 0, - 'prefer-destructuring': 0, - 'react/no-unused-prop-types': 0, - 'max-len': 0, - 'max-classes-per-file': 0, - 'import/no-extraneous-dependencies': 0, - 'brace-style': 0, - 'no-unused-expressions': 0, - '@typescript-eslint/no-unused-expressions': 1, - }, -}; diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 3b730ef9..5e6c7faa 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -8,6 +8,10 @@ updates: time: '21:00' timezone: Asia/Shanghai open-pull-requests-limit: 10 + groups: + npm-dependencies: + patterns: + - '*' - package-ecosystem: github-actions directory: '/' @@ -17,3 +21,7 @@ updates: time: '21:00' timezone: Asia/Shanghai open-pull-requests-limit: 10 + groups: + github-actions: + patterns: + - '*' diff --git a/README.md b/README.md index 8b89fc66..ee99138f 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@

@rc-component/tabs

-

Ant Design Part of the Ant Design ecosystem.

+

Ant Design Part of the Ant Design ecosystem.

📑 Flexible React tabs with overflow, editable items, custom tab bars, and accessible panels.

@@ -15,7 +15,6 @@

English | 简体中文

- ## Highlights - Supports top, bottom, left, and right tab positions with RTL layouts. diff --git a/README.zh-CN.md b/README.zh-CN.md index c6d5c424..870e5fc6 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -1,6 +1,6 @@

@rc-component/tabs

-

Ant Design Ant Design 生态的一部分。

+

Ant Design Ant Design 生态的一部分。

📑 React 标签页组件，支持可编辑标签、溢出滚动和自定义渲染。

@@ -15,7 +15,6 @@

English | 简体中文

- ## 特性 - 支持 RTL 布局的顶部、底部、左侧和右侧选项卡位置。 @@ -90,18 +89,18 @@ npm start ### Tab -| 名称 | 类型 | 默认值 | 说明 | -| --- | --- | --- | --- | -| `children` | React.ReactNode | - | 选项卡面板内容。 | -| `className` | string | - | 面板 className。 | -| `closable` | boolean | - | 是否可以在可编辑模式下关闭选项卡。 | -| `closeIcon` | React.ReactNode | - | 自定义关闭图标。 | -| `destroyOnHidden` | boolean | false | 销毁非活动面板。 | -| `disabled` | boolean | false | 禁用该选项卡。 | -| `forceRender` | boolean | false | 在面板变为活动状态之前渲染面板。 | -| `key` | string | - | 需要唯一的 Tab 键。 | -| `label` | React.ReactNode | - | Tab 标签内容。 | -| `style` | React.CSSProperties | - | 面板样式。 | +| 名称 | 类型 | 默认值 | 说明 | +| ----------------- | ------------------- | ------ | ---------------------------------- | +| `children` | React.ReactNode | - | 选项卡面板内容。 | +| `className` | string | - | 面板 className。 | +| `closable` | boolean | - | 是否可以在可编辑模式下关闭选项卡。 | +| `closeIcon` | React.ReactNode | - | 自定义关闭图标。 | +| `destroyOnHidden` | boolean | false | 销毁非活动面板。 | +| `disabled` | boolean | false | 禁用该选项卡。 | +| `forceRender` | boolean | false | 在面板变为活动状态之前渲染面板。 | +| `key` | string | - | 需要唯一的 Tab 键。 | +| `label` | React.ReactNode | - | Tab 标签内容。 | +| `style` | React.CSSProperties | - | 面板样式。 | ## 本地开发 diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 00000000..40f08ec9 --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,115 @@ +import js from '@eslint/js'; +import { defineConfig } from 'eslint/config'; +import { dirname } from 'node:path'; +import { fileURLToPath } from 'node:url'; +import prettier from 'eslint-config-prettier'; +import jest from 'eslint-plugin-jest'; +import react from 'eslint-plugin-react'; +import reactHooks from 'eslint-plugin-react-hooks'; +import globals from 'globals'; +import tseslint from 'typescript-eslint'; + +const tsconfigRootDir = dirname(fileURLToPath(import.meta.url)); + +export default defineConfig([ + { + plugins: { + '@typescript-eslint': tseslint.plugin, + }, + }, + { + linterOptions: { + reportUnusedDisableDirectives: 'warn', + }, + }, + { + ignores: [ + 'node_modules/', + 'coverage/', + 'es/', + 'lib/', + 'dist/', + 'docs-dist/', + '.docs-dist/', + '.dumi/', + '.doc/', + '.vercel/', + ], + }, + { + files: ['**/*.{js,jsx,ts,tsx}'], + extends: [ + js.configs.recommended, + react.configs.flat.recommended, + react.configs.flat['jsx-runtime'], + prettier, + ], + plugins: { + 'react-hooks': reactHooks, + }, + languageOptions: { + globals: { + ...globals.browser, + ...globals.node, + }, + }, + settings: { + react: { + version: 'detect', + }, + }, + rules: { + 'no-async-promise-executor': 'off', + 'no-empty-pattern': 'off', + 'no-irregular-whitespace': 'off', + 'no-prototype-builtins': 'off', + 'no-useless-escape': 'off', + 'no-extra-boolean-cast': 'off', + 'no-undef': 'off', + 'no-unused-vars': 'off', + 'react/no-find-dom-node': 'off', + 'react/display-name': 'off', + 'react/no-unknown-property': 'off', + 'react/prop-types': 'off', + 'react-hooks/exhaustive-deps': 'warn', + 'react-hooks/rules-of-hooks': 'error', + }, + }, + { + files: ['**/*.{ts,tsx}'], + extends: [...tseslint.configs.recommended], + rules: { + '@typescript-eslint/ban-ts-comment': 'off', + '@typescript-eslint/no-empty-object-type': 'off', + '@typescript-eslint/no-explicit-any': 'off', + '@typescript-eslint/no-unsafe-function-type': 'off', + '@typescript-eslint/no-unnecessary-type-constraint': 'off', + '@typescript-eslint/no-unused-vars': 'off', + }, + }, + { + files: ['src/**/*.{ts,tsx}'], + languageOptions: { + parserOptions: { + projectService: true, + tsconfigRootDir, + }, + }, + }, + { + files: ['tests/**/*.{js,jsx,ts,tsx}', '**/*.{test,spec}.{js,jsx,ts,tsx}'], + extends: [jest.configs['flat/recommended']], + rules: { + 'jest/no-disabled-tests': 'off', + 'jest/no-done-callback': 'off', + 'jest/no-identical-title': 'off', + 'jest/expect-expect': 'off', + 'jest/no-alias-methods': 'off', + 'jest/no-conditional-expect': 'off', + 'jest/no-export': 'off', + 'jest/no-standalone-expect': 'off', + 'jest/valid-expect': 'off', + 'jest/valid-title': 'off', + }, + }, +]); diff --git a/global.d.ts b/global.d.ts new file mode 100644 index 00000000..e0bd355c --- /dev/null +++ b/global.d.ts @@ -0,0 +1,11 @@ +/// +/// +/// +/// +/// + +declare module '*.css'; +declare module '*.less'; +declare module 'jsonp'; + +declare module 'moment/locale/zh-cn'; diff --git a/package.json b/package.json index 3c8ecf3e..0dfd81c0 100644 --- a/package.json +++ b/package.json @@ -49,35 +49,40 @@ "clsx": "^2.1.1" }, "devDependencies": { + "@eslint/js": "^9.39.4", "@rc-component/father-plugin": "^2.2.0", "@rc-component/np": "^1.0.4", + "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", - "@testing-library/react": "^15.0.7", - "@testing-library/user-event": "14.5.2", - "@types/enzyme": "^3.10.5", - "@types/jest": "^29.5.14", + "@testing-library/react": "^16.3.2", + "@testing-library/user-event": "^14.6.1", + "@types/enzyme": "^3.10.19", + "@types/jest": "^30.0.0", "@types/node": "^26.0.1", - "@types/react": "^18.3.31", - "@types/react-dom": "^18.3.7", - "@typescript-eslint/eslint-plugin": "^5.62.0", - "@typescript-eslint/parser": "^5.62.0", - "@umijs/fabric": "^4.0.1", - "dumi": "^2.4.35", - "eslint": "^8.57.1", - "father": "^4.6.23", + "@types/react": "^19.2.17", + "@types/react-dom": "^19.2.3", + "cross-env": "^10.1.0", + "dumi": "^2.4.38", + "eslint": "^9.39.4", + "eslint-config-prettier": "^10.1.8", + "eslint-plugin-jest": "^29.15.4", + "eslint-plugin-react": "^7.37.5", + "eslint-plugin-react-hooks": "^7.1.1", + "father": "^4.6.24", "gh-pages": "^6.3.0", + "globals": "^17.7.0", "husky": "^9.1.7", "less": "^4.6.7", - "lint-staged": "^16.4.0", - "prettier": "^3.9.0", + "lint-staged": "^17.0.8", + "prettier": "^3.9.4", "rc-test": "^7.1.3", - "react": "^18.3.1", + "react": "^19.2.7", "react-dnd": "^10.0.0", "react-dnd-html5-backend": "^10.0.0", - "react-dom": "^18.3.1", + "react-dom": "^19.2.7", "react-sticky": "^6.0.3", - "typescript": "^5.9.3", - "cross-env": "^10.1.0" + "typescript": "^6.0.3", + "typescript-eslint": "^8.62.1" }, "peerDependencies": { "react": ">=16.9.0", diff --git a/src/hooks/useIndicator.ts b/src/hooks/useIndicator.ts index 1ea3d94b..a01c8982 100644 --- a/src/hooks/useIndicator.ts +++ b/src/hooks/useIndicator.ts @@ -20,7 +20,7 @@ const useIndicator = (options: UseIndicatorOptions) => { const { size, align = 'center' } = indicator; const [inkStyle, setInkStyle] = useState(); - const inkBarRafRef = useRef(); + const inkBarRafRef = useRef(undefined); const getLength = React.useCallback( (origin: number) => { diff --git a/src/hooks/useTouchMove.ts b/src/hooks/useTouchMove.ts index f8073ede..41e79c6c 100644 --- a/src/hooks/useTouchMove.ts +++ b/src/hooks/useTouchMove.ts @@ -18,7 +18,7 @@ export default function useTouchMove( const [lastTimestamp, setLastTimestamp] = useState(0); const [lastTimeDiff, setLastTimeDiff] = useState(0); const [lastOffset, setLastOffset] = useState<{ x: number; y: number }>(); - const motionRef = useRef(); + const motionRef = useRef(undefined); // ========================= Events ========================= // >>> Touch events @@ -76,7 +76,7 @@ export default function useTouchMove( } // >>> Wheel event - const lastWheelDirectionRef = useRef<'x' | 'y'>(); + const lastWheelDirectionRef = useRef<'x' | 'y' | undefined>(undefined); function onWheel(e: WheelEvent) { const { deltaX, deltaY } = e; diff --git a/src/hooks/useUpdate.ts b/src/hooks/useUpdate.ts index 5055b680..c96ee242 100644 --- a/src/hooks/useUpdate.ts +++ b/src/hooks/useUpdate.ts @@ -8,7 +8,7 @@ import { useRef, useState } from 'react'; export default function useUpdate(callback: VoidFunction): () => void { const [count, setCount] = useState(0); const effectRef = useRef(0); - const callbackRef = useRef(); + const callbackRef = useRef(undefined); callbackRef.current = callback; // Trigger on `useLayoutEffect` diff --git a/tests/__snapshots__/index.test.tsx.snap b/tests/__snapshots__/index.test.tsx.snap index 05f879d7..43e22036 100644 --- a/tests/__snapshots__/index.test.tsx.snap +++ b/tests/__snapshots__/index.test.tsx.snap @@ -1,4 +1,4 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing exports[`Tabs.Basic Normal 1`] = `