react-component · afc163 · Aug 31, 2024 · Aug 31, 2024 · Aug 31, 2024 · Aug 31, 2024
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -1,31 +1,31 @@
 version: 2
 updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: daily
-    time: "21:00"
-  open-pull-requests-limit: 10
-  ignore:
-  - dependency-name: "@types/react"
-    versions:
-    - 17.0.0
-    - 17.0.1
-    - 17.0.2
-    - 17.0.3
-  - dependency-name: np
-    versions:
-    - 7.2.0
-    - 7.3.0
-    - 7.4.0
-  - dependency-name: "@types/react-dom"
-    versions:
-    - 17.0.0
-    - 17.0.1
-    - 17.0.2
-  - dependency-name: typescript
-    versions:
-    - 4.1.3
-    - 4.1.4
-    - 4.1.5
-    - 4.2.2
+  - package-ecosystem: npm
+    directory: '/'
+    schedule:
+      interval: daily
+      time: '21:00'
+    open-pull-requests-limit: 10
+    ignore:
+      - dependency-name: '@types/react'
+        versions:
+          - 17.0.0
+          - 17.0.1
+          - 17.0.2
+          - 17.0.3
+      - dependency-name: np
+        versions:
+          - 7.2.0
+          - 7.3.0
+          - 7.4.0
+      - dependency-name: '@types/react-dom'
+        versions:
+          - 17.0.0
+          - 17.0.1
+          - 17.0.2
+      - dependency-name: typescript
+        versions:
+          - 4.1.3
+          - 4.1.4
+          - 4.1.5
+          - 4.2.2
diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
@@ -1,12 +1,12 @@
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   push:
-    branches: [ "master" ]
+    branches: ['master']
   pull_request:
-    branches: [ "master" ]
+    branches: ['master']
   schedule:
-    - cron: "36 13 * * 3"
+    - cron: '36 13 * * 3'
 
 jobs:
   analyze:
@@ -20,7 +20,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ javascript ]
+        language: [javascript]
 
     steps:
       - name: Checkout
@@ -38,4 +38,4 @@ jobs:
       - name: Perform CodeQL Analysis
         uses: github/codeql-action/analyze@v2
         with:
-          category: "/language:${{ matrix.language }}"
+          category: '/language:${{ matrix.language }}'
diff --git a/.prettierrc b/.prettierrc
@@ -6,4 +6,4 @@
   "trailingComma": "all",
   "proseWrap": "never",
   "printWidth": 100
