fix(CascaderSelect): should ignore case when searching

Author: 皆虚

src/cascader-select/cascader-select.jsx

@@ -246,18 +246,28 @@ class CascaderSelect extends Component {
         checkStrictly: false,
         showSearch: false,
         filter: (searchValue, path) => {
-            return path.some(item => item.label.indexOf(searchValue) > -1);
+            return path.some(
+                item =>
+                    String(item.label)
+                        .toLowerCase()
+                        .indexOf(String(searchValue).toLowerCase()) > -1
+            );
         },
         resultRender: (searchValue, path) => {
             const parts = [];
             path.forEach((item, i) => {
-                const others = item.label.split(searchValue);
+                const reExp = searchValue.replace(/[-.+*?^$()[\]{}|\\]/g, v => `\\${v}`);
+
+                const re = new RegExp(reExp, 'gi');
+                const others = item.label.split(re);
+                const matches = item.label.match(re);
+
                 others.forEach((other, j) => {
                     if (other) {
                         parts.push(other);
                     }
                     if (j < others.length - 1) {
-                        parts.push(<em key={`${i}-${j}`}>{searchValue}</em>);
+                        parts.push(<em key={`${i}-${j}`}>{matches[j]}</em>);
                     }
                 });
                 if (i < path.length - 1) {

test/cascader-select/index-spec.js

@@ -329,6 +329,35 @@ describe('CascaderSelect', () => {
         assert(document.querySelector('.next-cascader-filtered-list em').textContent.trim() === '高陵');
     });
 
+    it('should ignore case when searching', () => {
+        const SpecialChars = '-[.+*?^$()[]{}|\\';
+        const dataSource = [
+            {
+                value: 'Aa',
+                label: 'Aa',
+                children: [
+                    {
+                        value: 'Bb',
+                        label: 'Bb',
+                    },
+                    {
+                        value: SpecialChars,
+                        label: SpecialChars,
+                    },
+                ],
+            },
+        ];
+        wrapper = mount(<CascaderSelect showSearch defaultVisible defaultValue="Aa" dataSource={dataSource} />);
+
+        const specialCharCases = SpecialChars.split('').map(c => [c, c]);
+
+        [['aa', 'Aa'], ['BB', 'Bb'], ...specialCharCases].forEach(([iptVal, excepted]) => {
+            wrapper.find('.next-select-trigger-search input').simulate('change', { target: { value: iptVal } });
+            wrapper.update();
+            assert(document.querySelector('.next-cascader-filtered-list em').textContent.trim() === excepted);
+        });
+    });
+
     it('should support keyborad', done => {
         wrapper = mount(<CascaderSelect dataSource={ChinaArea} />);
         wrapper.find('.next-select').simulate('click');