From 02ce0ff948d2d363dade652664e27cfc5b0f4a62 Mon Sep 17 00:00:00 2001
From: carolin913n <carolin913@126.com>
Date: Wed, 16 Mar 2022 14:00:47 +0800
Subject: [PATCH 1/2] test: unit test support

---
 package.json                                  |   4 +-
 .../__snapshots__/button.test.tsx.snap        | 430 ++++++++++++++++++
 src/button/__tests__/button.test.tsx          |  14 +
 test/config/jest.base.conf.js                 |   6 +-
 test/config/jest.unit.conf.js                 |   2 +-
 test/ssr/__snapshots__/ssr.test.js.snap       | 156 +++++++
 test/ssr/ssr.test.js                          |   6 +-
 test/utils/test-examples.ts                   |  17 +-
 8 files changed, 620 insertions(+), 15 deletions(-)
 create mode 100644 src/button/__tests__/__snapshots__/button.test.tsx.snap
 create mode 100644 src/button/__tests__/button.test.tsx

diff --git a/package.json b/package.json
index 65b22079..289a7dfe 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "lint": "eslint --ext .ts,.tsx ./ --max-warnings 0",
     "lint:fix": "eslint --ext .ts,.tsx ./ --max-warnings 0 --fix",
     "test": "echo \"no test specified, work in progress\"",
-    "test:update": "npm run test:unit-update && npm run test:node-update",
+    "test:update": "npm run test:unit-update",
     "test:unit": "bash -c 'jest --coverage --config test/config/jest.unit.conf.js ${1}' -- ",
     "test:unit-update": "jest --config test/config/jest.unit.conf.js --updateSnapshot --coverage",
     "test:node": "jest --config test/config/jest.ssr.conf.js",
