@rc-component/input
-
+
๐ฆ โจ๏ธ Low-level React input primitives for building polished text fields and textareas.
@@ -106,18 +106,15 @@ Then open `http://localhost:8000`.
### Refs
```tsx | pure
-import React from 'react';
-import Input, {
- TextArea,
- type InputRef,
- type TextAreaRef,
-} from '@rc-component/input';
-
-const inputRef = React.useRef(null);
-const textareaRef = React.useRef(null);
-
-inputRef.current?.focus();
-textareaRef.current?.blur();
+import type { InputRef, TextAreaRef } from '@rc-component/input';
+
+function focusInput(inputRef: InputRef | null) {
+ inputRef?.focus();
+}
+
+function blurTextArea(textareaRef: TextAreaRef | null) {
+ textareaRef?.blur();
+}
```
| Ref | Methods |
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 4bc30a9..24a3aea 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,6 +1,6 @@
@rc-component/input
-
+
๐ฆ โจ๏ธ React ่พๅ
ฅๆกๅบ็ก็ปไปถ๏ผๆฏๆๅๅ็ผใๆธ
้คๆ้ฎใ่ฎกๆฐๅ็ปๅ่พๅ
ฅใ
@@ -106,18 +106,15 @@ npm start
### Refs
```tsx | pure
-import React from 'react';
-import Input, {
- TextArea,
- type InputRef,
- type TextAreaRef,
-} from '@rc-component/input';
-
-const inputRef = React.useRef(null);
-const textareaRef = React.useRef(null);
-
-inputRef.current?.focus();
-textareaRef.current?.blur();
+import type { InputRef, TextAreaRef } from '@rc-component/input';
+
+function focusInput(inputRef: InputRef | null) {
+ inputRef?.focus();
+}
+
+function blurTextArea(textareaRef: TextAreaRef | null) {
+ textareaRef?.blur();
+}
```
| Ref | ๆนๆณ |
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..40f08ec
--- /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 0000000..e0bd355
--- /dev/null
+++ b/global.d.ts
@@ -0,0 +1,11 @@
+/// = T | (U & Record);
diff --git a/tests/__snapshots__/BaseInput.test.tsx.snap b/tests/__snapshots__/BaseInput.test.tsx.snap
index 62f1def..f8dbea9 100644
--- a/tests/__snapshots__/BaseInput.test.tsx.snap
+++ b/tests/__snapshots__/BaseInput.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
exports[`BaseInput addon should render properly 1`] = `
@@ -14,9 +14,7 @@ exports[`BaseInput addon should render properly 1`] = `
>
addonBefore
-
+
@@ -27,9 +25,7 @@ exports[`BaseInput addon should render properly 1`] = `
-
@@ -52,18 +48,14 @@ exports[`BaseInput prefix and suffix should render properly 1`] = `
>
prefix
-
-
@@ -95,9 +87,7 @@ exports[`BaseInput should correct render with prefix and addon 1`] = `
>
prefix
-
@@ -106,9 +96,7 @@ exports[`BaseInput should correct render with prefix and addon 1`] = `
exports[`BaseInput should render perfectly 1`] = `
-
`;
@@ -133,9 +121,7 @@ exports[`BaseInput support use div as basic element 1`] = `
>
prefix
-
+
diff --git a/tests/__snapshots__/TextArea.allowClear.test.tsx.snap b/tests/__snapshots__/TextArea.allowClear.test.tsx.snap
index db1093c..c3777a1 100644
--- a/tests/__snapshots__/TextArea.allowClear.test.tsx.snap
+++ b/tests/__snapshots__/TextArea.allowClear.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
exports[`should support allowClear should not show icon if defaultValue is undefined, null or empty string 1`] = `
Part of the Ant Design ecosystem.