fix:bug[16758] 【uat】搜索输入框不应展示搜索图标，叉号和安卓不一致。

@@ -39,6 +39,11 @@ export struct SearchComponent {
     SearcherAboutDataModel.searchHistoryData = []
     //获取搜索历史
     this.getSearchHistoryData()
+
+    let intervalID = setInterval(() => {
+      sendEventByKey("searchId", 10, "")
+      clearInterval(intervalID);
+    }, 1000);
   }
 
   getRelatedSearchContent() {
@@ -56,12 +61,18 @@ export struct SearchComponent {
               while (tempValue.indexOf(this.searchText) != -1){
                 let index = tempValue.indexOf(this.searchText)
                 if(index === 0){
-                  tempArr.push(this.searchText)
-                  tempValue = tempValue.substring(this.searchText.length,tempValue.length)
+                  try {
+                    tempArr.push(this.searchText)
+                    tempValue = tempValue.substring(this.searchText.length,tempValue.length)
+                  } catch (e) {
+                  }
                 }else {
-                  tempArr.push(tempValue.substring(0,index))
-                  tempArr.push(this.searchText)
-                  tempValue = tempValue.substring(index+this.searchText.length,tempValue.length)
+                  try {
+                    tempArr.push(tempValue.substring(0,index))
+                    tempArr.push(this.searchText)
+                    tempValue = tempValue.substring(index+this.searchText.length,tempValue.length)
+                  } catch (e) {
+                  }
                 }
               }
               if(StringUtils.isNotEmpty(tempValue)){
@@ -218,7 +229,7 @@ export struct SearchComponent {
                 .textAlign(TextAlign.Start)
                 .maxLines(1)
                 .textOverflow({ overflow: TextOverflow.Clip })
-                .margin({ left: '70lpx' })
+                .margin({ left: '40lpx' })
             })
           }
           .loop(true)
@@ -238,7 +249,15 @@ export struct SearchComponent {
             .height('69lpx')
             .backgroundColor($r('app.color.color_transparent'))
             .textFont({ size: "27lpx", weight: "400lpx" })
-            .defaultFocus(true)
+            // .defaultFocus(true)
+            .id("searchId")
+            .focusable(true)
+            .searchIcon({
+              size:0
+            })
+            .cancelButton({
+              style:CancelButtonStyle.INVISIBLE
+            })
             .caretStyle({color:Color.Pink})
             .onSubmit((value: string) => {
               if(StringUtils.isNotEmpty(this.searchText)){
@@ -278,9 +297,20 @@ export struct SearchComponent {
                 }
               }
             })
-
-        }.padding({right:'30lpx'})
+        }.padding({right:'70lpx'})
         .layoutWeight(1)
+
+        Image($r('app.media.search_input_del_icon'))
+          .width("31lpx")
+          .height("31lpx")
+          .objectFit(ImageFit.Auto)
+          .interpolation(ImageInterpolation.Medium)
+          .margin({left:"495lpx"})
+          .onClick(()=>{
+            this.searchText = ""
+          })
+          .visibility(StringUtils.isEmpty(this.searchText) ? Visibility.Hidden : Visibility.Visible)
+
       }
       .backgroundImage($r('app.media.search_page_input_bg'))
       .backgroundImageSize(ImageSize.Cover)