diff --git a/package.json b/package.json
index 0c57cea1..9dcdef4f 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "esm/**/style/**"
   ],
   "scripts": {
+    "init": "git submodule init && git submodule update",
     "prepare": "husky install",
     "start": "cd site && vite",
     "dev": "cd site && vite",
@@ -95,9 +96,9 @@
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
     "@vitejs/plugin-react": "^1.1.1",
-    "@vitest/coverage-c8": "^0.24.1",
-    "@vitest/coverage-istanbul": "^0.24.1",
-    "@vitest/ui": "^0.24.1",
+    "@vitest/coverage-istanbul": "^2.0.3",
+    "@vitest/coverage-v8": "^2.0.3",
+    "@vitest/ui": "^2.0.3",
     "autoprefixer": "^10.4.0",
     "babel-jest": "^27.5.1",
     "babel-polyfill": "^6.26.0",
@@ -119,6 +120,7 @@
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
     "find-node-modules": "^2.1.2",
+    "glob": "^11.0.0",
     "gray-matter": "^4.0.3",
     "husky": "^7.0.4",
     "inquirer": "^8.2.0",
@@ -149,10 +151,11 @@
     "vite": "^2.7.0",
     "vite-plugin-pwa": "^0.11.11",
     "vite-plugin-tdoc": "^2.0.0",
-    "vitest": "^0.24.1",
+    "vitest": "^2.0.3",
     "workbox-precaching": "^6.3.0"
   },
   "dependencies": {
+    "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.2.10",
     "ahooks": "^3.1.9",
     "classnames": "^2.3.1",
@@ -168,4 +171,4 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/button/__tests__/__snapshots__/button.test.tsx.snap b/src/button/__tests__/__snapshots__/button.test.tsx.snap
index 265add7c..9634eee3 100644
--- a/src/button/__tests__/__snapshots__/button.test.tsx.snap
+++ b/src/button/__tests__/__snapshots__/button.test.tsx.snap
@@ -1,1534 +1,10 @@
-// Vitest Snapshot v1
-
-exports[`base.jsx 1`] = `
-<DocumentFragment>
-  <div
-    class="button-demo"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         强按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         弱按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--default t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         次按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-      <span
-        class="t-button__text"
-      >
-         带图标按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--danger t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         强警告按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--danger t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         弱警告按钮
-      </span>
-    </button>
-  </div>
-  <div
-    style="background: rgb(166, 166, 166); padding: 8px 16px; margin-bottom: 16px;"
-  >
-    <button
-      class="t-button t-button--outline t-button--default t-button--ghost t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         幽灵按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="margin-button"
-  >
-    <button
-      class="t-button t-button--text t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         文字按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="no-border-radius margin-button"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         通栏按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="no-border-radius no-border flex margin-button"
-  >
-    <button
-      class="t-button t-button--outline t-button--default t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         次按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="button-demo align-center margin-right"
-  >
-    <div
-      class="flex align-center margin-right"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-button--shape-rectangle"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           图标按钮
-        </span>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-button--shape-round"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           图标按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="flex align-center margin-right"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-button--shape-square"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-button--shape-circle"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-      </button>
-    </div>
-  </div>
-  <div
-    class="flex align-center margin-right button-demo-loading"
-  >
-    <div
-      class="button-demo flex"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-loading t-button--shape-square"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-loading"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
-        >
-          <path
-            d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-        </svg>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-loading t-button--shape-rectangle"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-loading"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
-        >
-          <path
-            d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           加载中...
-        </span>
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`index.jsx 1`] = `
-<DocumentFragment>
-  <div
-    class="tdesign-mobile-demo"
-  >
-    <div
-      class="tdesign-mobile-demo-header"
-    >
-      <h1
-        class="tdesign-mobile-demo-header__title"
-      >
-        Button 按钮
-      </h1>
-      <p
-        class="tdesign-mobile-demo-header__summary"
-      >
-        按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。
-      </p>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        01 基础按钮
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        基础类型分为主按钮、次按钮、文字按钮。
-      </p>
-      <div
-        class="button-demo"
-      >
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             强按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             弱按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--default t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             次按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--primary t-size-default t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-app"
-          >
-            <use
-              xlink:href="#t-icon-app"
-            />
-          </svg>
-          <span
-            class="t-button__text"
-          >
-             带图标按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--danger t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             强警告按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--danger t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             弱警告按钮
-          </span>
-        </button>
-      </div>
-      <div
-        style="background: rgb(166, 166, 166); padding: 8px 16px; margin-bottom: 16px;"
-      >
-        <button
-          class="t-button t-button--outline t-button--default t-button--ghost t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             幽灵按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="margin-button"
-      >
-        <button
-          class="t-button t-button--text t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             文字按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="no-border-radius margin-button"
-      >
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             通栏按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="no-border-radius no-border flex margin-button"
-      >
-        <button
-          class="t-button t-button--outline t-button--default t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             次按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-block t-button--shape-rectangle"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             主按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="button-demo align-center margin-right"
-      >
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-rectangle"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               图标按钮
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-round"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               图标按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-circle"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="flex align-center margin-right button-demo-loading"
-      >
-        <div
-          class="button-demo flex"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-loading t-button--shape-square"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-loading"
-              fill="none"
-              height="1em"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-loading t-button--shape-rectangle"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-loading"
-              fill="none"
-              height="1em"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               加载中...
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        02 状态
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        按钮禁用态
-      </p>
-      <div
-        class="button-demo"
-      >
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             强按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             弱按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--default t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             次按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--primary t-size-default t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-app"
-          >
-            <use
-              xlink:href="#t-icon-app"
-            />
-          </svg>
-          <span
-            class="t-button__text"
-          >
-             带图标按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--danger t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             强警告按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--outline t-button--danger t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             弱警告按钮
-          </span>
-        </button>
-      </div>
-      <div
-        style="background: rgb(166, 166, 166); padding: 8px 16px; margin-bottom: 16px;"
-      >
-        <button
-          class="t-button t-button--outline t-button--default t-button--ghost t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             幽灵按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="margin-button"
-      >
-        <button
-          class="t-button t-button--text t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             文字按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="no-border-radius margin-button"
-      >
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             通栏按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="no-border-radius no-border flex margin-button"
-      >
-        <button
-          class="t-button t-button--outline t-button--default t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             次按钮
-          </span>
-        </button>
-        <button
-          class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-             主按钮
-          </span>
-        </button>
-      </div>
-      <div
-        class="button-demo align-center margin-right"
-      >
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-rectangle"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               图标按钮
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-round"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               图标按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-square"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-circle"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="flex align-center margin-right button-demo-loading"
-      >
-        <div
-          class="button-demo flex"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-loading t-is-disabled t-button--shape-square"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-loading"
-              fill="none"
-              height="1em"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-is-loading t-is-disabled t-button--shape-rectangle"
-            disabled=""
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-loading"
-              fill="none"
-              height="1em"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               加载中...
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="tdesign-mobile-demo-block"
-    >
-      <h2
-        class="tdesign-mobile-demo-block__title"
-      >
-        03 规格
-      </h2>
-      <p
-        class="tdesign-mobile-demo-block__summary"
-      >
-        按钮尺寸
-      </p>
-      <div
-        class="button-demo"
-      >
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-rectangle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-               按钮 44
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-default t-button--shape-rectangle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-               按钮 40
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-s t-button--shape-rectangle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-               按钮 36
-            </span>
-          </button>
-        </div>
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-round"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               按钮
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-default t-button--shape-round"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               按钮
-            </span>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-s t-button--shape-round"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-            <span
-              class="t-button__text"
-            >
-               按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-default t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-s t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-        </div>
-        <div
-          class="flex align-center margin-right"
-        >
-          <button
-            class="t-button t-button--base t-button--primary t-size-l t-button--shape-circle"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-default t-button--shape-circle"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--base t-button--primary t-size-s t-button--shape-circle"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-            >
-              <use
-                xlink:href="#t-icon-app"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`size.jsx 1`] = `
-<DocumentFragment>
-  <div
-    class="flex align-center margin-right"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         按钮 44
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         按钮 40
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-s t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         按钮 36
-      </span>
-    </button>
-  </div>
-  <div
-    class="flex align-center margin-right"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-button--shape-round"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-      <span
-        class="t-button__text"
-      >
-         按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-round"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-      <span
-        class="t-button__text"
-      >
-         按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-s t-button--shape-round"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-      <span
-        class="t-button__text"
-      >
-         按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="flex align-center margin-right"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-s t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-  </div>
-  <div
-    class="flex align-center margin-right"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-button--shape-circle"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-circle"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-s t-button--shape-circle"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`status.jsx 1`] = `
-<DocumentFragment>
-  <div
-    class="button-demo"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         强按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         弱按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--default t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         次按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-app"
-      >
-        <use
-          xlink:href="#t-icon-app"
-        />
-      </svg>
-      <span
-        class="t-button__text"
-      >
-         带图标按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--danger t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         强警告按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--danger t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         弱警告按钮
-      </span>
-    </button>
-  </div>
-  <div
-    style="background: rgb(166, 166, 166); padding: 8px 16px; margin-bottom: 16px;"
-  >
-    <button
-      class="t-button t-button--outline t-button--default t-button--ghost t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         幽灵按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="margin-button"
-  >
-    <button
-      class="t-button t-button--text t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         文字按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="no-border-radius margin-button"
-  >
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         通栏按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="no-border-radius no-border flex margin-button"
-  >
-    <button
-      class="t-button t-button--outline t-button--default t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         次按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-is-block t-button--shape-rectangle"
-      disabled=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主按钮
-      </span>
-    </button>
-  </div>
-  <div
-    class="button-demo align-center margin-right"
-  >
-    <div
-      class="flex align-center margin-right"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-rectangle"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           图标按钮
-        </span>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-round"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           图标按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="flex align-center margin-right"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-square"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-disabled t-button--shape-circle"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-app"
-        >
-          <use
-            xlink:href="#t-icon-app"
-          />
-        </svg>
-      </button>
-    </div>
-  </div>
-  <div
-    class="flex align-center margin-right button-demo-loading"
-  >
-    <div
-      class="button-demo flex"
-    >
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-loading t-is-disabled t-button--shape-square"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-loading"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
-        >
-          <path
-            d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-        </svg>
-      </button>
-      <button
-        class="t-button t-button--base t-button--primary t-size-l t-is-loading t-is-disabled t-button--shape-rectangle"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-loading"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
-        >
-          <path
-            d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-        </svg>
-        <span
-          class="t-button__text"
-        >
-           加载中...
-        </span>
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`test.jsx 1`] = `
-<DocumentFragment>
-  <div>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主要按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--outline t-button--default t-size-default t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主要按钮
-      </span>
-    </button>
-  </div>
-  <div>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主要按钮
-      </span>
-    </button>
-    <button
-      class="t-button t-button--base t-button--primary t-size-default t-button--shape-rectangle"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         主要按钮
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Button 组件测试 > content 1`] = `
+<span
+  class="t-button__text"
+>
+   
+  按钮组件
+</span>
 `;
