fix(Search): resolved action-click event invalid (#908)

Author: anlyyao

src/_common

@@ -35,12 +35,7 @@ exports[`Search > Search actionVue demo works fine 1`] = `
       <!--v-if-->
     </div>
     
-    <div
-      class="t-search__search-action"
-      style="display: none;"
-    >
-      取消
-    </div>
+    <!--v-if-->
     
   </div>
 </div>
@@ -171,7 +166,7 @@ exports[`Search > Search mobileVue demo works fine 1`] = `
       <p
         class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle"
       >
-        获取焦点后显示取消按钮
+        输入值后显示取消按钮
       </p>
     </div>
     <div
@@ -212,12 +207,7 @@ exports[`Search > Search mobileVue demo works fine 1`] = `
             <!--v-if-->
           </div>
           
-          <div
-            class="t-search__search-action"
-            style="display: none;"
-          >
-            取消
-          </div>
+          <!--v-if-->
           
         </div>
       </div>

src/search/__test__/__snapshots__/demo.test.jsx.snap

@@ -129,8 +129,8 @@ describe('search', () => {
       const onActionClick = vi.fn();
       const wrapper = mount(Search, {
         props: {
+          value: 'test',
           action: '取消',
-          focus: true,
           onActionClick,
         },
       });

src/search/__test__/index.test.jsx

@@ -5,7 +5,7 @@
     <tdesign-demo-block title="01 组件类型" summary="基础搜索框">
       <baseDemo />
     </tdesign-demo-block>
-    <tdesign-demo-block summary="获取焦点后显示取消按钮">
+    <tdesign-demo-block summary="输入值后显示取消按钮">
       <actionDemo />
     </tdesign-demo-block>
     <tdesign-demo-block title="02 组件样式" summary="搜索框形状">

src/search/demos/mobile.vue

@@ -24,7 +24,7 @@
       </div>
     </div>
     <slot name="action">
-      <div v-if="action" v-show="focused" :class="`${name}__search-action`" @click="onActionClick">
+      <div v-if="action && searchValue" :class="`${name}__search-action`" @click="onActionClick">
         {{ action }}
       </div>
     </slot>