@@ -160,4 +160,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
new file mode 100644
index 00000000..731c7f66
--- /dev/null
+++ b/src/button/__tests__/__snapshots__/button.test.tsx.snap
@@ -0,0 +1,430 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`base.jsx 1`] = `
+<DocumentFragment>
+  <button
+    class="t-button t-button--base t-button--default t-button--shape-square t-m"
+    type="button"
+  >
+    默认按钮
+  </button>
+  <button
+    class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+    type="button"
+  >
+    强按钮
+  </button>
+  <button
+    class="t-button t-button--outline t-button--primary t-button--shape-square t-m"
+    type="button"
+  >
+    弱按钮
+  </button>
+  <button
+    class="t-button t-button--outline t-button--default t-button--shape-square t-m"
+    type="button"
+  >
+    次按钮
+  </button>
+  <button
+    class="t-button t-button--base t-button--danger t-button--shape-square t-m"
+    type="button"
+  >
+    警告按钮
+  </button>
+  <button
+    class="t-button t-button--outline t-button--danger t-button--shape-square t-m"
+    type="button"
+  >
+    弱警告按钮
+  </button>
+  <button
+    class="t-button t-button--text t-button--primary t-button--shape-square t-m"
+    type="button"
+  >
+    文字按钮
+  </button>
+</DocumentFragment>
+`;
+
+exports[`icon.jsx 1`] = `
+<DocumentFragment>
+  <button
+    class="t-button t-button--base t-button--default t-button--shape-square t-m"
+    type="button"
+  >
+    <svg
+      class="t-icon t-icon-add"
+    >
+      <use
+        xlink:href="#t-icon-add"
+      />
+    </svg>
+    图标按钮
+  </button>
+</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"
+        v-if="title"
+      >
+        01 基础按钮
+      </h2>
+      <p
+        class="tdesign-mobile-demo-block__summary"
+        v-if="summary"
+      >
+        基础类型分为主按钮、次按钮、文字按钮。
+      </p>
+      <div
+        class="button-demo"
+      >
+        <button
+          class="t-button t-button--base t-button--default t-button--shape-square t-m"
+          type="button"
+        >
+          默认按钮
+        </button>
+        <button
+          class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+          type="button"
+        >
+          强按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--primary t-button--shape-square t-m"
+          type="button"
+        >
+          弱按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--default t-button--shape-square t-m"
+          type="button"
+        >
+          次按钮
+        </button>
+        <button
+          class="t-button t-button--base t-button--danger t-button--shape-square t-m"
+          type="button"
+        >
+          警告按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--danger t-button--shape-square t-m"
+          type="button"
+        >
+          弱警告按钮
+        </button>
+        <button
+          class="t-button t-button--text t-button--primary t-button--shape-square t-m"
+          type="button"
+        >
+          文字按钮
+        </button>
+      </div>
+      <div
+        style="background: rgb(166, 166, 166); padding: 10px; margin-bottom: 10px;"
+      >
+        <button
+          class="t-button t-button--outline t-button--default t-button--shape-square t-button--ghost t-m"
+          type="button"
+        >
+          幽灵按钮
+        </button>
+      </div>
+      <button
+        class="t-button t-button--base t-button--primary t-button--shape-square t-m t-size-full-width"
+        type="button"
+      >
+        通栏按钮
+      </button>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <h2
+        class="tdesign-mobile-demo-block__title"
+        v-if="title"
+      >
+        02 图标按钮
+      </h2>
+      <p
+        class="tdesign-mobile-demo-block__summary"
+        v-if="summary"
+      >
+        图标按钮分为图标加文字形式、纯图标形式
+      </p>
+      <div
+        class="button-demo"
+      >
+        <button
+          class="t-button t-button--base t-button--default t-button--shape-square t-m"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add"
+          >
+            <use
+              xlink:href="#t-icon-add"
+            />
+          </svg>
+          图标按钮
+        </button>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <h2
+        class="tdesign-mobile-demo-block__title"
+        v-if="title"
+      >
+        03 按钮状态
+      </h2>
+      <p
+        class="tdesign-mobile-demo-block__summary"
+        v-if="summary"
+      >
+        按钮禁用态
+      </p>
+      <div
+        class="button-demo"
+      >
+        <button
+          class="t-button t-button--base t-button--default t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          默认按钮
+        </button>
+        <button
+          class="t-button t-button--base t-button--primary t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          强按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--primary t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          弱按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--default t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          次按钮
+        </button>
+        <button
+          class="t-button t-button--base t-button--danger t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          警告按钮
+        </button>
+        <button
+          class="t-button t-button--outline t-button--danger t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          弱警告按钮
+        </button>
+        <button
+          class="t-button t-button--text t-button--primary t-button--shape-square t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          文字按钮
+        </button>
+      </div>
+      <div
+        style="background: rgb(166, 166, 166); padding: 10px; margin-bottom: 10px;"
+      >
+        <button
+          class="t-button t-button--outline t-button--default t-button--shape-square t-button--ghost t-m t-is-disabled"
+          disabled=""
+          type="button"
+        >
+          幽灵按钮
+        </button>
+      </div>
+      <button
+        class="t-button t-button--base t-button--primary t-button--shape-square t-m t-is-disabled t-size-full-width"
+        disabled=""
+        type="button"
+      >
+        通栏按钮
+      </button>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <h2
+        class="tdesign-mobile-demo-block__title"
+        v-if="title"
+      >
+        04 尺寸
+      </h2>
+      <p
+        class="tdesign-mobile-demo-block__summary"
+        v-if="summary"
+      >
+        提供大、中、小 3 种不同大小按钮
+      </p>
+      <div
+        class="button-demo"
+      >
+        <button
+          class="t-button t-button--base t-button--primary t-button--shape-square t-l"
+          type="button"
+        >
+          按钮 44
+        </button>
+        <button
+          class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+          type="button"
+        >
+          按钮 40
+        </button>
+        <br />
+        <button
+          class="t-button t-button--base t-button--primary t-button--shape-square t-s"
+          type="button"
+        >
+          按钮 36
+        </button>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <h2
+        class="tdesign-mobile-demo-block__title"
+        v-if="title"
+      >
+        05 形状
+      </h2>
+      <p
+        class="tdesign-mobile-demo-block__summary"
+        v-if="summary"
+      />
+      <div
+        class="button-demo"
+      >
+        <button
+          class="t-button t-button--base t-button--default t-m"
+          type="button"
+        >
+          圆角按钮
+        </button>
+        <button
+          class="t-button t-button--base t-button--default t-button--shape-square t-m"
+          type="button"
+        >
+          直角按钮
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`shape.jsx 1`] = `
+<DocumentFragment>
+  <button
+    class="t-button t-button--base t-button--default t-m"
+    type="button"
+  >
+    圆角按钮
+  </button>
+  <button
+    class="t-button t-button--base t-button--default t-button--shape-square t-m"
+    type="button"
+  >
+    直角按钮
+  </button>
+</DocumentFragment>
+`;
+
+exports[`size.jsx 1`] = `
+<DocumentFragment>
+  <button
+    class="t-button t-button--base t-button--primary t-button--shape-square t-l"
+    type="button"
+  >
+    按钮 44
+  </button>
+  <button
+    class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+    type="button"
+  >
+    按钮 40
+  </button>
+  <br />
+  <button
+    class="t-button t-button--base t-button--primary t-button--shape-square t-s"
+    type="button"
+  >
+    按钮 36
+  </button>
+</DocumentFragment>
+`;
+
+exports[`test.jsx 1`] = `
+<DocumentFragment>
+  <div>
+    <button
+      class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+      type="button"
+    >
+      主要按钮
+    </button>
+    <button
+      class="t-button t-button--outline t-button--default t-button--shape-square t-m"
+      type="button"
+    >
+      主要按钮
+    </button>
+  </div>
+  <div>
+    <button
+      class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+      type="button"
+    >
+      主要按钮
+    </button>
+    <button
+      class="t-button t-button--base t-button--primary t-button--shape-square t-m"
+      type="button"
+    >
+      主要按钮
+    </button>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/button/__tests__/button.test.tsx b/src/button/__tests__/button.test.tsx
new file mode 100644
index 00000000..fc37fe8d
--- /dev/null
+++ b/src/button/__tests__/button.test.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { testExamples, render } from '@test/utils';
+import Button from '../Button';
+
+// 测试组件代码 Example 快照
+testExamples(__dirname);
+
+describe('Button 组件测试', () => {
+  const ButtonText = '按钮组件';
+  test('content', async () => {
+    const { queryByText } = render(<Button content={ButtonText} />);
+    expect(queryByText(ButtonText)).toBeInTheDocument();
+  });
+});
diff --git a/test/config/jest.base.conf.js b/test/config/jest.base.conf.js
index d9c1d1e1..2c5a8353 100644
--- a/test/config/jest.base.conf.js
+++ b/test/config/jest.base.conf.js
@@ -7,7 +7,7 @@ process.env.TZ = 'Asia/Shanghai';
 module.exports = {
   rootDir: path.resolve(__dirname, '../../'),
   setupFilesAfterEnv: ['./test/scripts/setup-framework.js'],
-  testEnvironment: 'jsdom',
+  testEnvironment: 'jest-environment-jsdom',
   preset: 'ts-jest',
   transform: {
     '^.+\\.(j|t)sx?$': 'babel-jest',
@@ -36,9 +36,11 @@ module.exports = {
   ],
   moduleNameMapper: {
     // 测试工具便捷引入
-    '^@test/(.*)': '<rootDir>/test/$1',
+    '^@test/(.*)$': '<rootDir>/test/$1',
     // 组件 alias
     '^tdesign-mobile-react(.*)': '<rootDir>/src$1',
+    // common
+    "^@common/(.*)": "<rootDir>/src/_common/$1",
   },
   watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
 };
diff --git a/test/config/jest.unit.conf.js b/test/config/jest.unit.conf.js
index 01db00a2..daf8205a 100644
--- a/test/config/jest.unit.conf.js
+++ b/test/config/jest.unit.conf.js
@@ -1,5 +1,5 @@
 const baseConfig = require('./jest.base.conf.js');
-const path = require('path');
+
 process.env.TZ = 'Asia/Shanghai';
 
 module.exports = {
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 434a128f..612d3c97 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -1,3 +1,159 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`ssr snapshot test renders ./src/badge/_example/base.jsx correctly 1`] = `"<div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">16</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">NEW</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div>消息</div></div></div><div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">16</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">0</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">99</div>消息</div></div></div><div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>children</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#52c41a\\">99</div>content</div></div></div><div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--round t-badge--has-children t-badge--medium\\">NEW</div>round</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge t-badge__ribbon--outer\\"><div class=\\"t-badge__inner t-badge--ribbon t-badge--has-children t-badge--small\\">NEW</div>ribbon</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">NEW</div>circle</div></div></div><div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>正常</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#52c41a\\">99</div>绿色</div></div><div><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#f52fff\\">1</div>自定义颜色</div></div></div><div class=\\"base-demo\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:-10px;top:-10px\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:-10px;top:-10px\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:10px;top:10px\\"></div>消息</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/color.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>正常</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#52c41a\\">99</div>绿色</div></div><div><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#f52fff\\">1</div>自定义颜色</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/dist.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">16</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">NEW</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div>消息</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/max-count.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">16</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">0</div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--small\\">99</div>消息</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/offset.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:-10px;top:-10px\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:-10px;top:-10px\\"></div>消息</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"right:10px;top:10px\\"></div>消息</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/shape.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--round t-badge--has-children t-badge--medium\\">NEW</div>round</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge t-badge__ribbon--outer\\"><div class=\\"t-badge__inner t-badge--ribbon t-badge--has-children t-badge--small\\">NEW</div>ribbon</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">NEW</div>circle</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/badge/_example/text.jsx correctly 1`] = `"<div class=\\"base-demo\\" data-reactroot=\\"\\"><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\"></div>children</div></div><div class=\\"base-demo__container\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\" style=\\"background-color:#52c41a\\">99</div>content</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/base.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\">默认按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">强按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--primary t-button--shape-square t-m\\">弱按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-m\\">次按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--danger t-button--shape-square t-m\\">警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--danger t-button--shape-square t-m\\">弱警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--text t-button--primary t-button--shape-square t-m\\">文字按钮</button>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/icon.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\"><svg class=\\"t-icon t-icon-add\\"><use xlink:href=\\"#t-icon-add\\"></use></svg>图标按钮</button>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><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 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 基础按钮</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">基础类型分为主按钮、次按钮、文字按钮。</p><div class=\\"button-demo\\"><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\">默认按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">强按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--primary t-button--shape-square t-m\\">弱按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-m\\">次按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--danger t-button--shape-square t-m\\">警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--danger t-button--shape-square t-m\\">弱警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--text t-button--primary t-button--shape-square t-m\\">文字按钮</button></div><div style=\\"background:#a6a6a6;padding:10px;margin-bottom:10px\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-button--ghost t-m\\">幽灵按钮</button></div><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m t-size-full-width\\">通栏按钮</button></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">02 图标按钮</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">图标按钮分为图标加文字形式、纯图标形式</p><div class=\\"button-demo\\"><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\"><svg class=\\"t-icon t-icon-add\\"><use xlink:href=\\"#t-icon-add\\"></use></svg>图标按钮</button></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">03 按钮状态</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">按钮禁用态</p><div class=\\"button-demo\\"><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">默认按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">强按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--primary t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">弱按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">次按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--danger t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--danger t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">弱警告按钮</button><button type=\\"button\\" class=\\"t-button t-button--text t-button--primary t-button--shape-square t-m t-is-disabled\\" disabled=\\"\\">文字按钮</button></div><div style=\\"background:#a6a6a6;padding:10px;margin-bottom:10px\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-button--ghost t-m t-is-disabled\\" disabled=\\"\\">幽灵按钮</button></div><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m t-is-disabled t-size-full-width\\" disabled=\\"\\">通栏按钮</button></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">04 尺寸</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">提供大、中、小 3 种不同大小按钮</p><div class=\\"button-demo\\"><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-l\\">按钮 44</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">按钮 40</button><br/><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-s\\">按钮 36</button></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">05 形状</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"button-demo\\"><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-m\\">圆角按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\">直角按钮</button></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/shape.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-m\\">圆角按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--default t-button--shape-square t-m\\">直角按钮</button>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/size.jsx correctly 1`] = `"<button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-l\\">按钮 44</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">按钮 40</button><br/><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-s\\">按钮 36</button>"`;
+
+exports[`ssr snapshot test renders ./src/button/_example/test.jsx correctly 1`] = `"<div><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">主要按钮</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default t-button--shape-square t-m\\">主要按钮</button></div><div><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">主要按钮</button><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary t-button--shape-square t-m\\">主要按钮</button></div>"`;
+
+exports[`ssr snapshot test renders ./src/cell/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Grid 宫格</h1><p class=\\"tdesign-mobile-demo-header__summary\\">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容。</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">单行单元格</p><div class=\\"tdesign-grid-base\\"><div class=\\"t-cell-group t-cell-group__container\\"><div class=\\"t-cell-group-body\\"><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div></div><a style=\\"text-decoration:none\\" href=\\"react-mobile/components/getting-started\\" rel=\\"noreferrer\\"><div class=\\"t-cell t-cell--middle t-cell--bordered t-cell--hover\\"><div class=\\"t-cell__title\\"><span>单行标题<span class=\\"t-cell--required\\"> *</span></span></div></div></a><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">辅助信息</div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">辅助信息</div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--medium\\">8</div></div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">右侧switch</div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><svg class=\\"t-icon t-icon-app\\"><use xlink:href=\\"#t-icon-app\\"></use></svg></div><div class=\\"t-cell__title\\"><span>单行标题</span></div></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">多行单元格</p><div class=\\"tdesign-grid-base\\"><div class=\\"t-cell-group t-cell-group__container\\"><div class=\\"t-cell-group-body\\"><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行标题</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><svg class=\\"t-icon t-icon-app\\"><use xlink:href=\\"#t-icon-app\\"></use></svg></div><div class=\\"t-cell__title\\"><span>多行带图标</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><img src=\\"https://tdesign.gtimg.com/mobile/demos/avatar_1.png\\" width=\\"48\\" height=\\"48\\" style=\\"border-radius:50%\\"/></div><div class=\\"t-cell__title\\"><span>多行带头像</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><img src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\" width=\\"56\\" height=\\"56\\"/></div><div class=\\"t-cell__title\\"><span>多行带图片</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行标题</span><div class=\\"t-cell__description\\">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</span><div class=\\"t-cell__description\\">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/cell/_example/multiple.jsx correctly 1`] = `"<div class=\\"tdesign-grid-base\\" data-reactroot=\\"\\"><div class=\\"t-cell-group t-cell-group__container\\"><div class=\\"t-cell-group-body\\"><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行标题</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><svg class=\\"t-icon t-icon-app\\"><use xlink:href=\\"#t-icon-app\\"></use></svg></div><div class=\\"t-cell__title\\"><span>多行带图标</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><img src=\\"https://tdesign.gtimg.com/mobile/demos/avatar_1.png\\" width=\\"48\\" height=\\"48\\" style=\\"border-radius:50%\\"/></div><div class=\\"t-cell__title\\"><span>多行带头像</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><img src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\" width=\\"56\\" height=\\"56\\"/></div><div class=\\"t-cell__title\\"><span>多行带图片</span><div class=\\"t-cell__description\\">一段很长很长的内容文字</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行标题</span><div class=\\"t-cell__description\\">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>多行高度不定，长文本自动换行，该选项的描述是一段很长的内容</span><div class=\\"t-cell__description\\">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/cell/_example/single.jsx correctly 1`] = `"<div class=\\"tdesign-grid-base\\" data-reactroot=\\"\\"><div class=\\"t-cell-group t-cell-group__container\\"><div class=\\"t-cell-group-body\\"><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div></div><a style=\\"text-decoration:none\\" href=\\"react-mobile/components/getting-started\\" rel=\\"noreferrer\\"><div class=\\"t-cell t-cell--middle t-cell--bordered t-cell--hover\\"><div class=\\"t-cell__title\\"><span>单行标题<span class=\\"t-cell--required\\"> *</span></span></div></div></a><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">辅助信息</div></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">辅助信息</div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--medium\\">8</div></div></div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__title\\"><span>单行标题</span></div><div class=\\"t-cell__note\\">右侧switch</div><svg class=\\"t-icon t-icon-chevron-right t-cell-content-arrow\\" style=\\"font-size:24px\\" color=\\"#0006\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></div><div class=\\"t-cell t-cell--middle t-cell--bordered\\"><div class=\\"t-cell__left-icon\\"><svg class=\\"t-icon t-icon-app\\"><use xlink:href=\\"#t-icon-app\\"></use></svg></div><div class=\\"t-cell__title\\"><span>单行标题</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/base.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"> 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选</div></div></label>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/disable.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/group.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">选中“广州、深圳”</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">设置不可选中</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><br/><div class=\\"t-checkbox-group\\"><div class=\\"t-cell-group\\"><div class=\\"tcell-group__container\\"><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">全选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"beijing\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">北京</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"shanghai\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">上海</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"guangzhou\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">广州</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"shenzhen\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">深圳</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/icon.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"1\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-check-rectangle\\"><use xlink:href=\\"#t-icon-check-rectangle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">苹果</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/indeterminate.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-minus-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-minus-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Checkbox 多选框</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于预设的一组选项中执行多项选择，并呈现选择结果。</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">基础多选框</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"> 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选</div></div></label></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">右侧多选框</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\">多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选</div></div></label></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">多选框禁用态</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked t-is-disabled\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" disabled=\\"\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:#dcdcdc;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">半选状态</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-minus-circle-filled t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-minus-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">带全选的多选框</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">选中“广州、深圳”</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">设置不可选中</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><br/><div class=\\"t-checkbox-group\\"><div class=\\"t-cell-group\\"><div class=\\"tcell-group__container\\"><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">全选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"beijing\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">北京</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"shanghai\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">上海</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"guangzhou\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">广州</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"shenzhen\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">深圳</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">限制选择数量</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-checkbox-group\\"><div class=\\"t-cell-group\\"><div class=\\"tcell-group__container\\"><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"1\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">苹果</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"2\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">香蕉</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"3\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">菠萝</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">自定义图标</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"1\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-check-rectangle\\"><use xlink:href=\\"#t-icon-check-rectangle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">苹果</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/max.jsx correctly 1`] = `"<div class=\\"t-checkbox-group\\"><div class=\\"t-cell-group\\"><div class=\\"tcell-group__container\\"><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"1\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">苹果</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"2\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">香蕉</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row\\"><div class=\\"t-cell__left-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" value=\\"3\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">菠萝</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/checkbox/_example/right.jsx correctly 1`] = `"<label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox t-is-checked\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\"></div></div></label><label class=\\"t-cell t-cell--middle t-cell--bordered\\" style=\\"flex-direction:row-reverse\\"><div class=\\"t-cell__right-icon t-checkbox__wrap\\"><div class=\\"t-checkbox\\"><div class=\\"t-checkbox__content-wrap\\"><span class=\\"t-checkbox__icon-left\\"><input type=\\"checkbox\\" class=\\"t-checkbox__original-left\\"/><svg class=\\"t-icon t-icon-circle t-icon t-checkbox__checked__disable-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-checkbox__label-wrap\\"></span></div></div></div><div class=\\"t-cell__title\\"><span style=\\"color:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3\\">多选</span><div class=\\"t-cell__description\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5\\">多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选 多选多选多选多选多选多选多选多选多选多选多选多选多选多选多选</div></div></label>"`;
+
+exports[`ssr snapshot test renders ./src/count-down/_example/base.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">CountDown倒计时</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于实时展示倒计时数值。</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-countdown-type-demo\\"><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">时分秒</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带毫秒</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带方形底</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带圆形底</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带单位</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">无底色带单位</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">规格</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-countdown-specs-demo\\"><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">纯数字</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带圆形底</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带方形底</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带单位</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">无底色带单位</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/count-down/_example/specs.jsx correctly 1`] = `"<div class=\\"t-countdown-specs-demo\\" data-reactroot=\\"\\"><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">纯数字</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带圆形底</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带方形底</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">带单位</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div><div class=\\"demo-group\\"><div class=\\"demo-group-lebal\\">无底色带单位</div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">小</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">中</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">大</div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/count-down/_example/type.jsx correctly 1`] = `"<div class=\\"t-countdown-type-demo\\" data-reactroot=\\"\\"><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">时分秒</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带毫秒</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带方形底</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带圆形底</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">带单位</div></div><div class=\\"demo-item\\"><div class=\\"demo-item-label\\">无底色带单位</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Divider 分割线</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于分割、组织、细化有一定逻辑的组织元素内容和页面结构。</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">直线拉通</p><div class=\\"t-divider\\"></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">虚线拉通</p><div class=\\"t-divider t-divider--dashed\\"></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">左右间距</p><div class=\\"t-demo1\\"><div class=\\"t-divider t-divider--dashed\\"></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">右侧拉通</p><div class=\\"t-demo2\\"><div class=\\"t-divider t-divider--dashed\\"></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">定义左侧距离</p><div class=\\"t-demo3\\"><div class=\\"t-divider t-divider--dashed\\"></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">垂直分割</p><div class=\\"vertical-panel\\"><text>文字信息</text><div class=\\"t-divider t-divider-vertical\\"></div><text>文字信息</text><div class=\\"t-divider t-divider-vertical\\"></div><text>文字信息</text></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">文字+直线</p><div class=\\"t-demo1\\"><div class=\\"t-divider t-divider--content-center\\"><span class=\\"t-divider__content\\">文字信息</span></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">文字+虚线</p><div class=\\"t-demo1\\"><div class=\\"t-divider t-divider--content-center t-divider--dashed\\"><span class=\\"t-divider__content\\">文字信息</span></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">纯文字</p><div class=\\"t-demo1\\"><div class=\\"t-divider t-divider--content-center\\" style=\\"border-color:transparent\\"><span class=\\"t-divider__content\\">没有更多了～</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/content.jsx correctly 1`] = `"<div class=\\"t-divider t-divider--content-center\\" data-reactroot=\\"\\"><span class=\\"t-divider__content\\">文字信息</span></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/normal.jsx correctly 1`] = `"<div class=\\"t-divider\\" data-reactroot=\\"\\"></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/normal-dashed.jsx correctly 1`] = `"<div class=\\"t-divider t-divider--dashed\\" data-reactroot=\\"\\"></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/pure-content.jsx correctly 1`] = `"<div class=\\"t-divider t-divider--content-center\\" style=\\"border-color:transparent\\" data-reactroot=\\"\\"><span class=\\"t-divider__content\\">没有更多了～</span></div>"`;
+
+exports[`ssr snapshot test renders ./src/divider/_example/vertical.jsx correctly 1`] = `"<div class=\\"vertical-panel\\" data-reactroot=\\"\\"><text>文字信息</text><div class=\\"t-divider t-divider-vertical\\"></div><text>文字信息</text><div class=\\"t-divider t-divider-vertical\\"></div><text>文字信息</text></div>"`;
+
+exports[`ssr snapshot test renders ./src/grid/_example/badge.tsx correctly 1`] = `"<div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">8</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">new</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/grid/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Grid 宫格</h1><p class=\\"tdesign-mobile-demo-header__summary\\">横向分割的点击单元，用作一组次级功能的入口</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">一行三个（border）</p><div class=\\"tdesign-grid-base\\"><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">一行四个</p><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">一行五个</p><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div><div class=\\"tdesign-grid-5-horizontal\\"><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:20%;height:20%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-5 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">一行两个带说明宫格</p><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:50%;height:50%;padding-left:20px;padding-right:20px;flex-direction:row;text-align:left;justify-content:left\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-2 img-horizontal\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-2\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div><div class=\\"t-grid-item\\" style=\\"width:50%;height:50%;padding-left:20px;padding-right:20px;flex-direction:row;text-align:left;justify-content:left\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-2 img-horizontal\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-2\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">一行三个带说明宫格</p><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">带徽标宫格</p><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--dot t-badge--has-children t-badge--medium\\"></div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">8</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">new</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-badge\\"><div class=\\"t-badge__inner t-badge--circle t-badge--has-children t-badge--medium\\">···</div><div class=\\"t-grid-item__image-box\\"><img class=\\"img-4 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/grid/_example/border.jsx correctly 1`] = `"<div class=\\"tdesign-grid-base\\"><div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:33.333333333333336%;height:33.333333333333336%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center;border-color:#f6f6f6;border-width:1px;border-style:solid\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-3 img-vertical\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-3\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/grid/_example/layout.jsx correctly 1`] = `"<div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:50%;height:50%;padding-left:20px;padding-right:20px;flex-direction:row;text-align:left;justify-content:left\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-2 img-horizontal\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-2\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div><div class=\\"t-grid-item\\" style=\\"width:50%;height:50%;padding-left:20px;padding-right:20px;flex-direction:row;text-align:left;justify-content:left\\"><div class=\\"t-grid-item__image-box\\"><img class=\\"img-2 img-horizontal\\" src=\\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\\"/></div><div class=\\"t-grid-item__text\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-2\\">标题文字</div></div><div class=\\"t-grid-item__description\\">说明文字</div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/grid/_example/normal.jsx correctly 1`] = `"<div class=\\"t-grid\\" style=\\"padding-right:0\\"><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div><div class=\\"t-grid-item\\" style=\\"width:25%;height:25%;padding-left:20px;padding-right:20px;flex-direction:column;text-align:center;align-items:center\\"><div class=\\"t-grid-item__image-box\\"><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\\"><div class=\\"t-grid-item__title\\"><div class=\\"text-4\\">标题文字</div></div><div class=\\"t-grid-item__description\\"></div></div></div></div>"`;
+
 exports[`ssr snapshot test renders ./src/icon/_example/index.jsx correctly 1`] = `"test"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/base.jsx correctly 1`] = `"<div class=\\"t-image__demo-base\\"><div class=\\"t-image t-image--round t-image-custom\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/1000x\\" alt=\\"这是一张图片\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/error.jsx correctly 1`] = `"<div class=\\"t-image__demo-status\\"><div class=\\"t-image__demo-wrap\\"><h5>失败默认提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-22222.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>失败自定义提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-22222.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/fit.jsx correctly 1`] = `"<div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>cover</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:cover;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>fill</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>scale-down</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:scale-down;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>contain</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:contain;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Image 图片</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于图片展示</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">基础用法</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-image__demo-base\\"><div class=\\"t-image t-image--round t-image-custom\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/1000x\\" alt=\\"这是一张图片\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">图片形状</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">通过shape属性可以设置图片形状，可选项有circle|round|square，分别代表圆形、圆角方形、方形</p><div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>方形</h5><div class=\\"t-image t-image--square\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>圆角方形</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>圆形</h5><div class=\\"t-image t-image--circle\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">图片填充</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">通过fit属性可以设置图片填充模式，可选项有contain|cover|fill|none|scale-down，效果与原生的object-fit属性一致</p><div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>cover</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:cover;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>fill</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>scale-down</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:scale-down;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>contain</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:contain;width:inherit;height:inherit\\"/></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">图片位置</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">通过position属性可以设置图片位置，效果与原生的object-position属性一致</p><div class=\\"t-image__demo-position\\"><div class=\\"t-image__demo-wrap\\"><h5>top</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:top;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>right</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:right;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>bottom</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:bottom;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>left</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:left;width:inherit;height:inherit\\"/></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">图片懒加载</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">通过lazy属性来开启图片懒加载</p><div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>懒加载图片</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">加载中提示</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">组件提供了默认的加载中提示，也支持通过loading插槽自定义提示内容</p><div class=\\"t-image__demo-status\\"><div class=\\"t-image__demo-wrap\\"><h5>加载默认提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>加载自定义提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-loading\\" style=\\"font-size:1.5em\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">加载失败提示</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">组件提供了默认的加载失败提示，也支持通过error插槽自定义提示内容</p><div class=\\"t-image__demo-status\\"><div class=\\"t-image__demo-wrap\\"><h5>失败默认提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-22222.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>失败自定义提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-22222.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/lazy.jsx correctly 1`] = `"<div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>懒加载图片</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/loading.jsx correctly 1`] = `"<div class=\\"t-image__demo-status\\"><div class=\\"t-image__demo-wrap\\"><h5>加载默认提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>加载自定义提示</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-loading\\" style=\\"font-size:1.5em\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/position.jsx correctly 1`] = `"<div class=\\"t-image__demo-position\\"><div class=\\"t-image__demo-wrap\\"><h5>top</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:top;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>right</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:right;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>bottom</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:bottom;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>left</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg?imageMogr2/thumbnail/60x60\\" style=\\"object-fit:none;object-position:left;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/image/_example/shape.jsx correctly 1`] = `"<div class=\\"t-image__demo-base\\"><div class=\\"t-image__demo-wrap\\"><h5>方形</h5><div class=\\"t-image t-image--square\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>圆角方形</h5><div class=\\"t-image t-image--round\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div><div class=\\"t-image__demo-wrap\\"><h5>圆形</h5><div class=\\"t-image t-image--circle\\"><div class=\\"t-image__status\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><img class=\\"t-image__img\\" src=\\"https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/image/image-2.jpg\\" style=\\"object-fit:fill;width:inherit;height:inherit\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/message/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Message 消息通知</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于轻量级反馈或提示，不会打断用户操作。 </p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">弹窗内容为纯文本、标题和副标题、带输入框</p><div class=\\"container\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">纯文字通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带图标通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带关闭通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带按钮通知</button></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">02 状态</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">弹窗状态为普通弹窗、警示提示弹窗、成功提示弹窗、错误提示弹窗。</p><div class=\\"container\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">普通通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">警示提示通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">成功提示通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">错误提示通知</button></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/message/_example/status.jsx correctly 1`] = `"<div class=\\"container\\" data-reactroot=\\"\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">普通通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">警示提示通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">成功提示通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">错误提示通知</button></div>"`;
