diff --git a/src/search/Search.tsx b/src/search/Search.tsx
index 4e7346d8f..490bd27a2 100644
--- a/src/search/Search.tsx
+++ b/src/search/Search.tsx
@@ -11,12 +11,14 @@ import { searchDefaultProps } from './defaultProps';
 import { ENTER_REG } from '../_common/js/common';
 import useDefaultProps from '../hooks/useDefaultProps';
 import { usePrefixClass } from '../hooks/useClass';
+import Cell from '../cell/Cell';
 
 export interface SearchProps extends TdSearchProps, StyledProps {}
 
 const Search: FC<SearchProps> = (props) => {
   const {
     clearable,
+    clearTrigger,
     action,
     center,
     disabled,
@@ -26,6 +28,7 @@ const Search: FC<SearchProps> = (props) => {
     readonly,
     shape,
     value,
+    resultList,
     onActionClick,
     onBlur,
     onChange,
@@ -36,6 +39,7 @@ const Search: FC<SearchProps> = (props) => {
   const [focusState, setFocus] = useState(focus);
   const inputRef = useRef(null);
   const [searchValue, setSearchValue] = useDefault(value, '', onChange);
+  const [showResultList, setShowResultList] = useState(false);
 
   const { classPrefix } = useConfig();
   const searchClass = usePrefixClass('search');
@@ -53,6 +57,7 @@ const Search: FC<SearchProps> = (props) => {
   };
 
   const handleInput = (e: FormEvent<HTMLInputElement>) => {
+    setShowResultList(true);
     if (e instanceof InputEvent) {
       // 中文输入的时候inputType是insertCompositionText所以中文输入的时候禁止触发。
       const checkInputType = e.inputType && e.inputType === 'insertCompositionText';
@@ -63,16 +68,18 @@ const Search: FC<SearchProps> = (props) => {
   };
 
   const handleClear = (e: MouseEvent<HTMLDivElement>) => {
-    setSearchValue('', { trigger: 'input-change' });
+    setSearchValue('', { trigger: 'clear', e });
     setFocus(true);
     onClear?.({ e });
   };
 
   const handleFocus = (e: FocusEvent<HTMLDivElement>) => {
+    setFocus(true);
     onFocus?.({ value: searchValue, e });
   };
 
   const handleBlur = (e: FocusEvent<HTMLDivElement>) => {
+    setFocus(false);
     onBlur?.({ value: searchValue, e });
   };
 
@@ -88,6 +95,7 @@ const Search: FC<SearchProps> = (props) => {
     // 如果按的是 enter 键, 13是 enter
     if (ENTER_REG.test(e.code) || ENTER_REG.test(e.key)) {
       e.preventDefault();
+      setShowResultList(false);
       onSubmit?.({ value: searchValue, e });
     }
   };
@@ -100,7 +108,7 @@ const Search: FC<SearchProps> = (props) => {
   };
 
   const renderClear = () => {
-    if (clearable && searchValue) {
+    if (clearable && searchValue && (clearTrigger === 'always' || (clearTrigger === 'focus' && focusState))) {
       return (
         <div className={`${searchClass}__clear`} onClick={handleClear}>
           <CloseCircleFilledIcon />
@@ -121,31 +129,71 @@ const Search: FC<SearchProps> = (props) => {
     return null;
   };
 
+  const highlightSearchValue = (item: string, value: string) => {
+    const parts = item.split(new RegExp(`(${value})`, 'gi'));
+    return parts.map((part, index) =>
+      part.toLowerCase() === value.toLowerCase() ? (
+        <span key={index} className={`${searchClass}__result-item--highLight`}>
+          {part}
+        </span>
+      ) : (
+        part
+      ),
+    );
+  };
+
+  const handleSelectOption = (item: string, e: MouseEvent<HTMLDivElement>) => {
+    setShowResultList(false);
+    setSearchValue(item, { trigger: 'option-click', e });
+  };
+
+  const renderResultList = () => {
+    if (!showResultList || !resultList || resultList.length === 0) {
+      return null;
+    }
+
+    return (
+      <div className={`${searchClass}__result-list`}>
+        {resultList.map((item, index) => (
+          <Cell
+            key={index}
+            className={`${searchClass}__result-item`}
+            onClick={(context) => handleSelectOption(item, context.e)}
+            title={highlightSearchValue(item, searchValue)}
+          />
+        ))}
+      </div>
+    );
+  };
+
   return (
-    <div className={`${searchClass}`}>
-      <div className={`${boxClasses}`}>
-        {renderLeftIcon()}
-        <input
-          ref={inputRef}
-          value={searchValue}
-          type="search"
-          className={`${inputClasses}`}
-          style={
-            props.cursorColor ? ({ '--td-search-cursor-color': props.cursorColor } as React.CSSProperties) : undefined
-          }
-          autoFocus={focus}
-          placeholder={placeholder}
-          readOnly={readonly}
-          disabled={disabled}
-          onKeyDown={handleSearch}
-          onFocus={handleFocus}
-          onBlur={handleBlur}
-          onInput={handleInput}
-          onCompositionEnd={handleCompositionend}
-        />
-        {renderClear()}
+    <div>
+      <div className={`${searchClass}`}>
+        <div className={`${boxClasses}`}>
+          {renderLeftIcon()}
+          <input
+            ref={inputRef}
+            value={searchValue}
+            type="search"
+            className={`${inputClasses}`}
+            style={
+              props.cursorColor ? ({ '--td-search-cursor-color': props.cursorColor } as React.CSSProperties) : undefined
+            }
+            autoFocus={focus}
+            placeholder={placeholder}
+            readOnly={readonly}
+            disabled={disabled}
+            onKeyDown={handleSearch}
+            onFocus={handleFocus}
+            onBlur={handleBlur}
+            onInput={handleInput}
+            onCompositionEnd={handleCompositionend}
+          />
+          {renderClear()}
+        </div>
+        {renderAction()}
       </div>
-      {renderAction()}
+      {renderResultList()}
     </div>
   );
 };
diff --git a/src/search/_example/base.tsx b/src/search/_example/base.tsx
index ab64bb903..d1b6e4811 100644
--- a/src/search/_example/base.tsx
+++ b/src/search/_example/base.tsx
@@ -1,40 +1,37 @@
-import React, { useState } from 'react';
+import React, { useState, useCallback } from 'react';
 import { Search } from 'tdesign-mobile-react';
 
+const list = [
+  'tdesign-vue',
+  'tdesign-react',
+  'tdesign-miniprogram',
+  'tdesign-angular',
+  'tdesign-mobile-vue',
+  'tdesign-mobile-react',
+];
+
 export default function Base() {
   const [value, setValue] = useState<string>('');
-  const onChange = (val: string) => {
-    console.log('change: ', val);
+  const [resultList, setResultList] = useState<string[]>([]);
+
+  const onChange = useCallback((val: string, context: any) => {
+    console.log('onChange: ', val, context);
     setValue(val);
-  };
-  const onBlur = () => {
-    console.log('blur');
-  };
-  const onClear = () => {
-    console.log('clear');
-  };
-  const onFocus = () => {
-    console.log('focus');
-  };
+    if (val) {
+      setResultList(list.filter((item) => item.toLowerCase().includes(val.toLowerCase())));
+    } else {
+      setResultList([]);
+    }
+  }, []);
 
-  const onSubmit = () => {
-    console.log('submit');
-  };
-  const onActionClick = () => {
-    console.log('action-click');
-  };
   return (
-    <div className="search-example">
-      <Search
-        value={value}
-        placeholder="请输入关键字"
-        onActionClick={onActionClick}
-        onBlur={onBlur}
-        onChange={onChange}
-        onClear={onClear}
-        onFocus={onFocus}
-        onSubmit={onSubmit}
-      />
+    <div>
+      <div className="search-example">
+        <Search placeholder="搜索预设文案" />
+      </div>
+      <div className="search-example">
+        <Search value={value} resultList={resultList} placeholder="输入tdesign，有预览效果" onChange={onChange} />
+      </div>
     </div>
   );
 }
diff --git a/src/search/defaultProps.ts b/src/search/defaultProps.ts
index a71a5fbd7..7dc60e71d 100644
--- a/src/search/defaultProps.ts
+++ b/src/search/defaultProps.ts
@@ -7,6 +7,7 @@ import { TdSearchProps } from './type';
 export const searchDefaultProps: TdSearchProps = {
   action: '',
   center: false,
+  clearTrigger: 'always',
   clearable: true,
   cursorColor: '#0052d9',
   disabled: false,
@@ -14,5 +15,6 @@ export const searchDefaultProps: TdSearchProps = {
   leftIcon: 'search',
   placeholder: '',
   readonly: undefined,
+  resultList: [],
   shape: 'square',
 };
diff --git a/src/search/search.en-US.md b/src/search/search.en-US.md
index 1595d1811..1565ae90b 100644
--- a/src/search/search.en-US.md
+++ b/src/search/search.en-US.md
@@ -11,6 +11,7 @@ style | Object | - | CSS(Cascading Style Sheets)，Typescript: `React.CSSPropert
 action | TNode | '' | Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 autocompleteOptions | Array | - | autocomplete words list。Typescript: `Array<AutocompleteOption>` `type AutocompleteOption = string \| { label: string \| TNode; group?: boolean }`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts)。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/search/type.ts) | N
 center | Boolean | false | \- | N
+clearTrigger | String | always | show clear icon, clicked to clear input value。options: always / focus | N
 clearable | Boolean | true | \- | N
 cursorColor | String | #0052d9 | `0.21.2` | N
 disabled | Boolean | false | \- | N
@@ -19,13 +20,14 @@ leftIcon | TNode | 'search' | Typescript: `string \| TNode`。[see more ts defin
 placeholder | String | '' | \- | N
 prefixIcon | TElement | - | `deprecated`。Typescript: `TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | \- | N
+resultList | Array | [] | Typescript: `Array<string>` | N
 shape | String | 'square' | options: square/round | N
 suffixIcon | TElement | - | `deprecated`。Typescript: `TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 value | String | - | \- | N
 defaultValue | String | - | uncontrolled property | N
 onActionClick | Function |  | Typescript: `({}) => void`<br/> | N
 onBlur | Function |  | Typescript: `(context: { value: string; e: FocusEvent }) => void`<br/> | N
-onChange | Function |  | Typescript: `(value: string, context: { trigger: 'input-change' \| 'option-click'; e?: InputEvent \| MouseEvent }) => void`<br/> | N
+onChange | Function |  | Typescript: `(value: string, context: { trigger: 'input-change' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent }) => void`<br/> | N
 onClear | Function |  | Typescript: `(context: { e: MouseEvent }) => void`<br/> | N
 onFocus | Function |  | Typescript: `(context: { value: string; e: FocusEvent }) => void`<br/> | N
 onSearch | Function |  | Typescript: `(context?: { value: string; trigger: 'submit' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent }) => void`<br/> | N
diff --git a/src/search/search.md b/src/search/search.md
index 3e7db633d..6b29178d9 100644
--- a/src/search/search.md
+++ b/src/search/search.md
@@ -11,6 +11,7 @@ style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
 action | TNode | '' | 自定义右侧操作按钮文字。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 autocompleteOptions | Array | - | 【讨论中】联想词列表，如果不存在或长度为 0 则不显示联想框。可以使用函数 `label` 自定义联想词为任意内容；也可使用插槽 `option` 定义联想词内容，插槽参数为 `{ option: AutocompleteOption; index: number }`。如果 `group` 值为 `true` 则表示当前项为分组标题。TS 类型：`Array<AutocompleteOption>` `type AutocompleteOption = string \| { label: string \| TNode; group?: boolean }`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/search/type.ts) | N
 center | Boolean | false | 是否居中 | N
+clearTrigger | String | always | 清空图标触发方式，仅在输入框有值时有效。可选项：always / focus | N
 clearable | Boolean | true | 是否启用清除控件 | N
 cursorColor | String | #0052d9 | `0.21.2`。光标颜色 | N
 disabled | Boolean | false | 是否禁用 | N
@@ -19,13 +20,14 @@ leftIcon | TNode | 'search' | 左侧图标。TS 类型：`string \| TNode`。[
 placeholder | String | '' | 占位符 | N
 prefixIcon | TElement | - | 已废弃。前置图标，默认为搜索图标。值为 `null` 时则不显示。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | 只读状态 | N
+resultList | Array | [] | 预览结果列表。TS 类型：`Array<string>` | N
 shape | String | 'square' | 搜索框形状。可选项：square/round | N
 suffixIcon | TElement | - | 已废弃。后置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 value | String | - | 值 | N
 defaultValue | String | - | 值。非受控属性 | N
 onActionClick | Function |  | TS 类型：`({}) => void`<br/>点击右侧操作按钮文字时触发 | N
 onBlur | Function |  | TS 类型：`(context: { value: string; e: FocusEvent }) => void`<br/>失去焦点时触发 | N
-onChange | Function |  | TS 类型：`(value: string, context: { trigger: 'input-change' \| 'option-click'; e?: InputEvent \| MouseEvent }) => void`<br/>搜索关键词发生变化时触发，可能场景有：搜索框内容发生变化、点击联想词 | N
+onChange | Function |  | TS 类型：`(value: string, context: { trigger: 'input-change' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent }) => void`<br/>搜索关键词发生变化时触发，可能场景有：搜索框内容发生变化、点击联想词 | N
 onClear | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击清除时触发 | N
 onFocus | Function |  | TS 类型：`(context: { value: string; e: FocusEvent }) => void`<br/>获得焦点时触发 | N
 onSearch | Function |  | TS 类型：`(context?: { value: string; trigger: 'submit' \| 'option-click' \| 'clear'; e?: InputEvent \| MouseEvent }) => void`<br/>【讨论中】搜索触发，包含：手机键盘提交健、联想关键词点击、清空按钮点击等 | N
diff --git a/src/search/type.ts b/src/search/type.ts
index 83076fed8..2a6f4f36b 100644
--- a/src/search/type.ts
+++ b/src/search/type.ts
@@ -61,6 +61,11 @@ export interface TdSearchProps {
    * 只读状态
    */
   readonly?: boolean;
+  /**
+   * 预览结果列表
+   * @default []
+   */
+  resultList?: Array<string>;
   /**
    * 搜索框形状
    * @default 'square'
@@ -91,7 +96,10 @@ export interface TdSearchProps {
    */
   onChange?: (
     value: string,
-    context: { trigger: 'input-change' | 'option-click'; e?: FormEvent<HTMLInputElement> | MouseEvent<HTMLDivElement> },
+    context: {
+      trigger: 'input-change' | 'option-click' | 'clear';
+      e?: FormEvent<HTMLInputElement> | MouseEvent<HTMLDivElement>;
+    },
   ) => void;
   /**
    * 点击清除时触发
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index e837d004e..2a93494f8 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -77090,50 +77090,52 @@ exports[`csr snapshot test > csr test src/navbar/_example/index.tsx 1`] = `
               <div
                 class="t-navbar__left"
               >
-                <div
-                  class="t-search"
-                >
+                <div>
                   <div
-                    class="t-search__input-box t-search__input-box--round"
+                    class="t-search"
                   >
-                    <svg
-                      class="t-icon t-icon-search"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
+                    <div
+                      class="t-search__input-box t-search__input-box--round"
                     >
-                      <g
-                        id="search"
+                      <svg
+                        class="t-icon t-icon-search"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
                       >
-                        <path
-                          d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M15.8027 15.8037L21.106 21.107"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                    <input
-                      class="t-input__keyword"
-                      placeholder="搜索预设文案"
-                      type="search"
-                      value=""
-                    />
+                        <g
+                          id="search"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8027 15.8037L21.106 21.107"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <input
+                        class="t-input__keyword"
+                        placeholder="搜索预设文案"
+                        type="search"
+                        value=""
+                      />
+                    </div>
                   </div>
                 </div>
               </div>
@@ -78181,50 +78183,52 @@ exports[`csr snapshot test > csr test src/navbar/_example/search.tsx 1`] = `
       <div
         class="t-navbar__left"
       >
-        <div
-          class="t-search"
-        >
+        <div>
           <div
-            class="t-search__input-box t-search__input-box--round"
+            class="t-search"
           >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-search__input-box t-search__input-box--round"
             >
-              <g
-                id="search"
+              <svg
+                class="t-icon t-icon-search"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
               >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <input
-              class="t-input__keyword"
-              placeholder="搜索预设文案"
-              type="search"
-              value=""
-            />
+                <g
+                  id="search"
+                >
+                  <path
+                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M15.8027 15.8037L21.106 21.107"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <input
+                class="t-input__keyword"
+                placeholder="搜索预设文案"
+                type="search"
+                value=""
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -93045,50 +93049,52 @@ exports[`csr snapshot test > csr test src/search/_example/action.tsx 1`] = `
   <div
     class="search-example"
   >
-    <div
-      class="t-search"
-    >
+    <div>
       <div
-        class="t-search__input-box t-search__input-box--square t-is-focused"
+        class="t-search"
       >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
+        <div
+          class="t-search__input-box t-search__input-box--square t-is-focused"
         >
-          <g
-            id="search"
+          <svg
+            class="t-icon t-icon-search"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <input
-          class="t-input__keyword t-search--center"
-          placeholder="搜索预设文案"
-          type="search"
-          value=""
-        />
+            <g
+              id="search"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8027 15.8037L21.106 21.107"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <input
+            class="t-input__keyword t-search--center"
+            placeholder="搜索预设文案"
+            type="search"
+            value=""
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -93097,53 +93103,109 @@ exports[`csr snapshot test > csr test src/search/_example/action.tsx 1`] = `
 
 exports[`csr snapshot test > csr test src/search/_example/base.tsx 1`] = `
 <div>
-  <div
-    class="search-example"
-  >
+  <div>
     <div
-      class="t-search"
+      class="search-example"
     >
-      <div
-        class="t-search__input-box t-search__input-box--square"
-      >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
+      <div>
+        <div
+          class="t-search"
         >
-          <g
-            id="search"
+          <div
+            class="t-search__input-box t-search__input-box--square"
           >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <input
+              class="t-input__keyword"
+              placeholder="搜索预设文案"
+              type="search"
+              value=""
             />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="search-example"
+    >
+      <div>
+        <div
+          class="t-search"
+        >
+          <div
+            class="t-search__input-box t-search__input-box--square"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <input
+              class="t-input__keyword"
+              placeholder="输入tdesign，有预览效果"
+              type="search"
+              value=""
             />
-          </g>
-        </svg>
-        <input
-          class="t-input__keyword"
-          placeholder="请输入关键字"
-          type="search"
-          value=""
-        />
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -93189,53 +93251,109 @@ exports[`csr snapshot test > csr test src/search/_example/index.tsx 1`] = `
       <div
         class="tdesign-mobile-demo-block__slot"
       >
-        <div
-          class="search-example"
-        >
+        <div>
           <div
-            class="t-search"
+            class="search-example"
           >
-            <div
-              class="t-search__input-box t-search__input-box--square"
-            >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
+            <div>
+              <div
+                class="t-search"
               >
-                <g
-                  id="search"
+                <div
+                  class="t-search__input-box t-search__input-box--square"
                 >
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M15.8027 15.8037L21.106 21.107"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="search"
+                    >
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M15.8027 15.8037L21.106 21.107"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <input
+                    class="t-input__keyword"
+                    placeholder="搜索预设文案"
+                    type="search"
+                    value=""
                   />
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="search-example"
+          >
+            <div>
+              <div
+                class="t-search"
+              >
+                <div
+                  class="t-search__input-box t-search__input-box--square"
+                >
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="search"
+                    >
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M15.8027 15.8037L21.106 21.107"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <input
+                    class="t-input__keyword"
+                    placeholder="输入tdesign，有预览效果"
+                    type="search"
+                    value=""
                   />
-                </g>
-              </svg>
-              <input
-                class="t-input__keyword"
-                placeholder="请输入关键字"
-                type="search"
-                value=""
-              />
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -93259,50 +93377,52 @@ exports[`csr snapshot test > csr test src/search/_example/index.tsx 1`] = `
         <div
           class="search-example"
         >
-          <div
-            class="t-search"
-          >
+          <div>
             <div
-              class="t-search__input-box t-search__input-box--square t-is-focused"
+              class="t-search"
             >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
+              <div
+                class="t-search__input-box t-search__input-box--square t-is-focused"
               >
-                <g
-                  id="search"
+                <svg
+                  class="t-icon t-icon-search"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
                 >
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M15.8027 15.8037L21.106 21.107"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <input
-                class="t-input__keyword t-search--center"
-                placeholder="搜索预设文案"
-                type="search"
-                value=""
-              />
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <input
+                  class="t-input__keyword t-search--center"
+                  placeholder="搜索预设文案"
+                  type="search"
+                  value=""
+                />
+              </div>
             </div>
           </div>
         </div>
@@ -93331,50 +93451,52 @@ exports[`csr snapshot test > csr test src/search/_example/index.tsx 1`] = `
         <div
           class="search-example"
         >
-          <div
-            class="t-search"
-          >
+          <div>
             <div
-              class="t-search__input-box t-search__input-box--round"
+              class="t-search"
             >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
+              <div
+                class="t-search__input-box t-search__input-box--round"
               >
-                <g
-                  id="search"
+                <svg
+                  class="t-icon t-icon-search"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
                 >
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M15.8027 15.8037L21.106 21.107"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <input
-                class="t-input__keyword"
-                placeholder="请输入关键字"
-                type="search"
-                value=""
-              />
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <input
+                  class="t-input__keyword"
+                  placeholder="请输入关键字"
+                  type="search"
+                  value=""
+                />
+              </div>
             </div>
           </div>
         </div>
@@ -93403,50 +93525,52 @@ exports[`csr snapshot test > csr test src/search/_example/index.tsx 1`] = `
         <div
           class="search-example"
         >
-          <div
-            class="t-search"
-          >
+          <div>
             <div
-              class="t-search__input-box t-search__input-box--square"
+              class="t-search"
             >
-              <svg
-                class="t-icon t-icon-search"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
+              <div
+                class="t-search__input-box t-search__input-box--square"
               >
-                <g
-                  id="search"
+                <svg
+                  class="t-icon t-icon-search"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
                 >
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M15.8027 15.8037L21.106 21.107"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <input
-                class="t-input__keyword"
-                placeholder="搜索预设文案"
-                type="search"
-                value=""
-              />
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <input
+                  class="t-input__keyword"
+                  placeholder="搜索预设文案"
+                  type="search"
+                  value=""
+                />
+              </div>
             </div>
           </div>
         </div>
@@ -93461,50 +93585,52 @@ exports[`csr snapshot test > csr test src/search/_example/other.tsx 1`] = `
   <div
     class="search-example"
   >
-    <div
-      class="t-search"
-    >
+    <div>
       <div
-        class="t-search__input-box t-search__input-box--square"
+        class="t-search"
       >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
+        <div
+          class="t-search__input-box t-search__input-box--square"
         >
-          <g
-            id="search"
+          <svg
+            class="t-icon t-icon-search"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <input
-          class="t-input__keyword"
-          placeholder="搜索预设文案"
-          type="search"
-          value=""
-        />
+            <g
+              id="search"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8027 15.8037L21.106 21.107"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <input
+            class="t-input__keyword"
+            placeholder="搜索预设文案"
+            type="search"
+            value=""
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -93516,50 +93642,52 @@ exports[`csr snapshot test > csr test src/search/_example/shape.tsx 1`] = `
   <div
     class="search-example"
   >
-    <div
-      class="t-search"
-    >
+    <div>
       <div
-        class="t-search__input-box t-search__input-box--round"
+        class="t-search"
       >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
+        <div
+          class="t-search__input-box t-search__input-box--round"
         >
-          <g
-            id="search"
+          <svg
+            class="t-icon t-icon-search"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <input
-          class="t-input__keyword"
-          placeholder="请输入关键字"
-          type="search"
-          value=""
-        />
+            <g
+              id="search"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8027 15.8037L21.106 21.107"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <input
+            class="t-input__keyword"
+            placeholder="请输入关键字"
+            type="search"
+            value=""
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -133423,11 +133551,11 @@ exports[`ssr snapshot test > ssr test src/navbar/_example/custom-color.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/img.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/navbar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="t-navbar t-navbar--fixed t-safe-area-top t-navbar--visible-animation" style="z-index:999"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">Navbar 导航条</span></div></div></div><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Navbar 导航栏</h1><p class="tdesign-mobile-demo-header__summary">用于不同页面之间切换或者跳转，位于内容区的上方，系统状态栏的下方。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none;font-size:24px"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-navbar__capsule"><div class="custom-capsule"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left custom-capsule__icon" style="fill:none;font-size:20px"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home custom-capsule__icon" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带搜索导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">标题对齐</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标题尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation custom-navbar" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/navbar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="t-navbar t-navbar--fixed t-safe-area-top t-navbar--visible-animation" style="z-index:999"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">Navbar 导航条</span></div></div></div><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Navbar 导航栏</h1><p class="tdesign-mobile-demo-header__summary">用于不同页面之间切换或者跳转，位于内容区的上方，系统状态栏的下方。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none;font-size:24px"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-navbar__capsule"><div class="custom-capsule"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left custom-capsule__icon" style="fill:none;font-size:20px"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home custom-capsule__icon" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带搜索导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">标题对齐</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标题尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation custom-navbar" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/left-title.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/navbar/_example/search.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/navbar/_example/search.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/size.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div>"`;
 
@@ -133557,15 +133685,15 @@ exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<lin
 
 exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"<div><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon" style="fill:none"><g id="info-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 16.5L12 11M12 7.5L11.9961 7.5L11.9961 7.49609L12 7.49609L12 7.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon" style="fill:none"><g id="info-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 16.5L12 11M12 7.5L11.9961 7.5L11.9961 7.49609L12 7.49609L12 7.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/action.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/action.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/base.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/base.tsx 1`] = `"<div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="输入tdesign，有预览效果" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Search 搜索框</h1><p class="tdesign-mobile-demo-header__summary">用于用户输入搜索信息，并进行页面内容搜索。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础搜索框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入值后显示取消按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">搜索框形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件状态</h2><p class="tdesign-mobile-demo-block__summary">默认状态其他对齐方式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Search 搜索框</h1><p class="tdesign-mobile-demo-header__summary">用于用户输入搜索信息，并进行页面内容搜索。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础搜索框</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="输入tdesign，有预览效果" value=""/></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入值后显示取消按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">搜索框形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件状态</h2><p class="tdesign-mobile-demo-block__summary">默认状态其他对齐方式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 1b07755e1..0ed2fae58 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -414,11 +414,11 @@ exports[`ssr snapshot test > ssr test src/navbar/_example/custom-color.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/img.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/navbar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="t-navbar t-navbar--fixed t-safe-area-top t-navbar--visible-animation" style="z-index:999"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">Navbar 导航条</span></div></div></div><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Navbar 导航栏</h1><p class="tdesign-mobile-demo-header__summary">用于不同页面之间切换或者跳转，位于内容区的上方，系统状态栏的下方。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none;font-size:24px"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-navbar__capsule"><div class="custom-capsule"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left custom-capsule__icon" style="fill:none;font-size:20px"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home custom-capsule__icon" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带搜索导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">标题对齐</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标题尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation custom-navbar" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/navbar/_example/index.tsx 1`] = `"<link rel="preload" as="image" href="https://tdesign.gtimg.com/mobile/demos/logo1.png"/><div class="tdesign-mobile-demo"><div class="t-navbar t-navbar--fixed t-safe-area-top t-navbar--visible-animation" style="z-index:999"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">Navbar 导航条</span></div></div></div><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Navbar 导航栏</h1><p class="tdesign-mobile-demo-header__summary">用于不同页面之间切换或者跳转，位于内容区的上方，系统状态栏的下方。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none;font-size:24px"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-navbar__capsule"><div class="custom-capsule"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left custom-capsule__icon" style="fill:none;font-size:20px"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><div class="t-divider t-divider--vertical t-divider--center" role="separator"><div class="t-divider__content"></div></div><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home custom-capsule__icon" style="fill:none;font-size:20px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带搜索导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带图片导航栏</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><img src="https://tdesign.gtimg.com/mobile/demos/logo1.png" class="logo"/></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">标题对齐</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">标题尺寸</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义颜色</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-navbar-demo"><div class="t-navbar t-safe-area-top t-navbar--visible-animation custom-navbar" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/left-title.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题居中</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-left-title">标题左对齐</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/navbar/_example/search.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/navbar/_example/search.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/navbar/_example/size.tsx 1`] = `"<div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-navbar__center"><span class="t-navbar__center-title">标题文字</span></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="t-navbar t-safe-area-top t-navbar--visible-animation" style="z-index:1;margin-bottom:0"><div class="t-navbar__content"><div class="t-navbar__left"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left t-navbar__left-arrow" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="custom-title">返回</span></div><div class="t-navbar__center"></div><div class="t-navbar__right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home" style="fill:none;font-size:24px"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:24px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div><div class="header-title">大尺寸标题</div>"`;
 
@@ -548,15 +548,15 @@ exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<lin
 
 exports[`ssr snapshot test > ssr test src/result/_example/theme.tsx 1`] = `"<div><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon" style="fill:none"><g id="info-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 16.5L12 11M12 7.5L11.9961 7.5L11.9961 7.49609L12 7.49609L12 7.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon" style="fill:none"><g id="info-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 16.5L12 11M12 7.5L11.9961 7.5L11.9961 7.49609L12 7.49609L12 7.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/action.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/action.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/base.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/base.tsx 1`] = `"<div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="输入tdesign，有预览效果" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Search 搜索框</h1><p class="tdesign-mobile-demo-header__summary">用于用户输入搜索信息，并进行页面内容搜索。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础搜索框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入值后显示取消按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">搜索框形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件状态</h2><p class="tdesign-mobile-demo-block__summary">默认状态其他对齐方式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Search 搜索框</h1><p class="tdesign-mobile-demo-header__summary">用于用户输入搜索信息，并进行页面内容搜索。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">基础搜索框</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="输入tdesign，有预览效果" value=""/></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">输入值后显示取消按钮</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square t-is-focused"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword t-search--center" autofocus="" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件样式</h2><p class="tdesign-mobile-demo-block__summary">搜索框形状</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件状态</h2><p class="tdesign-mobile-demo-block__summary">默认状态其他对齐方式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/other.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--square"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="搜索预设文案" value=""/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/search/_example/shape.tsx 1`] = `"<div class="search-example"><div><div class="t-search"><div class="t-search__input-box t-search__input-box--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-search" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><input type="search" class="t-input__keyword" placeholder="请输入关键字" value=""/></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/side-bar/_example/base.tsx 1`] = `"<div class="side-bar-wrapper section-base"><div class="t-side-bar"><div class="t-side-bar-item"><div>选项一</div></div><div class="t-side-bar-item t-side-bar-item--active"><div><div class="t-side-bar-item__line"></div><div class="t-side-bar-item__prefix"></div><div class="t-side-bar-item__suffix"></div></div><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项二</span></div><div class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"><div class="t-badge__count"></div></div></div></div><div class="t-side-bar-item"><div>选项三</div></div><div class="t-side-bar-item"><div class="t-badge"><div class="t-badge__content"><span class="t-badge__content-text">选项四</span></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"><div class="t-badge__count">6</div></div></div></div><div class="t-side-bar-item"><div>选项五</div></div><div class="t-side-bar__padding"></div></div><div class="content"><div class="section"><div class="title">标题一</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题二</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题三</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题四</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div><div class="section"><div class="title">标题五</div><div class="t-grid" style="padding:undefinedpx;grid-template-columns:repeat(3, 1fr);grid-gap:undefinedpx"><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div><div class="t-grid-item t-grid-item--vertical" style="text-align:center;flex-basis:33.333333333333336%"><div class="t-grid-item__image t-grid-item__image--large"><div class="t-image t-image--round"></div></div><div class="t-grid-item__content t-grid-item__content--vertical"><div class="t-grid-item__title t-grid-item__title--large">标题文字</div><div class="t-grid-item__description t-grid-item__description--vertical"></div></div></div></div></div></div></div>"`;