-}
+}
diff --git a/HISTORY.md b/HISTORY.md
@@ -1 +1 @@
-See https://github.com/react-component/select/releases
+See [rc-select releases](https://github.com/react-component/select/releases)
diff --git a/README.md b/README.md
@@ -158,7 +158,7 @@ export default () => (
 | key | - | String | - |
 | value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String | - |
 | className | same as `Option props` | String | '' |
-| title | same as `Option props`| String | - |
+| title | same as `Option props` | String | - |
 
 ## Development
 

diff --git a/docs/examples/auto-adjust-dropdown.tsx b/docs/examples/auto-adjust-dropdown.tsx
@@ -8,7 +8,7 @@ class Test extends React.Component {
     value: '3',
   };
 
-  onChange = e => {
+  onChange = (e) => {
     let value;
     if (e && e.target) {
       ({ value } = e.target);
@@ -34,49 +34,25 @@ class Test extends React.Component {
       >
         <div style={{ display: 'flex', justifyContent: 'space-between' }}>
           <div>
-            <Select
-              onChange={this.onChange}
-              dropdownMatchSelectWidth={500}
-              value={value}
-            >
-              <Option value="1">
-                Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
-              </Option>
-              <Option value="2">
-                Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
-              </Option>
+            <Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
+              <Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
+              <Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
               <Option value="3">Jill</Option>
             </Select>
           </div>
           <div>
-            <Select
-              onChange={this.onChange}
-              dropdownMatchSelectWidth={500}
-              value={value}
-            >
-              <Option value="1">
-                Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
-              </Option>
-              <Option value="2">
-                Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
-              </Option>{' '}
+            <Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
+              <Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
+              <Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>{' '}
               <Option value="3">Jill</Option>
             </Select>
           </div>
         </div>
         <div style={{ display: 'flex', justifyContent: 'center' }}>
           <div>
-            <Select
-              onChange={this.onChange}
-              dropdownMatchSelectWidth={500}
-              value={value}
-            >
-              <Option value="1">
-                Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
-              </Option>
-              <Option value="2">
-                Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
-              </Option>
+            <Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
+              <Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
+              <Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
               <Option value="3">Jill</Option>
             </Select>
           </div>
@@ -88,32 +64,16 @@ class Test extends React.Component {
           }}
         >
           <div>
-            <Select
-              onChange={this.onChange}
-              dropdownMatchSelectWidth={500}
-              value={value}
-            >
-              <Option value="1">
-                Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
-              </Option>
-              <Option value="2">
-                Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
-              </Option>
+            <Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
+              <Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
+              <Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
               <Option value="3">Jill</Option>
             </Select>
           </div>
           <div>
-            <Select
-              onChange={this.onChange}
-              dropdownMatchSelectWidth={500}
-              value={value}
-            >
-              <Option value="1">
-                Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
-              </Option>
-              <Option value="2">
-                Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
-              </Option>
+            <Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
+              <Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
+              <Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
               <Option value="3">Jill</Option>
             </Select>
           </div>

diff --git a/docs/examples/combobox.tsx b/docs/examples/combobox.tsx
@@ -25,7 +25,7 @@ class Combobox extends React.Component {
     });
   };
 
-  onKeyDown = e => {
+  onKeyDown = (e) => {
     const { value } = this.state;
     if (e.keyCode === 13) {
       console.log('onEnter', value);
@@ -40,7 +40,7 @@ class Combobox extends React.Component {
     console.log('onSearch:', text);
   };
 
-  onAsyncChange = value => {
+  onAsyncChange = (value) => {
     window.clearTimeout(this.timeoutId);
 
     this.setState({

diff --git a/docs/examples/common.less b/docs/examples/common.less
@@ -7,4 +7,4 @@
 
 // button {
 //   border: 1px solid #333;
-// }
+// }
diff --git a/docs/examples/common/tbFetchSuggest.tsx b/docs/examples/common/tbFetchSuggest.tsx
@@ -20,7 +20,7 @@ export function fetch(value, callback) {
       if (currentValue === value) {
         const { result } = d;
         const data = [];
-        result.forEach(r => {
+        result.forEach((r) => {
           data.push({
             value: r[0],
             text: r[0],

diff --git a/docs/examples/controlled.tsx b/docs/examples/controlled.tsx
@@ -16,7 +16,7 @@ class Controlled extends React.Component<{}, ControlledState> {
     open: true,
   };
 
-  onChange = e => {
+  onChange = (e) => {
     let value;
     if (e && e.target) {
       ({ value } = e.target);
@@ -35,15 +35,15 @@ class Controlled extends React.Component<{}, ControlledState> {
     });
   };
 
-  onBlur = v => {
+  onBlur = (v) => {
     console.log('onBlur', v);
   };
 
   onFocus = () => {
     console.log('onFocus');
   };
 
-  onDropdownVisibleChange = open => {
+  onDropdownVisibleChange = (open) => {
     this.setState({ open });
   };
 
@@ -88,7 +88,7 @@ class Controlled extends React.Component<{}, ControlledState> {
             <Option value="31" text="yiminghe">
               yiminghe
             </Option>
-            {[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(i => (
+            {[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((i) => (
               <Option key={i} value={i} text={String(i)}>
                 {i}-text
               </Option>

diff --git a/docs/examples/custom-tags.tsx b/docs/examples/custom-tags.tsx
@@ -4,7 +4,6 @@ import Select, { Option } from 'rc-select';
 import '../../assets/index.less';
 import type { CustomTagProps } from '@/BaseSelect';
 
-
 const children = [];
 for (let i = 10; i < 36; i += 1) {
   children.push(

diff --git a/docs/examples/dropdownRender.tsx b/docs/examples/dropdownRender.tsx
@@ -50,7 +50,7 @@ class Test extends React.Component {
             tokenSeparators={[' ', ',']}
             onFocus={() => console.log('focus')}
             onBlur={() => console.log('blur')}
-            dropdownRender={menu => (
+            dropdownRender={(menu) => (
               <React.Fragment>
                 <div
                   onClick={() => {

diff --git a/docs/examples/email.tsx b/docs/examples/email.tsx
@@ -8,18 +8,18 @@ class Test extends React.Component {
     options: [],
   };
 
-  onSelect = value => {
+  onSelect = (value) => {
     console.log('onSelect', value);
   };
 
-  onChange = value => {
+  onChange = (value) => {
     console.log('onChange', value);
     let options: React.ReactNode = [];
     if (value) {
       if (value.indexOf('@') >= 0) {
         options = <Option key={value}>{value}</Option>;
       } else {
-        options = ['gmail.com', 'yahoo.com', 'outlook.com'].map(domain => {
+        options = ['gmail.com', 'yahoo.com', 'outlook.com'].map((domain) => {
           const email = `${value}@${domain}`;
           return <Option key={email}>{email}</Option>;
         });

diff --git a/docs/examples/filterSort.tsx b/docs/examples/filterSort.tsx
@@ -22,7 +22,7 @@ const Test = () => (
       filterSort={sorterByLabel}
       optionFilterProp="label"
       options={incidencesStateResource}
-     />
+    />
     <h3> without filter sort </h3>
     <Select
       showSearch

diff --git a/docs/examples/force-suggest.tsx b/docs/examples/force-suggest.tsx
@@ -12,16 +12,16 @@ class Test extends React.Component {
     value: undefined,
   };
 
-  onChange = value => {
+  onChange = (value) => {
     console.log('select ', value);
     this.setState({
       value,
     });
   };
 
-  fetchData = value => {
+  fetchData = (value) => {
     if (value) {
-      fetch(value, data => {
+      fetch(value, (data) => {
         this.setState({
           data,
         });
@@ -42,7 +42,7 @@ class Test extends React.Component {
 
   render() {
     const { data, value, disabled } = this.state;
-    const options = data.map(d => (
+    const options = data.map((d) => (
       <Option key={d.value}>
         <i>{d.text}</i>
       </Option>

diff --git a/docs/examples/loading.tsx b/docs/examples/loading.tsx
@@ -60,7 +60,7 @@ class Test extends React.Component {
             placeholder="please select"
             onChange={this.onChange}
             onFocus={() => console.log('focus')}
-            onBlur={v => console.log('blur', v)}
+            onBlur={(v) => console.log('blur', v)}
             tokenSeparators={[' ', ',']}
           >
             {children}