+
+exports[`ssr snapshot test renders ./src/message/_example/types.jsx correctly 1`] = `"<div class=\\"container\\" data-reactroot=\\"\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">纯文字通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带图标通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带关闭通知</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default button t-button--shape-square t-m\\">带按钮通知</button></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Popup 弹窗层</h1><p class=\\"tdesign-mobile-demo-header__summary\\">由其他控件触发，屏幕滑出或弹出一块自定义内容区域</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">弹出层出现为止可能为顶部、底部、中部、左侧或右侧</p><div><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">顶部弹出</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">中部弹出</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">左侧弹出</button><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">右侧弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-top\\" style=\\"display:none\\"><div class=\\"vertical\\"></div></div></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-bottom\\" style=\\"display:none\\"><div class=\\"vertical\\"></div></div></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-center\\" style=\\"display:none\\"><div class=\\"center\\"></div></div></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-left\\" style=\\"display:none\\"><div class=\\"horizontal\\"></div></div></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-right\\" style=\\"display:none\\"><div class=\\"horizontal\\"></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/custom-animation.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-bottom\\" style=\\"display:none\\"><div class=\\"vertical\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/placement-bottom.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-bottom\\" style=\\"display:none\\"><div class=\\"vertical\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/placement-center.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-center\\" style=\\"display:none\\"><div class=\\"center\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/placement-left.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-left\\" style=\\"display:none\\"><div class=\\"horizontal\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/placement-right.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-right\\" style=\\"display:none\\"><div class=\\"horizontal\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/popup/_example/placement-top.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo__button-group\\"><button type=\\"button\\" class=\\"t-button t-button--outline t-button--default tdesign-mobile-demo__button t-button--shape-square t-m\\">底部弹出</button></div><div class=\\"t-popup\\" style=\\"z-index:1500\\"><div style=\\"display:none\\"><div class=\\"t-mask\\"></div></div><div class=\\"t-popup--content t-popup--content-top\\" style=\\"display:none\\"><div class=\\"vertical\\"></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/radio/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">基础使用</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">单选框基础使用方法</p><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">单选</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">单选不可用</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">可取消选择</span></div><div class=\\"t-radio t-is-checked\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">直接被选中</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__content-wrap\\" style=\\"color:\\"><span class=\\"t-radio__content-inner\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-top:0\\"><p style=\\"color:red\\">自定义内容</p></span></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__content-wrap\\" style=\\"color:\\"><span class=\\"t-radio__content-inner\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-top:0\\"><p style=\\"color:red\\">内容区域不可点击</p></span></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon- t-icon\\"><use xlink:href=\\"#t-icon-\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">stroke line</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-notification t-icon\\"><use xlink:href=\\"#t-icon-notification\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">自定义图标</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row-reverse\\"><span class=\\"t-radio__icon-wrap t-radio__icon-right-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">右侧选择</span></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/radio/_example/group.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">单选框组使用</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">单选框组使用方法</p><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">北京</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">上海</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">广州</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">深圳</span></div></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/radio/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">基础使用</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">单选框基础使用方法</p><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">单选</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示单选多行显示</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">单选不可用</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">可取消选择</span></div><div class=\\"t-radio t-is-checked\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\" checked=\\"\\"/><svg class=\\"t-icon t-icon-check-circle-filled t-icon\\"><use xlink:href=\\"#t-icon-check-circle-filled\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">直接被选中</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__content-wrap\\" style=\\"color:\\"><span class=\\"t-radio__content-inner\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-top:0\\"><p style=\\"color:red\\">自定义内容</p></span></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__content-wrap\\" style=\\"color:\\"><span class=\\"t-radio__content-inner\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-top:0\\"><p style=\\"color:red\\">内容区域不可点击</p></span></span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon- t-icon\\"><use xlink:href=\\"#t-icon-\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">stroke line</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-notification t-icon\\"><use xlink:href=\\"#t-icon-notification\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">自定义图标</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row-reverse\\"><span class=\\"t-radio__icon-wrap t-radio__icon-right-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">右侧选择</span></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">单选框组使用</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">单选框组使用方法</p><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">北京</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">上海</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">广州</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">深圳</span></div></div></div><div style=\\"margin-top:10px\\"><div class=\\"t-radio-group\\"><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">北京</span></div><div class=\\"t-radio t-is-disabled\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#DCDCDC\\">上海</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">广州</span></div><div class=\\"t-radio\\" style=\\"flex-direction:row\\"><span class=\\"t-radio__icon-wrap\\"><input type=\\"radio\\" readonly=\\"\\" class=\\"t-radio__former\\"/><svg class=\\"t-icon t-icon-circle t-icon\\"><use xlink:href=\\"#t-icon-circle\\"></use></svg></span><span class=\\"t-radio__label-wrap\\" style=\\"display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:\\">深圳</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/slider/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Slider 滑动选择器</h1><p class=\\"tdesign-mobile-demo-header__summary\\">滑动滑块来选择一个数值，在具体场景中也可以增加来刻度和展示数值来方便用户使用</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">基础滑动选择器</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">带数值滑动选择器</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div><div class=\\"t-slider-wrap__value\\">60</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">起始非零滑动选择器</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div><div class=\\"t-slider-wrap__value\\">30</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">带刻度滑动选择器</p><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%\\">小</div><div class=\\"t-slider__mark-text\\" style=\\"left:50%\\">中</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%\\">大</div></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">区间滑动选择器</p><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider-wrap__value-left\\">0</div><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"left:0%;width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__handle\\" style=\\"left:undefined%\\" data-index=\\"1\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:30%\\">30</div><div class=\\"t-slider__mark-text\\" style=\\"left:70%\\">70</div></div></div><div class=\\"t-slider-wrap__value\\">100</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">02 状态</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">滑动选择器禁用状态</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap t-is-disabled\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div><div class=\\"t-slider-wrap__value\\">60</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">带刻度滑动选择器</p><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap t-is-disabled\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%\\">小</div><div class=\\"t-slider__mark-text\\" style=\\"left:50%\\">中</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%\\">大</div></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">区间滑动选择器</p><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap t-is-disabled\\"><div class=\\"t-slider-wrap__value-left\\">0</div><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"left:0%;width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__handle\\" style=\\"left:undefined%\\" data-index=\\"1\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:30%\\">30</div><div class=\\"t-slider__mark-text\\" style=\\"left:70%\\">70</div></div></div><div class=\\"t-slider-wrap__value\\">100</div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">03 规格</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">无标题滑动选择器</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">有标题滑动选择器</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider-wrap__title\\">选择器标题</div><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/slider/_example/mark.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%\\">小</div><div class=\\"t-slider__mark-text\\" style=\\"left:50%\\">中</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%\\">大</div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/slider/_example/range.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-demo-block-wrap tdesign-demo-block-wrap__block\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider-wrap__value-left\\">0</div><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"left:0%;width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div><div class=\\"t-slider__handle\\" style=\\"left:undefined%\\" data-index=\\"1\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:30%\\">30</div><div class=\\"t-slider__mark-text\\" style=\\"left:70%\\">70</div></div></div><div class=\\"t-slider-wrap__value\\">100</div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/slider/_example/value.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-slider-wrap\\"><div class=\\"t-slider\\"><div class=\\"t-slider__bar\\"></div><div class=\\"t-slider__track\\" style=\\"width:0%\\"></div><div class=\\"t-slider__handle\\" style=\\"left:0%\\" data-index=\\"0\\"></div></div><div class=\\"t-slider-wrap__value\\">65</div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/sticky/_example/base.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Sticky 吸顶</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于常驻页面顶部的信息，操作展示</p></div><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">基础吸顶</p><div class=\\"tdesign-demo-block-1\\"><div class=\\"t-sticky\\"><div><button type=\\"button\\" class=\\"t-button t-button--base t-button--primary custom-common-button t-button--shape-square t-m\\">基础吸顶</button></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">吸顶距离</p><div class=\\"tdesign-demo-block-2\\"><div class=\\"t-sticky\\"><div><button type=\\"button\\" class=\\"t-button t-button--base t-button--danger custom-common-button t-button--shape-square t-m\\">吸顶距离</button></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\"></h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">指定容器</p><div class=\\"tdesign-demo-block-3\\"><div class=\\"t-sticky\\"><div><button type=\\"button\\" class=\\"t-button t-button--base t-button--default custom-button custom-common-button t-button--shape-square t-m\\">指定容器</button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/base.jsx correctly 1`] = `"<div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:500%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\">itme3</div><div style=\\"height:180px;width:0px\\">itme1</div><div style=\\"height:180px;width:0px\\">itme2</div><div style=\\"height:180px;width:0px\\">itme3</div><div style=\\"height:180px;width:0px\\">itme1</div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/control.jsx correctly 1`] = `"<div class=\\"tdesign-demo-block-wrap\\" data-reactroot=\\"\\"><div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:500%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div></div><div class=\\"dots-container\\"><div class=\\"dots\\"></div><div class=\\"dots\\"></div><div class=\\"dots\\"></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/direction.jsx correctly 1`] = `"<div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"height:500%;top:-NaN%;transition:top 0.3s;flex-direction:column\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Swiper 轮播图</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于循环轮播一组图片或内容，也可以滑动进行切换，轮播动效时间可以设置</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">01 类型</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">轮播图的多种样式</p><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:700%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/04.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div><span class=\\"t-swiper__pagination t-swiper__pagination-dots\\"><span class=\\"t-swiper-dot t-swiper-dot--active\\"></span><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span></span></div></div><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:500%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div><span class=\\"t-swiper__pagination t-swiper__pagination-dots-bar\\"><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span></span></div></div><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"height:700%;top:-NaN%;transition:top 0.3s;flex-direction:column\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/04.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div><span class=\\"t-swiper__pagination t-swiper__pagination-fraction\\"><span>1/5</span></span></div></div><div class=\\"tdesign-demo-block-wrap\\"><div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:700%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/04.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/05.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div><span><span class=\\"t-swiper__btn btn-prev\\"><svg class=\\"t-icon t-icon-chevron-left\\" style=\\"font-size:20px\\"><use xlink:href=\\"#t-icon-chevron-left\\"></use></svg></span><span class=\\"t-swiper__btn btn-next\\"><svg class=\\"t-icon t-icon-chevron-right\\" style=\\"font-size:20px\\"><use xlink:href=\\"#t-icon-chevron-right\\"></use></svg></span></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/pagination-type.jsx correctly 1`] = `"<div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:500%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/02.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/03.png\\"/></div><div style=\\"height:180px;width:0px\\"><img style=\\"height:100%\\" src=\\"https://tdesign.gtimg.com/site/swiper/01.png\\"/></div></div><span class=\\"t-swiper__pagination t-swiper__pagination-dots\\"><span class=\\"t-swiper-dot t-swiper-dot--active\\"></span><span class=\\"t-swiper-dot\\"></span><span class=\\"t-swiper-dot\\"></span></span></div>"`;
+
+exports[`ssr snapshot test renders ./src/swiper/_example/test.jsx correctly 1`] = `"<div class=\\"t-swiper\\" style=\\"overflow:hidden;height:180px\\"><div class=\\"t-swiper__container\\" style=\\"width:0%;left:-NaN%;transition:left 0.3s;flex-direction:row\\"></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/bottom.jsx correctly 1`] = `"<div class=\\"className=&quot;tdesign-mobile-demo&quot;\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">底部选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-tabs t-is-bottom\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\">内容内容</div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/horizontal.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">横向选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签1</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签2222</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\"></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">tab禁用</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">这个标签有点长</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\"></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li></ul></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/index.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo\\" data-reactroot=\\"\\"><div class=\\"tdesign-mobile-demo-header\\"><h1 class=\\"tdesign-mobile-demo-header__title\\">Tabs 选项卡</h1><p class=\\"tdesign-mobile-demo-header__summary\\">用于切换不同场景</p></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">横向选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签1</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签2222</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\"></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">tab禁用</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">这个标签有点长</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\"></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li></ul></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">竖向选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">top=&#x27;left&#x27; | top = &#x27;right</p><ul class=\\"veti-wrap\\"><li><div class=\\"t-tabs t-is-left\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签1</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签222</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签3</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签4</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content t-tabs__panel\\"></div></div></li><li><div class=\\"t-tabs t-is-right\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content t-tabs__panel\\"><div>内容内容</div></div></div></li></ul></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">可滚动的选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">元素过多时可滚动，点击可自动调整滚动位置</p><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页五</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页六</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">不同尺寸</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">大 中 小</p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs t-size-l\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li><li><div class=\\"t-tabs t-size-s\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li></ul></div><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">不显示激活线</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div></div></div></div></li></ul></div><div class=\\"className=&quot;tdesign-mobile-demo&quot;\\"><div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">底部选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><div class=\\"t-tabs t-is-bottom\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\">内容内容</div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/noline.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">不显示激活线</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\"></p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div></div></div></div></li></ul></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/scroll.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">可滚动的选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">元素过多时可滚动，点击可自动调整滚动位置</p><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页五</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页六</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/size.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">不同尺寸</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">大 中 小</p><ul class=\\"hori-wrap\\"><li><div class=\\"t-tabs t-size-l\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li><li><div class=\\"t-tabs\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li><li><div class=\\"t-tabs t-size-s\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div></div></li></ul></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/test.jsx correctly 1`] = `"<div class=\\"t-tabs\\" data-reactroot=\\"\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\">test1<div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content\\"></div></div>"`;
+
+exports[`ssr snapshot test renders ./src/tabs/_example/vetical.jsx correctly 1`] = `"<div class=\\"tdesign-mobile-demo-block\\"><h2 v-if=\\"title\\" class=\\"tdesign-mobile-demo-block__title\\">竖向选项卡</h2><p v-if=\\"summary\\" class=\\"tdesign-mobile-demo-block__summary\\">top=&#x27;left&#x27; | top = &#x27;right</p><ul class=\\"veti-wrap\\"><li><div class=\\"t-tabs t-is-left\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签1</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签222</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签3</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签4</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content t-tabs__panel\\"></div></div></li><li><div class=\\"t-tabs t-is-right\\"><div class=\\"t-tabs__nav  t-is-scrollable \\"><div class=\\"t-tabs__nav-wrap t-tabs__nav-container\\"><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页一</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页二</span></div><div class=\\"t-tabs__nav-item t-is-disabled\\"><span class=\\"t-tabs__nav-item-btn\\">标签页三</span></div><div class=\\"t-tabs__nav-item\\"><span class=\\"t-tabs__nav-item-btn\\">标签页四</span></div><div class=\\"t-tabs__nav-line\\"></div></div></div><div class=\\"t-tabs__content t-tabs__panel\\"><div>内容内容</div></div></div></li></ul></div>"`;
diff --git a/test/ssr/ssr.test.js b/test/ssr/ssr.test.js
index 324040ad..9f15289a 100644
--- a/test/ssr/ssr.test.js
+++ b/test/ssr/ssr.test.js
@@ -15,8 +15,10 @@ function ssrSnapshotTest() {
       it(`renders ${file} correctly`, async () => {
         const demo = require(`../.${file}`);
         const RealDemoComp = demo.default ? demo.default : demo;
-        const ElementImageHtml = renderToString(<RealDemoComp />);
-        expect(ElementImageHtml).toMatchSnapshot();
+        if (typeof RealDemoComp === 'function') {
+          const ElementImageHtml = renderToString(<RealDemoComp />);
+          expect(ElementImageHtml).toMatchSnapshot();
+        }
       }, 2000);
     });
   });
