From 6a23ada7d3c0250332833b041cceb6a3cc654de1 Mon Sep 17 00:00:00 2001
From: morning-star <26325820+Sight-wcg@users.noreply.github.com>
Date: Fri, 26 Jul 2024 23:29:25 +0800
Subject: [PATCH] =?UTF-8?q?feat(form-select):=20=E6=94=B9=E8=BF=9B=20lay-s?=
 =?UTF-8?q?earch=20=E5=B1=9E=E6=80=A7=EF=BC=8C=E6=94=AF=E6=8C=81=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E3=80=8C=E6=98=AF=E5=90=A6=E5=A4=A7=E5=B0=8F=E5=86=99?=
 =?UTF-8?q?=E6=95=8F=E6=84=9F=E3=80=8D=E5=92=8C=E3=80=8C=E6=A8=A1=E7=B3=8A?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

feat(form-select): 弃用 `lay-search="cs"`，新增 `lay-search="{caseSensitive:false, fuzzy: false}"` 方式 (#2121)
---
 docs/form/index.md  |  2 +-
 src/modules/form.js | 28 ++++++++++++++++++----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/docs/form/index.md b/docs/form/index.md
index cac7d0d1..a364710a 100644
--- a/docs/form/index.md
+++ b/docs/form/index.md
@@ -116,7 +116,7 @@ form 还可以借助*栅格*实现更灵活的响应式布局。
 | lay-reqtext | 自定义 | 设置*必填项*（`lay-verify="required"`）的默认提示文本 |
 | lay-affix | [#详见](input.html#affix) | 输入框动态点缀，`<input type="text">`元素 **私有属性** |
 | lay-skin | [#详见](checkbox.html#default) | 设置 UI 风格。 `<input type="checkbox">`，`<input type="radio">` 元素 **私有属性** |
-| lay-search | 默认不区分大小写;<br>设置`cs`区分大小写 | 给 `select` 组件开启搜索功能。`<select>` 元素 **私有属性** |
+| lay-search |<sup>2.9.15+</sup> `lay-search="{caseSensitive:false, fuzzy: false}"` <br>`caseSensitive` 是否区分大小写，默认值为 `false` <br>`fuzzy`是否开启模糊匹配，开启后将会忽略匹配字符出现在字符串中的位置，默认值为 `false` <br>设置`cs`区分大小写(2.9.15+ 已弃用) | 给 `select` 组件开启搜索功能。`<select>` 元素 **私有属性** |
 | lay-creatable <sup>2.9.7+</sup> | 无需值 | 是否允许创建新条目，需要配合 `lay-search` 使用。`<select>` 元素 **私有属性** |
 | lay-append-to <sup>2.9.12+</sup> <sup>实验性</sup> | `body` | 是否将 select 面板追加到 body 元素中。`<select>` 元素 **私有属性** |
 | lay-append-position <sup>2.9.12+</sup> <sup>实验性</sup> | `absolute` 绝对定位 (默认)<br>`fixed` 固定定位 | 用于设置 select 面板开启 `lay-append-to` 属性后的定位方式。`<select>` 元素 **私有属性** |
diff --git a/src/modules/form.js b/src/modules/form.js
index 48eaee8b..75ec033a 100644
--- a/src/modules/form.js
+++ b/src/modules/form.js
@@ -400,8 +400,14 @@ layui.define(['lay', 'layer', 'util'], function(exports){
           
           if(disabled) return;
 
-          // 搜索项
-          var laySearch = select.attr('lay-search');
+          /**
+           * 搜索项 
+           * @typedef searchOption
+           * @prop {boolean} [caseSensitive=false] 是否区分大小写
+           * @prop {boolean} [fuzzy=false] 是否开启模糊匹配，开启后将会忽略模式出现在字符串中的位置。
+           */
+          /** @type {searchOption} */
+          var laySearch = select.attr('lay-search') === 'cs' ? {caseSensitive:true} : lay.options(select, {attr:'lay-search'});
           // 目前只支持 body
           var appendTarget = select.attr('lay-append-to') || 'body';
           var appendPosition = select.attr('lay-append-position');
@@ -593,11 +599,13 @@ layui.define(['lay', 'layer', 'util'], function(exports){
             var dds = dl.children('dd');
             var hasEquals = false;
             var rawValue = value;
-            var caseInsensitive = laySearch !== 'cs';
-            if(caseInsensitive){
+            var fuzzyMatchRE;
+            if(!laySearch.caseSensitive){
               value = value.toLowerCase();
             }
-            var fuzzyMatch = fuzzyMatchRegExp(value, caseInsensitive);
+            if(laySearch.fuzzy){
+              fuzzyMatchRE = fuzzyMatchRegExp(value, laySearch.caseSensitive);
+            }
             layui.each(dds, function(){
               var othis = $(this);
               var text = othis.text();
@@ -609,12 +617,12 @@ layui.define(['lay', 'layer', 'util'], function(exports){
               }
 
               // 是否区分大小写
-              if(caseInsensitive){
+              if(!laySearch.caseSensitive){
                 text = text.toLowerCase();
               }
               
               // 匹配
-              var not = !fuzzyMatch.test(text);
+              var not = laySearch.fuzzy ? !fuzzyMatchRE.test(text) : text.indexOf(value) === -1;
               
               if(value === '' || (origin === 'blur') ? value !== text : not) num++;
               origin === 'keyup' && othis[(isCreatable ? (not && !isCreateOption) : not) ? 'addClass' : 'removeClass'](HIDE);
@@ -1237,14 +1245,14 @@ layui.define(['lay', 'layer', 'util'], function(exports){
     return layui.event.call(this, MOD_NAME, 'submit('+ layFilter +')', params);
   };
 
-  function fuzzyMatchRegExp(keyword, caseInsensitive) {
+  function fuzzyMatchRegExp(keyword, caseSensitive) {
     var wordMap = {};
     var regexPattern = ['^'];
     var escapeRegExp = function(str){
       return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     }
 
-    if(caseInsensitive)keyword = keyword.toLowerCase();
+    if(!caseSensitive)keyword = keyword.toLowerCase();
 
     // 统计关键字中各字符出现次数
     var wordArr = keyword.trim().split('');
@@ -1266,7 +1274,7 @@ layui.define(['lay', 'layer', 'util'], function(exports){
     }
     regexPattern.push('.*');
 
-    return new RegExp(regexPattern.join(''), caseInsensitive ? 'i' : undefined);
+    return new RegExp(regexPattern.join(''), !caseSensitive ? 'i' : undefined);
   }
   
   var form = new Form();