diff --git a/src/button/__tests__/button.test.tsx b/src/button/__tests__/button.test.tsx
index f2f7f507..9d5f99eb 100644
--- a/src/button/__tests__/button.test.tsx
+++ b/src/button/__tests__/button.test.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
 import { render } from '@test/utils';
+import { describe, it, expect } from 'vitest';
 import Button from '../Button';
 
 describe('Button 组件测试', () => {
   const ButtonText = '按钮组件';
-  test('content', async () => {
+  it('content', async () => {
     const { queryByText } = render(<Button content={ButtonText} />);
-    expect(queryByText(ButtonText)).toBeInTheDocument();
+    expect(queryByText(ButtonText)).toMatchSnapshot();
   });
 });
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 22231cf5..6c885976 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
 {
@@ -355,4 +355,4 @@ exports[`csr snapshot test > csr test src/grid/_example/badge.tsx 1`] = `
 }
 `;
 
-exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<div class=\\"t-grid\\"><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">8</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">new</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<div class="t-grid"><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--dot t-badge--has-children t-badge--medium"></div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">8</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">new</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">···</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div></div>"`;
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 63ff7c43..cf6d3956 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<div class=\\"t-grid\\"><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">8</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">new</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\" style=\\"padding-left:0\\"><div class=\\"t-grid-item__title\\" style=\\"padding-top:8px;margin-bottom:4px\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/grid/_example/badge.tsx 1`] = `"<div class="t-grid"><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--dot t-badge--has-children t-badge--medium"></div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">8</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">new</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div><div class="t-grid-item" style="flex-basis:25%;flex-direction:column;padding-left:0;padding-right:0;align-items:center;justify-content:center;text-align:center"><div class="t-badge"><div class="t-badge__inner t-badge--circle t-badge--has-children t-badge--medium">···</div><img class="img-4 img-vertical" src="https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png"/></div><div class="t-grid-item__text" style="padding-left:0"><div class="t-grid-item__title" style="padding-top:8px;margin-bottom:4px"><div class="text-4">标题文字</div></div><div class="t-grid-item__description"></div></div></div></div>"`;
diff --git a/test/snap/csr.test.jsx b/test/snap/csr.test.jsx
index 8ba5624a..f278735e 100644
--- a/test/snap/csr.test.jsx
+++ b/test/snap/csr.test.jsx
@@ -1,4 +1,4 @@
-import glob from 'glob';
+import { glob } from 'glob';
 import MockDate from 'mockdate';
 import React from 'react';
 import { vi } from 'vitest';
diff --git a/test/snap/ssr.test.jsx b/test/snap/ssr.test.jsx
index 1f942cb7..4a4b5b8f 100644
--- a/test/snap/ssr.test.jsx
+++ b/test/snap/ssr.test.jsx
@@ -1,4 +1,4 @@
-import glob from 'glob';
+import { glob } from 'glob';
 import MockDate from 'mockdate';
 import { vi } from 'vitest';
 import React from 'react';