diff --git a/test/utils/test-examples.ts b/test/utils/test-examples.ts
index 8fed4b9c..4f7a3016 100644
--- a/test/utils/test-examples.ts
+++ b/test/utils/test-examples.ts
@@ -25,14 +25,15 @@ export function testExamples(dirname: string, overrides: TestExampleOverrides =
     }
 
     const Example = require(path.join(exampleDir, exampleFilename)).default;
+    if (Example) {
+      // prettier-ignore
+      const runner = overrides[exampleFilename]
+        || (() => {
+          const { asFragment } = render(React.createElement(Example));
+          expect(asFragment()).toMatchSnapshot();
+        });
 
-    // prettier-ignore
-    const runner = overrides[exampleFilename]
-      || (() => {
-        const { asFragment } = render(React.createElement(Example));
-        expect(asFragment()).toMatchSnapshot();
-      });
-
-    test(exampleFilename, runner);
+      test(exampleFilename, runner);
+    }
   }
 }

From b3bb328c1df2a4457f55504478dbcc5233844e3b Mon Sep 17 00:00:00 2001
From: carolin913n <carolin913@126.com>
Date: Wed, 16 Mar 2022 14:19:45 +0800
Subject: [PATCH 2/2] fix(): popconfirm locale text

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 289a7dfe..5d5765f0 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "postsite:preview": "cp _site/index.html _site/404.html",
     "lint": "eslint --ext .ts,.tsx ./ --max-warnings 0",
     "lint:fix": "eslint --ext .ts,.tsx ./ --max-warnings 0 --fix",
-    "test": "echo \"no test specified, work in progress\"",
+    "test": "npm run test:unit",
     "test:update": "npm run test:unit-update",
     "test:unit": "bash -c 'jest --coverage --config test/config/jest.unit.conf.js ${1}' -- ",
     "test:unit-update": "jest --config test/config/jest.unit.conf.js --updateSnapshot --coverage",